Visual-Blast Media

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

‘Javascript’ Articles

UniTip - Customizable Tooltip Script

UniTip - Tool tip based, in part, on Craig Erskine’s qTip. It supports all browsers, is easy to deploy, and is light-weight. Best of all: it offers you the opportunity to customize it to work well with any of your projects.

  • Vertically expands to content.
  • UniTip can accept HTML.
  • You can apply UniTip to specific classes or tags.
  • Adjusts to sides and bottom of page.
  • Unit PNG Fix included in the zip to automatically fix pngs for IE6.
  • Easy to customize and deploy! Friendly with other scripts!

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Timeago - a jQuery plugin

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago” or “You opened this page less than a minute ago.” ).

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Create Sliding Login Panel using Mootools 1.2

Sliding Login Panel Tutorial - How to add the show/hide login panel into your Wordpress theme using MooTools 1.2. An example to explain you how to use Mootools Fx.Slide to show/hide a login form on your Web page.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Auto-Playing Content Slider

Based on Coda Slider plugin for jQuery, tutorial on how to create a slick Auto-Playing Content Slider with different types of custom content in the panels, auto-play functionality and arrow indicator to serve as a visual indication of which panel you are currently viewing.

auto playing content slider Demo

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

dwClickable: Entire Block Clickable Using MooTools 1.2

dwClickable - MooTools script that take the link within a list item and make the entire list item clickable.

The same thing with jQuery - Block Clickable, a part of jQuery Tutorials for Designers article from WebDesignerWall.

MooTools clickable blocks

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Simple Animated Menu for Mootools

A simple Animated Menu for Mootools - you won’t even have to muck about in javascript. Simply define:

  • a container for the background image
  • the nav elements
  • the ‘current’ nav element ID
  • the animation’s horizontal track (the y coordinate of the background-image)
  • the left offset of the image in relation to the nav element

Code has been tested in FF 3.0, FF 2.0, IE 7, IE 6 (minus image transparency), Safari for Windows and Opera 9.5.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

FLIR - Facelift Image Replacement script

An alternative to sIFR, FLIR - is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors.

The replacement image is dynamically generated using the CSS styles that you have applied to the element. You are not limited to one font and color with your replacement images. Add as many fonts and colors as you wish to your elements and they will be detected and replaced automatically.

facelift javascript image replacement

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Carousel.us - a Javascript 3D carousel

Carousel.us is a Javascript 3D carousel, using either the prototype.js and scriptaculous.js or mootools.js frameworks. It also uses PHP Easy Reflections v3 - a PHP script that takes an image and then creates a reflection of it - by Richard Davey.

Fixes in new version (07/23/08) : Adaptation for mootools.js and transparency compatibility for IE6.

It’s easy to use, in configuration file you can define the default parameters or you can also define them via URL using the GET method, like framework you want to use, reflection opacity, reflection height, carousel speed, to add onclick event on each image, and many more.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

jQuery Garage Door Style Menu

Tutorilal on how to create Garage Door Style Menu using animated background images with jQuery where an image “slides up” to reveal another image behind it.

Take a look at demo here.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Flexigrid for jQuery - Lightweight and rich data grid

Flexigrid for jQuery - Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

flexigrid jquery data grid

Features [new in Version 1.0b3]:

  • Resizable columns
  • Resizable height and width
  • Sortable column headers
  • Cool theme
  • Can convert an ordinary table
  • Ability to connect to an ajax data source (XML and JSON [new])
  • Paging
  • Show/hide columns
  • Toolbar (new)
  • Search (new)
  • Accessible API

… more info at Flexigrid project page

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Page 3 of 9«123456789»

Translations

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag