Matthew's public fiddles
-
N79uP
No-Library (pure JS), HTML, CSS, JavaScript
-
Stack Overflow Example: DIV click example
Grab the contents of whichever div was clicked.
-
Stack Overflow Example: 3 side-by-side DIV elements with matching heights.
Align 3 divs on a single row, with matching heights.
-
Stack Overflow Example: Align 3 DIV elements.
Put 3 Div elements on a single line.
-
Stack Overflow Example: Get the height of an element.
Using jQuery, get the height of an element.
-
Stack Overflow Example: Clear Textbox When Clicked
This demo illustrates how to clear a textbox with a click.
-
Stack Overflow Example: Add a Ribbon
Add a ribbon to the upper-left hand corner of the first TD in a row.
-
Stack Overflow Example: Hiding text behind sliding div.
Hide content behind a div, and slide it up on a button-click.
-
Stack Overflow Example: Styling link.
Style link styles with provided code.
-
Stack Overflow Example: Set div to match height of image.
Set a div to the same height of an image with jQuery, using tables as requested by the OP.
-
Stack Overflow Example: Change Link Color on Hover
Using the provided code, demonstrate changing the link color on hover.
-
Stack Overflow Example: Adding Forms with Unique IDs
This example adds forms on the fly, each with their own unique ID.
-
Bouncing Ball
A ball bouncing around the window. Fun stuff, no practical purpose.
-
Stack Overflow Example: Replace text and icon with hover
A box with text and icon to be replaced with an image on hover.
-
Stack Overflow Example: Check if text-box values match.
Quick example of checking for a match
-
Stack Overflow Example: Style Text
Quick demo showing how to style text that was added to a table with a window prompt.
-
Stack Overflow Example: Set navigation links to same width.
This uses provided styling from a SO question. By applying width to the li, I have corrected the width issue. The hover styles still need to be corrected in this example.
-
Stack Overflow Example: Skip Navigation Workaround
Chrome and IE shift visual focus, but the next tab press jumps you to the start of the navigation menu. This is a jQuery workaround to place the keyboard focus in the right place.
-
Stack Overflow Example: Stacking Images
A quick example of stacking images.
-
Stack Overflow Example: Custom File Input
Shows how to make custom file select input buttons.