alano's public fiddles
-
Form submit after each field entry
WARNING: This is the non-working version using standard form submit action
-
Drag'n'drop images; save pointers
Generate toolbar from JSON dataset
-
Auto-populate month dropdownlist
jQuery 1.8.3, HTML, CSS, JavaScript
-
Templated and validated input fields
jQuery 1.8.3, HTML, CSS, JavaScript
-
Radiobutton example
jQuery 1.8.3, HTML, CSS, JavaScript
-
Share hover behaviour between element sets
Uses a jQuery Custom Method to find elements with matching custom data values
-
Generate and submit multi-item order
jQuery 1.8.3, HTML, CSS, JavaScript
-
jQuery selectors with non-unique IDs
Testing how jQuery handles element IDs which are unique within a context but not the overall document. Result should display "Passed" if the browser was able to select the correct element within each context. Each item should also highlight in red on mouseover.
-
Show/Hide form using cookie
jQuery 1.8.3, HTML, CSS, JavaScript
-
Hide page contents whilst loading via AJAX until all images loaded
Useful if many large photos contained inside page being loaded via AJAX, so they won't be seen loading jerkily
-
Using jQuery Validation plugin
Requires both the jquery.validate.js and additional-methods.js plugins
-
Form submission, auto-submit field names
jQuery 1.7.2, HTML, CSS, JavaScript 1.7
-
open/close dialog box with changing header text
jQuery 1.7.2, HTML, CSS, JavaScript
-
Delete records
jQuery 1.8.3, HTML, CSS, JavaScript
-
Credit Card input formatting
jQuery 1.8.3, HTML, CSS, JavaScript
-
Selecting multiple <option> within a <select>
jQuery 1.8.3, HTML, CSS, JavaScript
-
Modalbox plugin
jQuery 1.8.3, HTML, CSS, JavaScript
-
Fading sub-menus
jQuery 1.8.3, HTML, CSS, JavaScript
-
Change <h1> using <select> then remove <select>
jQuery 1.8.3, HTML, CSS, JavaScript
-
Reading custom data values in onclick
jQuery 1.8.3, HTML, CSS, JavaScript