Logan's public fiddles
-
2bof67qy
No-Library (pure JS), HTML, CSS, JavaScript
-
Multiple Image Upload with Preview
Just copy and paste this code, and you are good to go. I used Bootstrap and jQuery to do this. NOTE: Script were placed in the HTML panel. It is not working when placed inside the Javascript panel. Not sure why.
-
5eyx505n
jQuery 3.1.1, HTML, CSS, JavaScript
-
jdqagn00
jQuery 1.9.1, HTML, CSS, JavaScript
-
hw6bakya
jQuery 2.1.0, HTML, CSS, JavaScript
-
k3vuwf2v
No-Library (pure JS), HTML, CSS, JavaScript
-
b7qnofw6
jQuery 1.9.1, HTML, CSS, JavaScript
-
Review form with stars
Used stars as a form of assessment to range the user's view on a product, service, etc.
-
Drag div and save the position
User can drag divs and hit the "Save Position" button to save this position to the database
-
45ks8ocf
jQuery 2.1.0, HTML, CSS, JavaScript
-
Order table using jQuery
Order the data either in DESC or ASC.
-
ufac93by
No-Library (pure JS), HTML, CSS, JavaScript
-
Edit content by double click
The user can edit the content of a message by double-clicking the message. A text area will appear, and to save changes, just click outside of the text area.
-
Custom Table
Display a table with a custom view of data using rowspan
-
Toggle Menu on scroll and click
Toggle menu on scrolling. Menu will be shown when scroll reaches top, else, menu will be hidden. Menu can still be seen even when the scroll in not on top just by clicking the button on the right-most corner of the page.
-
Limit input to four (4)
Limit the user from entering more than 4 characters in the text field.
-
Limit the checkboxes to be checked
The user will be limited on selecting from the given check boxes. On this example, user can only select from up to three choices. It will also have the order of when the check boxes has been checked.
-
Add and remove input fields using jQuery. With Undo.
User can add input fields and remove them as they like. Removed input fields can be put back using Undo. This time, using Bootstrap to stylized the form.
-
Real Time Search
Search real time in a pool of data inside a table
-
stjdj61p
jQuery 1.9.1, HTML, CSS, JavaScript