Easy DHTML and JavaScript Code

Here you'll find all the html code have been using to create my website. Hopefully it fullfills your website needs. OK, Copy and Paste.

For the current template I'm using Click Here »

For ALL Templates I've used See Site Map »

For A LIST OF ALL TEXT COLORS Click Here »

HERE ARE SOME TRICKS:
TO HIGHLIGHT TEXT: CLICK INSIDE TEXTAREA, PRESS CTL-A
TO COPY TEXT: PRESS CTL-C OR TO CUT TEXT: PRESS CTL-X
TO PASTE TEXT: PRESS CTL-V

This is standard html template: (Highlight text and Cut)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <title>your title</title>  <meta author="string" name="Meño Online"> <meta name="description" content="Visit my personal website...It's DHTML code"> <meta name="keywords" content="dhtml code, hobbies, music, movies, sports, bookmarks, paranormal, sci-fi, photos, intersts, dynamic"> </head> <body bgcolor="" text=""> [ body of content goes below. ] <font face="" size="" color=""></font> <p align="">???<br></p> <a href="" title="" target="">mnb</a> <img src="" alt="" width="" height="" align="" border="" style=""> <table bgcolor="" border="" bordercolor="" align="" width="" cellpadding="" cellspacing="" background=""> <tr><td align="" valign="" bgcolor="" colspan="" rowspan="" style="" width="" background="" bordercolor="">//</td> </tr> <tr><td></td></trr> </table> </body> </html>
NOTE: Paste code in text file and save it as yourfile.html

Cascading style sheet I'm using: (Highlight text and Cut)
<style> </style>
NOTE: Style tag must be inside Head tag; THESE are ALL CSS Properties that exist.

Script to display message on browser's status bar: (Highlight text and Cut)
<SCRIPT LANGUAGE="JavaScript"> function doMessage() { window.status="Welcome to My Site!"; } </script> <body onload="doMessage()">
NOTE: Script must be inside Head tag; then copy & paste red text inside Body tag: onload="doMessage()"

A [Go Back] link or Back button: (Hightlight text and Cut)
Go Back link: <a href="javascript:history.go(-1)">[Go Back]</a> Back button code: <input type=button value="Back" onClick="history.go(-1)">
Note: Place anchor tag anywhere on page.
Example: [Go Back] or

Pull-down menu script to navigate site: (Highlight text and Cut)
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <center> <form name="form"> <select name="site" size=1 onChange="javascript:formHandler()"> <option value="">Go to...   <option value="http://www.yahoo.com">Link1 <option value="http://geocities.yahoo.com/">Link2 </select> <noscript><input type=submit value="GO"></noscript> </form> </center>
NOTE: Place pull-down menu anywhere on page, most likely on top. Courtesy of Yahoo! Geocities.

Would like Visitors to Bookmark your site? Here's the code: (Highlight text and Cut)
<a href="javascript:window.external.AddFavorite('http://www.geocities.com/menioloko','Meño Online YOUR SITE DESCRIPTION HERE')" title="Add to Favorites">IE users only<br>Bookmark Now</a><br>
NOTE: It only works for IE users :o) Netscape surfers press Ctl-D. Make the appropriate changes.

Setting website to browser's Main Homepage(Highlight text and Cut)
<a href="http://www.geocities.com/menioloko" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.geocities.com/menioloko');" onmouseover="window.status='Make Meño Online your startup page!';return true" ONMOUSEOUT="window.status='';return true"><u>Your Startup Page</u></a><br>Click the link above to make My Site your browsers startup page!
NOTE:Next time you open browser your website starts-up! Change settings to yours.

Link or Image OnMouseOver Text displays on status bar. Very Cool! (Highlight text and Cut)
Status bar Text by Link: <a href="http://yahoo.com" onMouseOver="window.status='yahoo.com'; return true;" onMouseOut="window.status='message when cursor leaves'; return true;">Yahoo!</a> Status bar Text by Image: <a href="http://yahoo.com" onMouseOver="window.status='yahoo.com'; return true;" onMouseOut="window.status=' '; return true;"><img src="yourimage1.gif" alt="Y!" border=0 width=88 height=31></a>
NOTE:Check it out.

