| Directory > Computers > Programming > Languages > JavaScript > W3C DOM > Sample Code Advanced DHMTL
Demonstrates advanced Javascript with demos of flocking fish and lighting animation
http://www.meissnersd.com/javascript.htm
Reviews Rating: Not yet Rated
Whois Check
DHTML Cross-Browser JavaScripts
Automatic Page/Frame Scroller, Multiple Message Belt Conveyer, Multiple Message Ticker, Multiple
Message Twinkler. Cross-browser: IE4+, NS4+, NS6, Mozilla and Opera 7+.
http://www.geocities.com/vbarsan/
Reviews Rating: Not yet Rated
Whois Check
Resolution Independent Layout
Script set "body.style.zoom" according to the width of the window, that can be resized.
http://digilander.libero.it/indipendent_res/
Reviews Rating: Not yet Rated
Whois Check
Mozilla's DOM Sample Project
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.
http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi
Reviews Rating: Not yet Rated
Whois Check
getElementById.com
Nice collection of scripts and samples demonstrating the fundamentals of DOM coding made by Martial
Boissonneault.
http://getElementById.com/
Reviews Rating: Not yet Rated
Whois Check
DHTML Window
A 100% DOM based window that can be dragged, resized, and closed like a regular window.
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow.htm
Reviews Rating: Not yet Rated
Whois Check
DOM Windows
Demonstration of the use of DOM compliant browsers to create new "windows" (actually new
window-like objects) within a browser window.
http://www.scottandrew.com/index.php?dom/domwin_1.html
Reviews Rating: Not yet Rated
Whois Check
Style with DOM.
How to dynamically change styles using the DOM.
http://www.markup.co.nz/dom/style_the_dom.htm
Reviews Rating: Not yet Rated
Whois Check
Animated document title
Demonstrates the use of NS 6's document.title property to animate the document's TITLE.
http://www.dynamicdrive.com/dynamicindex11/animatedtitle.htm
Reviews Rating: Not yet Rated
Whois Check
Drag-and-drop planetary size comparison
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.
http://www.roving-mouse.com/planetary/sizes.html
Reviews Rating: Not yet Rated
Whois Check
Shake image script (onMouseover)
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+.
http://www.dynamicdrive.com/dynamicindex4/shake.htm
Reviews Rating: Not yet Rated
Whois Check
Submit Once! form validation script
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.
http://www.dynamicdrive.com/dynamicindex11/submitonce.htm
Reviews Rating: Not yet Rated
Whois Check
Highlight image script
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.
http://www.dynamicdrive.com/dynamicindex4/highlight2.htm
Reviews Rating: Not yet Rated
Whois Check
Mozilla's DOM Sample Project: List of Sample Pages
A set of interactive samples demonstrating how to use features of the W3C DOM.
http://cgi.din.or.jp/~hagi3/JavaScript/Mozilla/SampleList.cgi?fmt=html
Reviews Rating: Not yet Rated
Whois Check
BrainJar.com
Experiments in web programming. Includes practical examples of coding for browsers that support the
W3C DOM.
http://www.brainjar.com/
Reviews Rating: Not yet Rated
Whois Check
DHTML Demos of Adobe PhotoShop Functionality
Adobe PhotoShop demos, based in DHTML created with x-browser objects. DHTML works with IE 4.x and
up, Navigator 4.x, Navigator 6.x and up, and Mozilla.
http://www.yasd.com/interaction/interact2.htm
Reviews Rating: Not yet Rated
Whois Check
Dynamic Table
A small table is created. Then the user is able to create rows, columns, select cells and edit
content.
http://www.mozilla.org/docs/dom/samples/dynatable-light/index.html
Reviews Rating: Not yet Rated
Whois Check
Drag and Resize
Allows user to drag the image and resize. Drag the little gray icon to resize.
http://www.mozilla.org/docs/dom/samples/resize/index.html
Reviews Rating: Not yet Rated
Whois Check
Image Clipping Effects / Texture Walls
Produces a 3D illusion effect by dynamically creating multiple images and clipping each one.
Illustrates a texture effect.
http://www.mozilla.org/docs/dom/samples/texturewalls/index.html
Reviews Rating: Not yet Rated
Whois Check
Image Clipping Effects / the Can
Produces a 3D illusion effect by dynamically creating multiple images and clipping each one.
http://www.mozilla.org/docs/dom/samples/can/index.html
Reviews Rating: Not yet Rated
Whois Check
3D Text Light Effect
This is an animated version of the 3D Text Effect demo. It changes CSS color property for each text
element.
http://www.mozilla.org/docs/dom/samples/flash/index.html
Reviews Rating: Not yet Rated
Whois Check
3D Text Effect
Given a text string, this sample produces a 3D perspective illusion effect by dynamically creating
multiple text objects and clipping each one.
http://www.mozilla.org/docs/dom/samples/text/index.html
Reviews Rating: Not yet Rated
Whois Check
Scrolling Credits
Dynamically creates a set of text elements like a credits list. Animates the area, changing text
position and text color.
http://www.mozilla.org/docs/dom/samples/dom-css-fonts/credits.html
Reviews Rating: Not yet Rated
Whois Check
Round Title
Dynamically creates text elements and animates them.
http://www.mozilla.org/docs/dom/samples/dom-css-fonts/roundtitle.html
Reviews Rating: Not yet Rated
Whois Check
Fade Spacing
Uses DOM to produce a fade in / fade out effect using text. It dynamically changes CSS positioning,
text color and font spacing.
http://www.mozilla.org/docs/dom/samples/dom-css-fonts/fadespacing.html
Reviews Rating: Not yet Rated
Whois Check
Color Fades
Produces a fade in effect using text. It dynamically changes CSS positioning and text color.
http://www.mozilla.org/docs/dom/samples/dom-css-fonts/colorfades.html
Reviews Rating: Not yet Rated
Whois Check
Text Interlace
Uses DOM to animate two strings of text producing an "interlace" effect.
http://www.mozilla.org/docs/dom/samples/dom-css-fonts/textinterlace.html
Reviews Rating: Not yet Rated
Whois Check
Scrolling Banner
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.
http://www.widomaker.com/~reboughner/W3C/scrollbanner/scroll.html
Reviews Rating: Not yet Rated
Whois Check
Taboca Demonstrations for Gecko
A collection of demos by Marcio Galli.
http://www.taboca.com/worlds/gek/
Reviews Rating: Not yet Rated
Whois Check
Toshirou Takahashi's DOM Sample Code
Numerous samples showing how to use DOM features.
http://web01.fureai.or.jp/~tato/ver5/testcontents.htm
Reviews Rating: Not yet Rated
Whois Check
WebFx
A showcase for DOM and DHTML JavaScript programming.
http://webfx.eae.net/
Reviews Rating: Not yet Rated
Whois Check
|
