About This Product
Metachecker.net | TrafficChecker.net | RankChecker.net
| Over 5000 Free Fonts | Tutorials | Javascript Forum | Other Javascript Resources | Cheat Sheet

DHTML Miscellanious

Drag and Resize
Compatibility: IE3+, NS3+
Description:

Customize this script and define the behaviour of each image or block of text on the webpage - drag, resize, make transparent while drag etc.

 

Expandable Headers
Compatibility: IE4+
Description:

This is ideal for such things as lists of links, etc. The visitor with Internet Explorer 4.x sees only the headers, and need only click on the subject that interests him to expand that particular section. Any type of content can be hidden; here I've used a definition list and a table. A second click on the section header contracts it again.

 

Dynamic Move Objects
Compatibility: IE4+
Description:

Dynamic Movement brings you some very cool DHTML functionality. You can basically move any object that is positioned absolutely from any point to another.

 

Random Background music player 2
Compatibility: IE3+, NS3+
Description:

Plays a random background music. Chooses from 5 midi.

 

Random Background music player 3
Compatibility: IE3+, NS3+
Description:

Plays a random background music. Chooses from 10 midi.

 

Browser Redirect Script
Compatibility: IE4+, NS4+
Description:

This is a DHTML redirect script that sends your visitors to three different pages, depending on whether she is using NS 4+, IE 4+, or neither. It's a fool-proof way to ensure that only the intended browser gets to see and run a browser-specific DHTML script.

 

Surfer's Screen Type Detection Script
Compatibility: IE4+, NS4+
Description:

A script that detects the surfer's screen width, height, and color depth. Note that IE4.x does not support one of the properties in the below script, so the last text box appears "null"

 

Screen Resolution Detection And Notification Script
Compatibility: IE4+, NS4+
Description:

A script that tests the surfer's screen size, and if it's not a certain size (ie: 800*600), suggests to the surfer to change resolution. Note: If you're screen resolution is 800*600, you will see nagging message appear below, since the resolution set to detect in the script is currently 800*600.

 

Flashing Form Element
Compatibility: IE4+
Description:

Use this DHTML script to make certain form elements flash with glee. It's a great way to draw attention to "important" fields, such as the submit button, etc.

 

Flashing Table Border Script
Compatibility: IE4+
Description:

Give any table a "rollover" personality with this script. Using it, you can allow the cells of any given table to change color when the mouse rolls over them. Great for adding emphasis to cell contents.

 

DHTML Calculator With Receipt Output
Compatibility: IE4+
Description:

A DHTML calculator that also outputs a "receipt" after each calculation! (Double clicking "c" resets the receipt, pressing "=" multiple times line breaks it)

 

DHTML Calculator
Compatibility: IE4+
Description:

A DHTML calculator with error checking. Definitely more stylish than the traditional JavaScript calculator, if nothing else!

 

Cross-Browser Print Button
Compatibility: IE4+, NS4+
Description:

Use this print button to allow your surfers to directly print a web page simply by clicking on the button!

 

Alternate Document For Printing
Compatibility: IE4+
Description:

Printing a page online usually means printing more than what you actually want. Webpages are quite fancy nowadays, with ad banners on top, navigational links on the left, and so on. That's fine when you're viewing the page online, but when you're printing the page, you only want to print out the "actual content", and nothing else from the page! Many sites nowadays understand this, and provide an alternate "print" version of the document that surfers can go to and print out. Well, there's actually a much more elegant and seamless way of accomplishing the same thing, and that is by using the tag. IE 4+ (and hopefully NS 5 when it comes out) supports a version of the tag that allows you to specify to thr printer which file it should print when the user selects print. In other words, the job of locating the alternate print version of the document to print out is left to the printer, instead of the surfer.

 

Add IE Channel Script
Compatibility: IE4+
Description:

You've undoubtedly seen the below image on some sites on the net while surfing around...it allows a surfer to add a site to his/her channel bar in IE 4+. Well, with the below script, you can allow your surfers to do just the same with your site! Not exactly useful, but "cool" to have.

 

Add-to-Favorites Script
Compatibility: IE4+
Description:

If you've been looking all over the web for a script that allows your surfers to easily add your site to their bookmark (favorites) list in IE, well, your search is over. The below script creates a link that, when clicked on, adds the specified page to the surfer's bookmark list.

 

Set Site As Homepage Script
Compatibility: IE5+
Description:

This is the highly requested IE 5 script that allows your surfers to set your site as their default homepage simply with a click of the mouse! Before IE 5 came out, surfers would have to manually reconfigure their browser's options to point their default homepage to a new one. Not any more! Increase your site's popularity and exposure as surfers are directed to your homepage each time they launch their browsers, painlessly!

 

Generic Drag Layer
Compatibility: NS4+
Description:

This is a great drag-layer script that allows you to enable any layer to be dragable! Very easy to install and degrades well with all browsers.

 

Disable Right Mouse Click Script
Compatibility: IE4+
Description:

A DHTML script that will disable the right mouse click of surfers. Well, here it is. This is a IE 4+ exclusive DHTML script that will prevent the default right menu from popping up when the right mouse is clicked on the web page. Function wise, you might want to use this script to stop the surfer from easily saving your web page, or viewing it's source.

 

