If you’re working on a responsive layout website with navigation that contains too many links to display either horizontally or vertically on smaller screens, you may need to implement a technique where only few links are visible by default and a drop-down
Read More» 0 commentsI really enjoy working with jQuery UI, however in some case the UI is not as intuitive. Here is an example: Let’s say you have a radio input set where you’re asking your users to select one of the options.
Read More» 1 commentsWhen working with jQuery UI tabs it is really easy to dynamically add tabs. You just use tabs ”add” method as specified in the documentation: .tabs( ‘add’ , url , label , [index] ). But there is no method for dynamically adding a close
Read More» 1 commentsHere is an example of progressive enhancementtechnique using jQuery to turn anchor links into side tabs. Anchor Links Example Assumption here is that the links are inside an unordered list with ID “services” services assigned to it. <ul id=”services”> <li><a
Read More» 0 commentsCondense a lengthy FAQ page with accordion style navigation, making your answers only appear when the questions of interest are clicked. To use it: Add this script to the FAQ page Assign class “question” to every question Assign class “answer”
Read More» 6 commentsThe events are stored as UNIX timestamps in a MySQL table. We’ll be getting those events from the database via AJAX and highlight them in the jQuery UI datepicker widget. HTML Javascript $.ajax({ url: “dates.php”, data: “action=showdates”, dataType: “json”, success:
Read More» 11 commentsProgressive enhancement allows everyone to access the basic content and functionality of a given web site using any browser or Internet connection, while also providing those with a more advanced browsers an enhanced version of the site. Here is an
Read More» 0 commentsThis tutorial will help you create simple cross-browser textarea editor you can use on any of your HTML forms. View the sample. UPDATED Dec/2010! Added support for latest versions of: Chrome Safari FireFox Opera IE9 The main DHTML methods used
Read More» 8 commentsThis can be easily done using jQuery or similar JavaScript libraries. But sometimes you may choose not to load the whole library for a simple task like scrolling text. Javascript scrolling text function Create a javascript function and place it
Read More» 3 commentsWhen working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI’s “add” method as specified in the documentation: .tabs( ‘add’ , url , label , [index] ). But there is no method for dynamically adding a close
Read More» 0 comments