Visual-Blast Media

Free web resources for designers and web developers | Tutorials, Scripts, Graphics, Photoshop, CSS, …

‘Javascript’ Articles

JavaScript dock menu script

Dock Menu - a little bit of Javascript and CSS tutorial that creates the Webber 2.0 Dock Menu.

dock_menu.jpg

        |  Subscribe to RSS

Dynamic Inline JavaScript Form Validation

JavaScript Form Validation - A lightweight form validation script that displays an attractive inline message that when there’s an error. There is no markup to add on your existing page. Just call the inlineMsg() function when you wish to display a message. Tested in IE6/IE7/IE8, Firefox, Opera and Safari.

javascript_form_validation.gif

        |  Subscribe to RSS

JavaScript Color Fading Script

A lightweight JavaScript Color Fading Script. Add fading effects to tables, divs and more. You can target an elements background, border or text color. Tested in IE6/IE7, Firefox, Opera and Safari.

javascript_free_color_fading_script.jpg

        |  Subscribe to RSS

FancyUpload 2.0

FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

fancy_upload.jpg

        |  Subscribe to RSS

Custom JavaScript Dialog Boxes

A lightweight (~4.5kb) JavaScript dialog box library. The script currently offers four dialog styles: alerts, warnings, prompts and success. The script is tested working in IE 6/7, Firefox 2/3, Opera and Safari.

error_javascript_dialog_boxes.jpg

        |  Subscribe to RSS

LightForm - Free Ajax/PHP Contact Form

LightForm is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation and NiceForms to style text fields and textareas.

lightform_free_ajax_php_contact_form.jpg

Features:

  • Form Validation using FormCheck2.
  • Spam Check.
  • Display user IP, user agent and referrer in the message.
  • Display a dialog box when message sent succesfully.
  • Inputs and textareas are styled with NiceForms.
  • Works in the most recent browsers (IE6+, Firefox, Opera, Safari and Netscape).

Note: Form validation won’t work anymore if users disable Javascript. Released under Creative Commons Attribution v2.5.

        |  Subscribe to RSS

Kwicks for jQuery Menu

Kwicks for jQuery is a plugin that simulates attractive Mootools effect. Example page

Kwicks Options:

  • maxWidth: Required: The width (in pixels) of a fully expanded kwick element.
  • duration: Defaults to 200: The number of milliseconds required for each animation to complete.
  • easing: A custom easing function for the animation (requires easing plugin).
  • spacing: Defaults to 0 - The width (in pixels) separating each kwick element.

kwicks.jpg

        |  Subscribe to RSS

noobSlide - Mootools Image Slideshow

noobSlide - A mootools based image gallery with 7 different styles. You’ll find download link at the bottom of the page.

noobslide_mootools.jpg

        |  Subscribe to RSS

jQuery Virtual Tour

jQuery virtual tour - an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour! Free - released under the GPL licence.

This virtual tour plugin has the particularity to be accessible and can run even if javascript has not been activated - navigation uses the standard html tags <map> and <area> in accordance with w3c.

jQuery virtual tour DEMO / jQuery virtual tour Article

jquery_virtual_tour.jpg

        |  Subscribe to RSS

Window Growl - Handy mootools based notifications

Window Growl - mootools based JavaScript notifications ( 2 effects: Smoke and Bezel) for events like: email sent, product added, Thank You for your vote … and similar. Very handy and lightweight.

growl_mootools.jpg

        |  Subscribe to RSS

Page 1 of 41234»

Translations

English flagItalian flagGerman flagSpanish flagFrench flagPortuguese flagRussian flag