egovision.org: Copy 'n' paste JavaScript

JavaScript Copy 'n' Paste Library

Open & Close pop-up windows:
In HEAD:

<script language="Javascript1.1"> var url="http://maddog96.home.ml.org/mycountdown.html"; function openpop(url) { pop=window.open(url, "popup", "Toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no,width=300,height=220"); window.setTimeout("closewin()", 20000); // close new window in 20 seconds } function closewin() { pop=window.open("","popup","Toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no,width=300,height=220"); pop.close(); // by reopening the window, it will prevent errors you would get of the window were already closed. } </script>
In BODY tag:

<body onLoad="openpop(url);" onunload="openpop(url);">
To Activate. 1) Links:

<A HREF="javascript:void(0)" onClick="openpop(url)">Open</A> <A HREF="javascript:void(0)" onClick="closewin()">Close</A>
2) FORM buttons:

<form> <input type="button" value="Open New Window" onClick="openpop(url)"> <INPUT TYPE="BUTTON" value="Close New window" onClick="closewin()"> </form>
3) As roll-overs:

<A HREF="#" onMouseOver="openpop(url);">Open</A> <A HREF="#" onMouseOver="closewin();">Close</A>

View source button:

<FORM><INPUT TYPE="BUTTON" VALUE="View Source" onClick= 'window.location = "view-source:" + window.location.href'><br> or<br> <a href="#" onClick= 'window.location = "view-source:" + window.location.href'>View Source</a> </FORM>

Force browser window to 800x600:

<script LANGUAGE="JavaScript" FOR="window" EVENT="onload()">  </script>

Load child pages into parent FRAMESET:

<script> parent.location.href="http://www.egovision.org/frametest/"; </script>

Checks browser and plug-ins:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Redirect according to browser and version:

<script language="JavaScript"> </script>

Find on this page:
In HEAD:

<script language="JavaScript"> var NS4 = (document.layers); // Which browser? var IE4 = (document.all); var win = parent.frames["topFrame"]; // Page to search. var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; // Find next occurance of the given string on the page, wrap around to the // start of the page if necessary. if (NS4) { // Look for match starting at the current point. If not found, rewind // back to the first match. if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; // If not found in either direction, give message. if (n == 0) alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange(); // Find the nth match from the top of the page. for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } // If found, mark it and scroll it into view. if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } // Otherwise, start over at the top of the page and find first match. else { if (n > 0) { n = 0; findInPage(str); } // Not found anywhere, give message. else alert("Not found."); } } return false; } </script>
In BODY:

<form name="search" onSubmit="return findInPage(this.string.value);"> <font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font> <input type="submit" value="Find"> </form>

Add to Bookmarks:
In HEAD:

<script language="JavaScript1.2"> var bookmarkurl="http://www.egovision.org/" var bookmarktitle="egovision Web resource centre" function addbookmark(){ if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } </script>
The Link:

<A HREF="javascript:addbookmark()">Click here to add bookmark.</A>

Make this my Explorer 4/5 start page:

<a class="chlnk" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://come.to/enigma88');">Make this your home page</a>

Make this my Netscape start page:

<SCRIPT LANGUAGE="JavaScript1.2" ARCHIVE="change.jar" ID="main_script">  </SCRIPT>

Version 4 browser check:

<SCRIPT LANGUAGE="JavaScript"> if (navigator.appVersion.indexOf('4.0') != -1) { window.location = 'dhtml_page.html'; } else{ window.location = "regular_page.html"; } </SCRIPT>

DHTML Moving Background:

<script language="JavaScript">  </script> <script language="JavaScript1.2">  </script> <body bgcolor=black text=white onLoad="init();"> <div id="text"> </div> <div id="movingBG"> <table width="100%" border="0" background="snow.gif" height="11500"> <tr> <td> </td> </tr> </table> </div>

JavaScript to open multiple frames:

<a href="javascript:loadFrames()">... <script language=javascript> function loadFrames() { self.frames[1].document.location.href = "yourTarget.htm"; self.frames[2].document.location.href = "yourTarget2.htm"; } </script>

JavaScript mouse trail:
In HEAD:

<SCRIPT language="JavaScript"> //tmtC_Mousetrail var isNS = (navigator.appName == "Netscape"); layerRef = (isNS) ? "document" : "document.all"; styleRef = (isNS) ? "" : ".style"; var queue = new Array(); var NUM_OF_TRAIL_PARTS = 5 for (x=1; x < 6; x++) { eval("trailSpriteFrame" + x + " = new Image(20,20);"); eval("trailSpriteFrame" + x + ".src = '0" + x + ".gif';");} function trailSpriteObj(anID) { this.trailSpriteID = "trailSprite" + anID; this.imgRef = "trailSprite" + anID + "img"; this.currentFrame = 1; this.animateTrailSprite = animateTrailSprite;} function animateTrailSprite() { if (this.currentFrame <6 ) { if (isNS) { eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src"); } else { eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");} this.currentFrame ++; } else { eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');}} function processAnim() { for(x=0; x < NUM_OF_TRAIL_PARTS; x++) queue[x].animateTrailSprite();} function processMouse(e) { currentObj = shuffleQueue(); if (isNS) { eval("document." + currentObj + ".left = e.pageX - 10 ;"); eval("document." + currentObj + ".top = e.pageY + 10;"); } else { eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;"); eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");}} function shuffleQueue() { lastItemPos = queue.length - 1; lastItem = queue[lastItemPos]; for (i = lastItemPos; i>0; i--) queue[i] = queue[i-1]; queue[0] = lastItem; queue[0].currentFrame = 1; eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"'); return queue[0].trailSpriteID;} function init() { for(x=0; x<NUM_OF_TRAIL_PARTS; x++) queue[x] = new trailSpriteObj(x+1) ; if (isNS) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = processMouse; setInterval("processAnim();",30);} window.onload = init; </SCRIPT>
In BODY:

 <DIV id="trailSprite1" style="position: absolute; height:20px; width:20px;z-index: 10"> <IMG src="blank.gif" height=20 width=20 border=0 name="trailSprite1img"> </DIV> <DIV id="trailSprite2" style="position: absolute; height:20px; width:20px;z-index: 10"> <IMG src="blank.gif" height=20 width=20 border=0 name="trailSprite2img"> </DIV> <DIV id="trailSprite3" style="position: absolute; height:20px; width:20px;z-index: 10"> <IMG src="blank.gif" height=20 width=20 border=0 name="trailSprite3img"> </DIV> <DIV id="trailSprite4" style="position: absolute; height:20px; width:20px;z-index: 10"> <IMG src="blank.gif" height=20 width=20 border=0 name="trailSprite4img"> </DIV> <DIV id="trailSprite5" style="position: absolute; height:20px; width:20px;z-index: 10"> <IMG src="blank.gif" height=20 width=20 border=0 name="trailSprite5img"> </DIV> 

