{"id":2038,"date":"2009-01-20T16:41:03","date_gmt":"2009-01-20T23:41:03","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=2038"},"modified":"2015-02-25T19:46:44","modified_gmt":"2015-02-26T02:46:44","slug":"50-building-a-customized-and-dynamic-ordering-form","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/video-screencasts\/50-building-a-customized-and-dynamic-ordering-form\/","title":{"rendered":"#50: Building a Customized and Dynamic Ordering Form"},"content":{"rendered":"
Real-life clients have real-life needs for their websites. They don’t care about your fancy RSS feeds and AJAX, they just want their website to do what they tell you they want it to do. In this screencast I walk through an example feature I am building for a real-life client who needed some very specific functionality built into a page. It is an ordering process that needs to check for a valid zip code, and then do a bunch of custom calculations based on quantities, shipping costs, etc. Both jQuery and PHP are used to do the heavy lifting.<\/p>\n
Links from Video:<\/strong><\/p>\n Real-life clients have real-life needs for their websites. They don’t care about your fancy RSS feeds and AJAX, they just want their website to do what they tell you they want it to do. In this screencast I walk through an example feature I am building for a real-life client who needed some very specific […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"open","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":3974,"url":"https:\/\/css-tricks.com\/video-screencasts-4\/","url_meta":{"origin":2038,"position":0},"title":"Video Screencasts","date":"September 10, 2009","format":false,"excerpt":"#60: AJAX Refreshing RSS Content Running time: 22:56 In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and use AJAX (with help from jQuery) to refresh that content without requiring\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18653,"url":"https:\/\/css-tricks.com\/lodge\/v10\/123-building-the-videos-archive-part-2-navigation\/","url_meta":{"origin":2038,"position":1},"title":"#123: Building the Videos Archive, Part 2 (Navigation)","date":"October 1, 2012","format":false,"excerpt":"We just finished an exciting part of this redesign where we got to throw away a bunch of gross markup in the video archives page and replace it with new, smart, clean, auto generated markup. But we have more work to do on these archives pages. Because the archives are\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":13827,"url":"https:\/\/css-tricks.com\/snippets\/css\/force-file-upload-input-button-to-right-side-in-webkit\/","url_meta":{"origin":2038,"position":2},"title":"Force WebKit’s File Upload Input Button to the Right","date":"August 25, 2011","format":false,"excerpt":"Firefox and IE have the \"choose file\" button to the right of the filepath, while WebKit puts it on the left. This makes WebKit put it on the right as well. input[type=\"file\"]{ -webkit-appearance: none; text-align: left; -webkit-rtl-ordering: left; } input[type=\"file\"]::-webkit-file-upload-button{ -webkit-appearance: none; float: right; margin: 0 0 0 10px; border:\u2026","rel":"","context":"With 10 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21205,"url":"https:\/\/css-tricks.com\/almanac\/properties\/o\/order\/","url_meta":{"origin":2038,"position":3},"title":"order","date":"April 19, 2013","format":false,"excerpt":"The order property is a sub-property of the Flexible Box Layout module.Flex items are displayed in the same order as they appear in the source document by default. The order property can be used to change this ordering. .elememt { order: 3; } Syntax order: \n