Internet Amp Midi Player 2.02
Compatibility: IE4+
Description:

Prepare to be blown out of your seat by this script. It's an advanced midi player that actually allows you to jump, pause, and manipulate the play list like never before. And the amazing thing is, it's written completely using DHTML, and DHTML only.

 

Tip Of The Day Dialog
Compatibility: IE4+
Description:

Yet another out-of-this-world DHTML application for us- Tip of the day dialog. With the help of the window.showModalDialog() method of IE 4+, and some advanced DHTML scripting, an insanely cool Tip of the day script with a GUI that resembles that seen in many windows applications is born. Use it to provide daily tidbits of interesting information to your surfers, in an even more interesting way! Developers, be sure to examine the source code to learn how the awesome interface for the dialog was created. Such as GUI can be applied to many DHTML applications...

 

Highlight Table Cells Script
Compatibility: IE4+
Description:

Give any table a "rollover" personality with this script! Using it, you can allow the cells of any given table to change color when the mouse rolls over them. This is a very powerful script that can add a little magic to any table, whatever the table is used for. Updated to allow you to exclude particular cells from the rollover effect.

 

Find In Page Script
Compatibility: IE4+, NS4+
Description:

This cross browser DHTML script simulates the Edit> Find In Page feature of the browser to allow your visitors to more easily search for a particular text on your page. As in the "Find In Page" feature, it highlights the searched text if found, otherwise, prompts a "Not Found" message. If your page contains lots of textual content, definitely consider adding this script to make it more search friendly.

 

Document CrossHair
Compatibility: IE4+, NS4+
Description:

Add a fun crosshair to your document! The color of the crosshair can be customized, making it suitable for any webpage.

 

Always On Top Content
Compatibility: IE5+
Description:

"Emphasize" and make particular content on your page stand out by keeping them always visible on the visitor's browser screen, with this advanced DHTML script! Anything (HTML code, JavaScript etc) that's placed inside the script's "content box" will be kept static on the screen, with the ability to drag and toggle on/off this box. Furthermore, thanks to IE 5's conditional comments technology, all other browsers will simply see nothing. Wow!

 

Scrollable Content
Compatibility: IE4+, NS4+
Description:

Compact content into a mini scrollable "window"!

 

Fancy Cursor Script
Compatibility: IE4+
Description:

Using CSS, you can give elements in your document a different cursor image when the mouse moves over them. For example, instead of the default "hand" image, you can give links a "help" cursor instead when the mouse moves over them, or tables a "crosshair" cursor. Use our cursor wizard to generate all the necessary code for you!

 

DHTML Script - ShowHide
Compatibility: NN4 NN5 IE4 IE5
Description:

This is really just 3 reusable functions that can used to show and hide layers Cross-browser, you just pass the layer name (and the nested parents name for netscape) and the script does the rest.

 

Drag Me Drop Me
Compatibility: NN4 NN5 IE4 IE5
Description:

This script allows you to drag and drop Layers Around Your Browser including text and graphics.

 

DHTML Script - PageObject
Compatibility: NN4 NN5 IE4 IE5
Description:

To understand what this script does you might wanna check out the documentsize tutorial in the tutorials section.

 

DHTML Script - Spotlight
Compatibility: IE4+
Description:

After numerous request I've made the spotlight script from my main page into a stand-alone script. The main idea here is that you have to place all the content inside the divExCont layer and make the page background black. Then the divExCont layer clips (in the size of the tranparent circle) and the circle moves to the coords of the mouse. This script is a little easier to modify to your needs. This script doesn't work correctly in NS5 yet since the M10 doesn't seem to support clips corretly yet

 

DHTML Script - ZoomFade
Compatibility: NN4 NN5 IE4 IE5
Description:

Most of you that have been here before have probably seen this script, it's almost the same as the old ZoomText. I have totally remade it and it's much better now. It's still a little slow in Netscape 4, but it's really good in Explorer 4 & 5 and Netscape 5. It also degrades, older browsers just want see it. There are also some new properties you can set. To make this script zoom the other way you just have to change the zEndSize variable to something lower the zStartSize variable. Try it. You can in theory have more objects going at once as well, but this makes Netscape 4 behave strange.

 

DHTML Script - PopupDescriptions
Compatibility: NN4 IE4 IE5
Description:

A simple script that makes a little pop-up layer come up with a description when you mouse over a link.

 

DHTML Script - TransitionBoxes
Compatibility: NN4 IE4 IE5
Description:

This scripts places some boxes (as many as you want) on top of the content and when the page is finished to load the layers will make a transition that will show the content below. You can choose between 4 different ways the layers can "unclip" themself. 1, 2, 3, 4 You can also set the speed and some other variables.

 

Depressible DHTML buttons
Compatibility: IE4+
Description:

Use this visual DHTML script to transform regular text/ image into depressible buttons! The result is a 3D button that pops up when the mouse hovers over it, depressed when the mouse is down, and back to normal when out. Easy to install and degrades well with all other browsers. Enjoy!

 

DHTML Adjust Bars
Compatibility: IE4+
Description:

This is a demonstration of using DHTML to create "adjust" bars, similar in interface to a volume control bar of Windows. In the demo, the bars function as color adjusters, though, through modification, can be set to do virtually anything.