Francois's public fiddles
-
NoticeBoard
jQuery 1.9.1, HTML, CSS, JavaScript
-
Concurrent Animation - Wihtout Deferred
jQuery 1.9.1, HTML, CSS, JavaScript
-
Concurrent Animation - With Deferred
jQuery 1.9.1, HTML, CSS, JavaScript
-
Getting Left and Right Border Width for thin, medium and thick cross browser
This fiddle demonstrates how to deal with different browsers returning different values for thin, thick and medium borders.
-
Getting Border Width for thin, medium and thick.
This fiddle demonstrates the values you get in different browsers for border-width values thin, medium and thick. Run it in different browsers to see the results.
-
Getting Border Width for thin, medium and thick.
This fiddle demonstrates the values you get in different browsers for border-width values thin, medium and thick. Run it in different browsers to see the results.
-
DEMO: Get text from clicked row in textarea
This fiddle shows how you can extract the text from the row you clicked on in a text-area with a scrollbar. This DEMO does not deal with wrapping text and for this DEMO the text area is set to not wrap text and resizing is turned off.
-
Submitting the form while replacing submitting element - using in-line onClick
This fiddle demonstrates how a submit button triggers a submit but when replaced within it's click event will not continue to submit the form. The form will have to be submitted manually instead if the element triggering the original submit has been replaced in the same process.
-
Submitting the form while replacing submitting element
This fiddle demonstrates how a submit button triggers a submit but when replaced within it's click event will not continue to submit the form. The form will have to be submitted manually instead if the element triggering the original submit has been replaced in the same process.
-
Get the text of the clicked line in a text area
This fiddle shows how you can extract the text from the row you clicked on in a text area with a scrollbar.
-
Show More - Show Less with hiding link when not needed
This fiddle shows how to use show more and show less using the jQuery toggleClass method. In addition the link is only displayed when the text is larger than the visible area. Using CSS using line-height and height we are able to ensuring 2 lines of text are visible by default in any browser.
-
CSS3 Transition DEMO
Demonstrates the use of CSS3 transitions.
-
Border-Image
Demonstrates the use of CSS3 border-image.
-
JavaScript Inheritance
Demos inheritance in JavaScript
-
ignore bubbled events, only execute own click
jQuery 1.8.3, HTML, CSS, JavaScript
-
2L5tS
jQuery 1.8.3, HTML, CSS, JavaScript
-
b6kfh
jQuery 1.8.3, HTML, CSS, JavaScript
-
48Sug
jQuery 1.8.3, HTML, CSS, JavaScript
-
JW8CP
jQuery 1.8.3, HTML, CSS, JavaScript
-
Cascading dropdowns - Show managers for selected department
jQuery 1.8.3, HTML, CSS, JavaScript