Francois's public fiddles
-
fading images when mouseenter and leaving last image visible
jQuery 1.8.3, HTML, CSS, JavaScript
-
fading images when hovering
jQuery 1.8.3, HTML, CSS, JavaScript
-
M8dF3
jQuery 1.8.3, HTML, CSS, JavaScript
-
Sortable with max items
jQuery 1.7.2, HTML, CSS, JavaScript
-
Ajax success complete
jQuery 1.8.3, HTML, CSS, JavaScript
-
Select list items with a checked checkbox
This fiddle demonstrates how to select the list items of an unordered list wich contain a checked checkbox inside.
-
Centre background-image and set size to browser window
This fiddle demonstrates how to centre a background image and make it the same size as the browser.
-
Synchronised Dropdown Lists
Demonstrates how to sync 2 dropdowns to ensure they are showing the same options but cannot select the same option as each other.
-
jQuery height, width, inner and outer
This fiddle demonstrates the different available height and width methods available in jQuery.
-
Cascading dropdowns and example of product display
Demonstrates cascading dropdowns and shows a basic example of displaying a list of products based on category selection
-
Search on a table by column 1 or 2
This fiddle demonstrates how one may execute a dynamic search on a table's column 1 and 2 This fiddle is a response to stackoverflow issue: http://stackoverflow.com/questions/12433835/client-side-searching-of-a-table-with-jquery
-
Select multiple options with jQuery
This fiddle shows how easy it is to select multiple options with jQuery.. This fiddle is in relation to the SO post: http://stackoverflow.com/questions/12433780/selecting-multiple-options-with-jquery
-
Live-Search on a table
This fiddle demonstrates how one may execute a dynamic search on a table's unique identifier column. This fiddle is a response to stackoverflow issue: http://stackoverflow.com/questions/12433304/live-search-through-table-rows
-
Change background-image in parent element
This fiddle demonstrates how to change a background-image in an element when hovering over a child element. This was in response to Stackoverflow question: http://stackoverflow.com/questions/12343618/trouble-changing-background-image-of-parent-div-by-hovering-over-child-div-in-ja
-
Show More - Show Less using toggleClass()
This fiddle shows how to use show more and show less using the jQuery toggleClass method Using CSS using line-height and height we are able to ensuring 2 lines of text are visible by default in any browser.
-
Animating removal of an element
This fiddle animates the removal of an element by actually animating hide and using the callback function in hide removes the image at completion of the animation.
-
Basic draggable and sortable example
This fiddle demonstrates the basic functionality when using draggable as well as the basic functionality when using sortable
-
Hide overflow but detect real height
This fiddle demonstrates how to hode overflow on a fixed height element but still be able to query for the actual height, including the hidden content.
-
Show More - Show Less using switchClass()
This fiddle shows how to use show more and show less using the switchClass() jQuery UI method for animation. Using CSS using line-height and height we are able to ensuring 2 lines of text are visible by default in any browser. This fiddle was created in response to the following StackOverflow issue: http://stackoverflow.com/questions/12307666/how-to-create-a-show-more-button-and-specify-how-many-lines-of-text-can-be-ini
-
JTUAh
jQuery 1.8.3, HTML, CSS, JavaScript