Recommend This Page Script(Highlight text and Cut)
 <SCRIPT LANGUAGE="JavaScript">      </script>  <center> <form name=emailform method=post action="http://cgi.freedback.com/mail.pl" target="_new" onSubmit="return initMail(this);"> <input type=hidden name=subject value="** Check Out This Site! **"> <input type=hidden name=message value=""> <table> <tr><td colspan=2 align=center>Tell a friend about this page!</td></tr> <tr><td>Their Name:</td><td><input type=text name=sendto></td></tr> <tr><td>Their Email:</td><td><input type=text name=to></td></tr> <tr><td>Your Name:</td><td><input type=text name=sendername></td></tr> <tr><td>Your Email:</td><td><input type=text name=senderemail></td></tr> <tr><td colspan=2 align=center><input type=submit value="Ok!"></td></tr> </table> </form> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
NOTE: Courtesy of javascript.internet.com

Open New Window Script from text link(Highlight text and Cut)
<a onClick="window.open('http://dhtml.com', 'flpopup', 'scrollbars=yes,width=400,height=400')" style="cursor:crosshair">Open NewWindow</a>
NOTE: TRY >> OpenNewWindow
CHANGE url, width, height, and so on...

Wanna know how the crosshair appears on the OpenNewWindow link? It's Simple. (Highlight text and Cut)
<a href="url1.com" style="cursor:help">eMail</a> <a href="url2.com" style="cursor:hand">Hand</a> <a href="url3.com" style="cursor:crosshair">crosshair</a> <a href="url4.com" style="cursor:n-resize">north cursor</a> <a href="url5.com" style="cursor:s-resize">south cursor</a> <a href="url6.com" style="cursor:w-resize">west cursor</a> <a href="url7.com" style="cursor:ne-resize">north east cursor</a> <A href="url8.com" style="cursor:e-resize">east cursor.</A>
NOTE: TEST HERE >> eMail Hand north cursor east cursor. south cursor west cursor north east cursor
OTHERS: nw-resize, se-resize, sw-resize.

Just want to dispaly a simple date like, this one ? (Highlight text and Cut)
<SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT>
NOTE: Courtesy of Yahoo! Geocities.

Close Window Button Script (Hightlight Text & Cut)
<input type=button onClick="javascript:window.close();" value="Close Window">
NOTE: TEST >>

Simple Change Background color using onMouseOver, onMouseOut ONLY on Table Cell(Hightlight Text & Cut)
<td onmouseover="bgColor='red'" onmouseout="bgColor=''">your text here</td>
NOTE: TRY >>
Run Mouse over text here.

Wanna put a Gradient Fill on a paragraph, table cell, DIV tag, or Textarea; This is how(Hightlight Text & Cut)
<td style="filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#CC0000, endColorstr=red);">place content here<td>
NOTE: GRADIENTYPE VALUES CAN BE 0 or 1. Do you see gradient? Works only on IE 5.0+

This is filter I'm using: Shadow Filter; Works ONLY on IE 5.0+ or later(Hightlight Text & Cut)
<span style="filter: shadow(color=#ff0000, direction=315); width=90%;">Shadow text</span>
NOTE: See shadow filter below. COLOR IN HEX VALUES, DIRECTION ANGLE FROM 0 TO 315.

JAVASCRIPTS FROM CGISCRIPT.NET CLICK HERE

For ALL HTML 4.0 standards and CSS1, CSS2 Properties go to • W3.org

GAMES Scripts can found at • DynamicDrive.com

Dynamic banner slideshow script can be found at • CGIScript.net

Get FREE Newsfeeds in JAVASCRIPT format with many style forms from • News4sites.com

Pulldown Menu script code can be found at JavaScriptSource.com