Closing a Window:

<a href="javascript:self.close()">Close Current Window</a>

JavaScript Audio:

<script laguage="JavaScript"> if (navigator.AppName == "Netscape") { document.write('<embed src="play.mid" loop=true>'); } else if (navigator.AppName == "Microsoft Internet Explorer") { ducument.write('<bgsound src="play.mid" loop=infinite>'); } </script>

Add to IE4 Favorites:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <IMG SRC="addtofav.gif" BORDER="0" ALT="ONLY AVAILABLE IN IE4"></A>

Cross-browser print:

<SCRIPT Language="Javascript"> /* This script is written by Eric (Webcrawl@usa.net) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ function printit(){ if (NS) { window.print() ; } else { var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; } } </script> <SCRIPT Language="Javascript"> var NS = (navigator.appName == "Netscape"); var VERSION = parseInt(navigator.appVersion); if (VERSION > 3) { document.write('<form><input type=button value="Print this Page" name="Print" onClick="printit()"></form>'); } </script>

Print button (IE only):
HEAD section:
<script language="javascript">  </script> <SCRIPT LANGUAGE="VBScript"> sub print olecmd = 6 ' Print Command oleparam = 1 on error resume next WB.ExecWB olecmd, oleparam if err.number <> 0 then if DA then ' ie4 - user probably cancelled alert "Nothing was printed." else ' ie3 - give other instructions handle_error end if end if end sub </SCRIPT>
BODY section:
<form> <Input type=button value="print page" onclick="window.print();"> </form> <OBJECT ID="WB" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> </OBJECT>

Script to direct browsers to load index page:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY onLoad="home()">

Wiper text in the status bar:
In HEAD section:
<SCRIPT Language="JavaScript">  </SCRIPT>
In BODY tag:
<BODY onload="wiper()">

Popup Alert box:

<BODY background="green.gif" onLoad="alert('Hello!')">

JavaScript test for browser version, safety check:

function swapimage(){ if ((navigator.appName == 'Netscape' && parseFloat(navigator.appVersion) >= 3) || (parseFloat(navigator.appVersion) >= 4)) {the nice little function} }

Makes the script only work on netscape 3 and on all browsers with a version number higher than 4.

New browser window with defined attributes:
in HEAD section

<script language="JavaScript"> function openNewWindow1() { msgWindow=window.open("name.htm" ,"toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=500,height=250"); } </script>

The 0 means "no" and a 1 means "yes"
then, when you make your link, you give:
<A HREF="name.htm" TARGET="_blank" ONCLICK="Javascript:openNewWindow1(); return false">

New window with timeout:
This will open a new window called "MyWindow", and the new window will contain the HTML page "pagename.htm". The window will be 450 wide, by 55 high (change this to match whatever size window you want).
The Important part here, is the "setTimeout" statement. This will force the window you just opened, to close in 25000 milliseconds, or 25 seconds...

function openWin() { // Open new Window Newwin = window.open("pagename.htm","MyWindow","width=450,height=55,scrollbars=no"); setTimeout("Newwin.close()",25000); // Set window to close after 25 seconds

Display text rather than URL in the status bar:

<A href="somepage.html" onmouseover="window.status='Link Text'; return true" onmouseout="window.status=''; return true">Link Text</A>

Random image generator:
This will do 4 random images. In the HEAD section:

<script language="JavaScript">  </script>

This goes where you want the image to appear:

<script language="JavaScript">  </script>

Scrolling status-bar text:
In the HEAD section:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

In BODY tag:

<BODY onLoad="timerONE=window.setTimeout('scrollit_r2l(100)',500);">

Copy 'n' Paste Library

HTML Library

JavaScript Library

The egovision copy 'n' paste libraries are provided as an easy source for handy snippets of mark-up. We've all been in the situation when you just can't quite remember the HTML to embed a media file, or the JavaScript that opens a new window. Our way of managing this has been to compile our own code libraries, which we now make available to the public.

All you need do is select the text inside the relevant TEXTAREA, copy and paste. It's as simple as that.

If you have any requests for the cut'n'paste libraries, or would like to make a submission, please contact us via our response form.