Scripts and Code help page

tudalen scripts a codes

'And a place to play with them,'

Below you will find a few scripts that I've liked, most come to be here via javascript.internet.com, dynamicDrive.com, codeLifter.com, simplyTheBest.net or the w3c Schools.
If it helps in any way, rip away at these, but, following some of the LINKS I've put in at the bottom of this page will take you to the proper places, to those sites where all this originally came from. The buttons usually do what they say and text must first be 'selected' before being moved, except in the case of the 'copy To clipBoard' button, where no notification is given, its just done, all that's in the main wordEditor window is copied to the clipBoard.
I've added in a drop down form at the bottom of the page that calls on many loose pages, all of which have different codes and functions written within them.

[ oo1 }	Top Bits	<!-- <link rel="stylesheet" href="fyNhudalenII.css" type="text/css"> <SCRIPT src="global.js" type=text/javascript></SCRIPT> <SCRIPT src="all.js" type=text/javascript></SCRIPT> ====================================================== WHEN PAGE WAS LAST UPDATED ) Insert the following script in the <BODY> section where you want the text to appear in the page. <p><b><font face="arial, helvetica" size="1"><SCRIPT LANGUAGE="JavaScript"> // Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/ function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var DOWArray = new initArray("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); var MOYArray = new initArray("January","February","March","April","May","June","July","August","September","October","November","December"); var LastModDate = new Date(document.lastModified); document.write("This page was last updated on "); document.write(DOWArray[(LastModDate.getDay()+1)],", "); document.write(MOYArray[(LastModDate.getMonth()+1)]," "); document.write(LastModDate.getDate(),", ",2005); document.write("."); </SCRIPT></b></font></p> ============================================ MyOpen Function <head> <SCRIPT LANGUAGE="JavaScript"> function myOpen(url) { windowHandle = window.open(url,'windowName','width=355,height=635','top=80,left=80'); } </script> </head> <body> <a href="NYwebcam-IAWN.htm" onclick="this.href='javascript:myOpen(\'NYwebcam-IAWN.htm\')'">WEB CAM O NYC</a> </body> ============================= ======= 'newWin'======== =====,'status=yes,top=50,left=700,scrollbars=no,scrolling=yes,toolbar=no,menubar=no,location=no,resizable=yes'====== ============================= body props <BODY MARGINHEIGHT=0 MARGINWIDTH=0> <BODY BACKGROUND="../graphics/thistle.gif" BGPROPERTIES=FIXED> <BODY TEXT="#FFFFFF" LINK="#FFFF00" VLINK="#33FF33" ALINK="#FF0000" BGCOLOR="#000000" > ===================================== To have your own icon show, put; <link rel="SHORTCUT ICON" href="http://www.example.com/favicon.ico"> in the<head>, and a file named 'favicon.ico' in the main folder. =========================================== TIME+DATE (short) <script> document.write(Date()+".") </script> //-->
[ oo2 }	Refresh, History, Save as..., Add to Favs Buttons	<!-- <INPUT TYPE="button" VALUE=" ? 3 " onClick="history.go(-1)"> ? <INPUT TYPE="button" VALUE=" ? 1 " onCLick="history.go(1)"> <input type=button value="NEWLink" onClick=" window.open ('file:///f\|/', target='_blank')"> <input type=button value="Google" onClick=" window.open ('http://google.com', target='_blank')"> <INPUT TYPE="button" VALUE="New_MegaSearch" onClick="window.open('multysearch.htm', target='myFrame')"> <SCRIPT LANGUAGE="JavaScript"> document.write('<form><input type=button value="Refresh" onClick="history.go()"></form>') </script> =======Refresh========== <script language="JavaScript"> document.write('<form><input type=button value="Refresh" onClick="history.go()"> </form>') =========botyma ynol ac ymlaen======== <input type="button" value=" BACK " onclick="history.go(-1)"> <input type="button" value="FORWARD" onclick="history.go(1)"> ==========Save As.....=============== <script type="text/JavaScript" language="JavaScript"> //<![CDATA[ var isReady = false; function doSaveAs(){ if (document.execCommand){ if (isReady){document.execCommand("SaveAs");} }else{ alert('This feature is available only in Internet Exlorer version 4.0 and later.'); } } //]]> </script> <body bgcolor="#51544D" onload="isReady=true;self.focus()"> <input type="button" value=" Save As... " onclick="javascript:doSaveAs()"> (If you get any problems with this one in-page then check out your 'DOCTYPE' at the top of the page) =====Add to Favs button========== <input type="button" value=" Add to Favs " onclick="javascript:window.external.AddFavorite('http://yoursite.com/yourpage.html', 'your message/page name')"> //-->
[ oo3 }	Good General CODES	<!--- ==Here is the code to change the background color and text color: <body bgcolor="your color choice" text="your color choice"></body> ==If you have a webpage with links, here is the code to change the link colors: <body bgcolor="your color choice" text="your color choice" link="your color choice" vlink="your color choice" alink="your color choice"></body> ==Here is the code to add a background with a pattern: <body background="URL of background" text="your color choice"></body> ==The writing area on your email is black. To see what you are writing if using dark text, do this: <body background="URL of background" bgcolor="white" text="your color choice"></body> ==Here are the codes to add an image. Unless indicated, the image will align to the left. ==To add an image: <img src="URL of image"> ==To align an image to the right: <img src="URL of image" align="right"> ==To center align an image: <center><img src="URL of image"></center> ==Here is a sample code with a height adjustment: <img src="URL of image" height="150" width="150"> ==Here is a sample code with a border: <img src="URL of image" border="15"> ==To have it start automatically and play through once: ==Internet Explorer Sound Code: <bgsound src="URL of music"> ==Netscape Sound Code: <embed src="URL of music" autostart="true"> ==To have it start automatically and play continuously: ==Internet Explorer Sound Code: <bgsound src="URL of music" loop="infinite"> ==Netscape Sound Code: <embed src="URL of music" autostart="true" loop="true"> ==To put in a clickable speaker: <embed src="URL of music"> ==Font Styles: <b> </b> BOLD <i> </i> ITALIC <tt> </tt> TYPEWRITER TEXT <u> </u> UNDERLINE <s> </s> STRIKE THROUGH <strong> </strong> STRONG <blackface> </blackface> WebTV Only BLACKFACE <sub> </sub> SUB-SCRIPT <sup> </sup> SUPER-SCRIPT ==Font Sizes: -2 to +7 ==Here is a sample code using a few of the font options. However, they can be used seperately: <font size="+5" color="red" effect="emboss"><i>YOUR TEXT</i></font> ==To add text as a clickable link: <a href="URL of link">YOUR MESSAGE</a> ==To add an image as a clickable link: <a href="URL of link"><img src="URL of image"></a> ==To add an image as a clickable sound link: <a href="URL of music"><img src="URL of image"></a> ==To add text as a clickable sound link: <a href="URL of music">YOUR MESSAGE</a> ==This is the code for a paragraph break: <p> ==This is the code to align text to the right: <p align="right"> and </p> ==This is the code for a line break: <br> ==Font Faces ==You do this by adding the face=" " command to your font tag, like this: <FONT face="Arial">Give me an Arial font!</FONT> Arial Arial Font Arial Black Arial Black Font Courier Courier Font Courier New Courier New Font Modern Modern Font Terminal Terminal Font Symbol Symbol Font ==AND TO LINK ==To get a link to open in a new browser window, what you do is add the target="_blank" attribute to your link tag, like this: <A HREF="http://www.pageresource.com/linkus.htm" target="_blank"> Link to us!</A> ==You can try it with an image as well: <A HREF="http://www.pageresource.com/linkus.htm" target="_blank"> <IMG SRC="http://www.pageresource.com/images/scare.jpg"> </A> ==Opening a New Window window.open('url to open','window name','attribute1,attribute2') =='url to open' ==This is the web address of the page you wish to appear in the new window. =='window name' ==You can name your window whatever you like, in case you need to make a reference to the window later. =='attribute1,attribute2' ==As with alot of other things, you have a choice of attributes you can adjust. ==Window Attributes ==Below is a list of the attributes you can use: width=300 ==Use this to define the width of the new window. height=200 ==Use this to define the height of the new window. resizable=yes or no ==Use this to control whether or not you want the user to be able to resize the window. scrollbars=yes or no ==This lets you decide whether or not to have scrollbars on the window. toolbar=yes or no ==Whether or not the new window should have the browser navigation bar at the top (The back, foward, stop buttons..etc.). location=yes or no ==Whether or not you wish to show the location box with the current url (The place to type http://address). directories=yes or no ==Whether or not the window should show the extra buttons. (what's cool, personal buttons, etc...). status=yes or no ==Whether or not to show the window status bar at the bottom of the window. menubar=yes or no ==Whether or not to show the menus at the top of the window (File, Edit, etc...). copyhistory=yes or no ==Whether or not to copy the old browser window's history list to the new window. ==All right, here's an example code for opening a new window: <FORM> <INPUT type="button" value="New Window!" onClick="window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200')"> </FORM> ==========Some RULEs When you get to the INPUT tag, keep everything in that tag on one single line in your text editor, including the javascript commands. (The text goes to the next line on this page so you can print it out easily). Once you come to the onClick=" ", don't leave any spaces between anything. Just use the commas and the quote marks. Any white space will keep it from working correctly in Netscape. Don't put quote marks around the yes, no, or numbers for the attributes. You only use single quotes around the entire set of attributes. In some browsers, you may need to substitute the number 1 for yes, and the number zero for no in the attributes section. The yes or no should work fine, though. ==A New Browser Window <FORM> <INPUT type="button" value="New Window!" onClick="window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200,toolbar=yes, location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, resizable=yes')"> </FORM> ==Closing a New Window <FORM> <INPUT type="button" value="Close Window" onClick="window.close()"> </FORM> ==Set the Window Position screenX=number in pixels ==Sets the position of the window in pixels from the left of the screen in Netscape 4+. screenY=number in pixels ==Sets the position of the window in pixels from the top of the screen in Netscape 4+. left=number in pixels ==Sets the position of the window in pixels from the left of the screen in IE 4+. top=number in pixels ==Sets the position of the window in pixels from the top of the screen in IE 4+. ==Great, but how do you decide which commands to use if there are different ones for each browser? <FORM> <INPUT type="button" value="New Window!" onClick="window.open('jex5.htm','mywindow','width=400,height=200,left=0,top=100,screenX=0,screenY=100')"> </FORM> //-->
[ oo4 }	Frame Branding Force to stay inFrames	<!-- <html> <title="Frame Branding"></title> =======TWO STEPS TO INSTALL FRAME BRANDING: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document =========STEP ONE: Paste this code into the HEAD of your HTML document <head> <script language="JavaScript"> ====== Original: Grace Li (gl105@yahoo.com)==== ========= Web Site: http://www.sysu.net/gl105 ======= ======= Modified By: Ronnie T. Moore, Editor ========= ======= This script and many more are available free online at====== ====== The JavaScript Source!! http://javascript.internet.com ======== percent = "10%"; function frameBranding(actualurl, brandingurl, frametype) { var framewin = window.open("","brandingframe"); with (framewin.document) { write("<html><frameset " + frametype + "=" + percent + ",*>"); write("<frame src=" + brandingurl + ">"); write(" <frame src=" + actualurl + ">"); write("</frameset></html>"); } return false; } // End </script> </head> ======= STEP TWO: Copy this code into the BODY of your HTML document <body> <center> <a target="_new" href="http://www.altavista.com/" onclick="return frameBranding('http://www.altavista.com', 'http://javascript.internet.com/navigation/frames-branding-thanks.html', 'rows');">Altavista (with rows branding)</a> <p> <a target="_new" href="http://www.lycos.com/" onclick="return frameBranding('http://www.lycos.com', 'http://javascript.internet.com/thank-you.html', 'cols');">Lycos (with cols branding)</a> <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> </body> </html> ==============Force to stay inFrame/ for frames page======== Script: Open Page in Frameset Script Functions: If a page is intended to be opened only within a frameset, this script refers the browser immediately to the frameset page Browsers: All Author: etLux ============================================================ Put the following script in the head of your page. Set the url of the frameset page where shown below. <script> // (C) 2000 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header if (parent.location.href == self.location.href){ // change the url below to the url of the // frameset page... window.location.href = 'index.html' } </script> //-->
[ oo5 }	WINDOW opener and inPage Window opener	<!--- =========To open new window / controle atributes ====== <script language="JavaScript"> function agorT1(url) { windowHandle = window.open(url,'windowName','status=yes,width=995,height=520,top=10,left=10,scrollbars=yes,scrolling=yes,toolbar=no,menubar=no,location=no,resizable=yes'); } function agorT2(url) { windowHandle = window.open(url,'windowName','status=yes,width=780,height=520,top=20,left=210,scrollbars=yes,scrolling=yes,toolbar=yes,menubar=yes,location=yes,resizable=yes'); } function agorT3(url) { windowHandle = window.open(url,'windowName','status=yes,width=880,height=520,top=20,left=110,scrollbars=yes,scrolling=yes,toolbar=no,menubar=no,location=no,resizable=yes'); } function agorT4(url) { windowHandle = window.open(url,'windowName','status=yes,width=500,height=620,top=50,left=50,scrollbars=yes,scrolling=yes,toolbar=no,menubar=no,location=no,resizable=no'); } </script> THEN ADD THIS TO YOUR SWITCH/BUTTON; <a href="javascript:void(0)" onclick="this.href='javascript:agorT3(\'Starter410.htm\')'"> Starter410 (WELCOME)</a></li> =======Controled window size position 'ONLOAD'======== <script language="JavaScript"> // (C) 2002 CodeLifter.com // Free for all users, but leave in this header window.scrollTo(0,0); top.resizeTo(300,700); top.moveTo(60,150); document.body.style.scrolling="yes"; document.body.style.overflow="scroll" </script> =========andBOOM======== ======= TWO STEPS TO INSTALL FULL SCREEN EXPANDING WINDOW: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document ======= STEP ONE: Paste this code into the HEAD of your HTML document <head> <script language="JavaScript"> Original: David Sosnowski (support@codelifter.com) Web Site: http://www.codelifter.com> This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Begin /* In the url, it's generally best to use a relative address to your content page with this script; otherwise, IE loses its sense of "parentage" over the window, and may throw errors on attempts to relaunch when the fullscreen window is already open. */ // set the page to go to... url = "yourpage.html"; // set how fast to expand horizontally // lower is slower var speedX = 7; // set how fast to expand vertically // lower is slower var speedY = 5; // set background color of "Loading..." screen var bgColor = "#000000"; // set text color of "Loading..." screen var txtColor = "#FF80000"; // do not edit below this line if (document.all) { var wide = window.screen.availWidth; var high = window.screen.availHeight; } function andBoom() { if (document.all) { var Boomer = window.open("","BoomWindow","fullscreen"); Boomer.document.write('<HTML><BODY BGCOLOR='+bgColor+' SCROLL=NO><FONT FACE=ARIAL COLOR='+txtColor+'>Loading...</FONT></BODY></HTML>'); Boomer.focus(); for (H=1; H<high; H+= speedY) { Boomer.resizeTo(1,H); } for (W=1; W<wide; W+= speedX) { Boomer.resizeTo(W,H); } Boomer.location = url; } else { window.open(url,"BoomWindow",""); } } // End </script> </head> =======STEP TWO: Copy this code into the BODY of your HTML document========== <body> <a href="javascript:andBoom()">Click Here To Launch Page</a> Be sure that the page you link to has a link to close the window: <a href="javascript:window.close();">Close Window</a> <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> ========Script Size: 2.26 KB======== To launch automatically, simply add onload="andBoom();" to your <body> tag, like this: <body onload="andBoom()"============== ===========Full Screen Window============ ========TWO STEPS TO INSTALL FULL SCREEN WINDOW: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document ========STEP ONE: Paste this code into the HEAD of your HTML document <head> <script language="JavaScript"> ====== Original: Paul Deron (trombonepaul@yahoo.com) ======== ======Web Site: http://paul1.web.com ========= ======This script and many more are available free online at ===== ======= The JavaScript Source!! http://javascript.internet.com ======== function fullScreen(theURL) { window.open(theURL, '', 'fullscreen=yes, scrollbars=auto'); } </head> ======== STEP TWO: Copy this code into the BODY of your HTML document ====== <body> <a href="javascript:void(0);" onclick="fullScreen('full-screen.html');">Open Full Screen Window</a> <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> ================================== <br> <p>Dyma un arall i agor y dydalen yn fawr.</p> <script language="JavaScript"> self.moveTo(0,0); self.resizeTo(screen.availWidth,screen.availHeight); self.focus(); </script> <br> =================================== <br> <script language="JavaScript"> // (C) 2002 CodeLifter.com // Free for all users, but leave in this header //window.moveTo(0,0); //window.resizeTo(screen.width,screen.height,'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1' ); </script> //-->
[ oo6 }	onLoad etc, events	<!-- =======w3c onLOAD TryitEditor <script type="text/javascript"> function mymessage() { alert("This message was triggered from the onload event") } </script> </head> <body onload="mymessage()"> ======= //-->
[ oo7 }	CSS reDirect	<!-- =========ONE STEP TO INSTALL CSS SUPPORT REDIRECT: 1. Copy the coding into the BODY of your HTML document ======STEP ONE: Paste this code into the BODY of your HTML document <body> <div id="checkcss" style="position:absolute;"></div> <script language="JavaScript"> ==== Original: Ronnie T. Moore, Editor ======= =======Web Site: The JavaScript Source ======= ========This script and many more are available free online at ===== =======The JavaScript Source!! http://javascript.internet.com ===== var yes = "yes-css.html"; // CSS page var no = "no-css.html"; // Non-CSS page // How should we look for the (CSS) DIV ? // Netscape will look with: document.checkcss // Internet Explorer will look with: checkcss checktype = document.layers ? document.checkcss : checkcss; window.location = (checktype) ? yes : no; // End - </script> <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> //-->
[ oo8 }	Button Switch/Changer	<!-- <script type="text/javascript"> function changeButton() { if (document.onoff.B1.value=='lock') { document.onoff.B1.value='unlock'; document.body.style.overflow="hidden"; document.body.style.scrolling="no"; } else { document.onoff.B1.value='lock'; document.body.style.overflow="scroll"; document.body.style.scrolling="yes"; } } </script> <form name='onoff'> <input type='BUTTON' id='yr1' name='B1' value='lock' class='bT4' title='scroll/unscrollPage' onclick=changebutton();return false;></form> //-->
[ oo9 }	To View Source and Resize Window/Scroll	<!-- FIRST A BUTTON <input type=BUTTON class='bT4' title='reFresh this Page' onClick='history.go()';return false; value='' style='background-image:url(winImgs/reFreshv.jpg);' onmousedown='this.style.left=004; this.style.top=004' onmouseup='this.style.left=000; this.style.top=000' /> ================================= function viewSo() { location.href='view-source:http://javascript.internet.com'; } function resizeWindow() { window.scrollTo(0,235); top.resizeTo(1025,790); top.moveTo(0,0); document.body.style.scrolling="no"; document.body.style.overflow="hidden"; } //-->
[ o10 }		<!-- //-->
[ o11 }		<!-- //-->
[ o12 }		<!-- //-->
[ o13 }		<!-- //-->
[ o14 }		<!-- //-->
[ o15 }		<!-- //-->

then

[ I remember sitting in a restaurant with my then present girlfriend, after having eaten we got closer with a coffee and as we both smoked, a cigarette. Somewhere within the deep candle lit conversation I must have said something funny, which made her laugh, not a ha ha hi hi laugh but more the suppressed nasal laugh, which came at such a speed she managed to blast the whole contents of the ashtray, just there in front of us, all over me! ]