Directory

Directory Help Search only in Sample CodeSearch the Web

Sample Code

Computers > Programming > Languages > JavaScript > W3C DOM > Sample Code

Go to Directory Home

Categories

DOM2 Events (2)

Related Category:
    Computers > Programming > Languages > JavaScript > Scripts  (221)

Web Pages

Viewing in Google PageRank order               View in alphabetical order

	BrainJar.com - http://www.brainjar.com/ Experiments in web programming. Includes practical examples of coding for browsers that support the W3C DOM.
	WebFx - http://webfx.eae.net/ A showcase for DOM and DHTML JavaScript programming.
	getElementById.com - http://getelementbyid.com/ Nice collection of scripts and samples demonstrating the fundamentals of DOM coding made by Martial Boissonneault.
	Mozilla's DOM Sample Project - http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi Samples made by volunteers for sharing knowledge and information about the DOM of Mozilla. You can select from the pulldown menus which samples you want to see.
	Drag-and-drop planetary size comparison - http://www.roving-mouse.com/planetary/sizes.html Interactively compare the sizes of two or more planets in the solar system by dragging their images into the size box. DHMTL page that works in W3C DOM compliant browsers only. (will work in MSIE 5, although error messages are produced.) External script files.

	Shake image script (onMouseover) - http://www.dynamicdrive.com/dynamicindex4/shake.htm This script "shakes" an image when the mouse comes in contact with it, by harnessing the relative positioning/animating capability of NS 6 and IE 4+.
	Submit Once! form validation script - http://www.dynamicdrive.com/dynamicindex11/submitonce.htm Use this practical script to prevent users from abusing the submit button of your forms in NS 6 and IE 4+. It will automatically disable the button immediately after it's pressed.
	Highlight image script - http://www.dynamicdrive.com/dynamicindex4/highlight2.htm This script demonstrates using the DOM of IE 4/ NS 6 to dynamically highlight an image (apply a border to it) whenever the mouse moves over it.
	Animated document title - http://www.dynamicdrive.com/dynamicindex11/animatedtitle.htm Demonstrates the use of NS 6's document.title property to animate the document's TITLE.
	Dynamic Table - http://www.mozilla.org/docs/dom/samples/dynatable-light/index.html A small table is created. Then the user is able to create rows, columns, select cells and edit content.

	Drag and Resize - http://www.mozilla.org/docs/dom/samples/resize/index.html Allows user to drag the image and resize. Drag the little gray icon to resize.
	Image Clipping Effects / the Can - http://www.mozilla.org/docs/dom/samples/can/index.html Produces a 3D illusion effect by dynamically creating multiple images and clipping each one.
	Text Interlace - http://www.mozilla.org/docs/dom/samples/dom-css-fonts/textinterlace.html Uses DOM to animate two strings of text producing an "interlace" effect.
	Color Fades - http://www.mozilla.org/docs/dom/samples/dom-css-fonts/colorfades.html Produces a fade in effect using text. It dynamically changes CSS positioning and text color.
	Scrolling Credits - http://www.mozilla.org/docs/dom/samples/dom-css-fonts/credits.html Dynamically creates a set of text elements like a credits list. Animates the area, changing text position and text color.

	Fade Spacing - http://www.mozilla.org/docs/dom/samples/dom-css-fonts/fadespacing.html Uses DOM to produce a fade in / fade out effect using text. It dynamically changes CSS positioning, text color and font spacing.
	Toshirou Takahashi's DOM Sample Code - http://web01.fureai.or.jp/~tato/ver5/testcontents.htm Numerous samples showing how to use DOM features.
	Scrolling Banner - http://www.widomaker.com/~reboughner/W3C/scrollbanner/scroll.html This example demonstrates how to achieve a scrolling banner, similar to IE's MARQUEE element, using methods and properties contained in the DOM 1 and 2 recommendations of the W3C.
	Round Title - http://www.mozilla.org/docs/dom/samples/dom-css-fonts/roundtitle.html Dynamically creates text elements and animates them.
	3D Text Effect - http://www.mozilla.org/docs/dom/samples/text/index.html Given a text string, this sample produces a 3D perspective illusion effect by dynamically creating multiple text objects and clipping each one.

	Image Clipping Effects / Texture Walls - http://www.mozilla.org/docs/dom/samples/texturewalls/index.html Produces a 3D illusion effect by dynamically creating multiple images and clipping each one. Illustrates a texture effect.
	Mozilla's DOM Sample Project: List of Sample Pages - http://cgi.din.or.jp/~hagi3/JavaScript/Mozilla/SampleList.cgi?fmt=html A set of interactive samples demonstrating how to use features of the W3C DOM.
	Style with DOM. - http://www.markup.co.nz/dom/style_the_dom.htm How to dynamically change styles using the DOM.
	DHTML Window - http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow.htm A 100% DOM based window that can be dragged, resized, and closed like a regular window.
	Pseudo-links - http://www.webmaster-kit.com/jsdom.html Working demo with tutorial how to create pseudo-links using DOM.

	Advanced DHMTL - http://www.meissnersd.com/javascript.htm Demonstrates advanced Javascript with demos of flocking fish and lighting animation
	3D Text Light Effect - http://www.mozilla.org/docs/dom/samples/flash/index.html This is an animated version of the 3D Text Effect demo. It changes CSS color property for each text element.
	Resolution Independent Layout - http://digilander.libero.it/indipendent_res/ Script set "body.style.zoom" according to the width of the window, that can be resized.
	Taboca Demonstrations for Gecko - http://www.taboca.com/worlds/gek/ A collection of demos by Marcio Galli.

Help build the largest human-edited directory on the web. Submit a Site - Open Directory Project - Become an Editor

Modified by Google - ©2008 Google
Advertise with Us - Jobs, Press, Cool Stuff...