Oz Web Hub : the spot for the web design beginner

Search box

Place between HEAD tags

Now place next script in BODY where you want the search box to appear

Back to Javascripts index

Pop up slideshow javascript

<script type="text/javascript"> var win=null; function NewWindow(mypage,myname,w,h,scroll,pos){ if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()((screen.height-h)-75)):100;} if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;} else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20} settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no'; win=window.open(mypage,myname,settings);} </script>

Next is the HTML to insert so that people will click to open the slide show. Place where you want to on your page.

<a href="slideshow.html" onclick="NewWindow(this.href,'Fred','500','300','no','center'); return false" onfocus="this.blur()">Slide Show</a>

You can rename 'Fred'. That is the name of the window it will open to. You can change the sizes too. Now make the pop up window. The following is the code for that page. You can make changes to it. Obviously you name your images with your file names.

<head><title>Picture Show Test</title> <style> a:link {text-decoration: none; color: C1C1C1; font-family: Arial; font-size: 10px; font-weight: bold; border: solid #626262 1px; padding: 2px;} a:active {text-decoration: none; color: C1C1C1; font-family: Arial; font-size: 10px; font-weight: bold; border: solid #626262 1px; padding: 2px;} a:visited {text-decoration: none; color: C1C1C1; font-family: Arial; font-size: 10px; font-weight: bold; border: solid #626262 1px; padding: 2px;} a:hover {text-decoration: none; color: FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; border: solid #626262 1px; padding: 2px;} td {color: C1C1C1; font-family: Arial; font-size: 10px;} </style> </head> <div align="center"> <table width="480" height="1300" cellspacing="0"> <tr> <td valign="top" align="center" width="320"> <a name="1"></a> <img src="images/pic1.jpg" width="320" height="240" style="margin-top: 12px;"> <br><a href="slideshow.html">Next</a>

Back to Javascripts index

Status bar text

Change the text to suit.

Place between HEAD TAGS

Tell a friend

Place where you want to in the Body.

<form name="eMailer">
Tell a friend:
><input type="text" name="email" size="26" value=" Enter Address Here" onFocus="this.value=''" onMouseOver="window.status='Enter email address here and tell a friend about this site...'; return true" onMouseOut="window.status='';return true">
><br>
<input type="button" value="Send this URL" onMouseOver="window.status='Click to send an email (with this page address) to a friend! Enter email address above...'; return true" onMouseOut="window.status='';return true" onClick="mailThisUrl();">
></form>

Back to Javascripts index

straight to the top