oz web hub : common javascripts: search box, pop up slideshow,tell a friend script, status bar

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.

Codes and scripts

<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

<SCRIPT LANGUAGE="JavaScript">  </script>
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

« computers | web design �

About me

Jenny Campbell I got a computer way back when. I was linked to the internet, before the school I taught in had it. So I learned about computers first and then as I was a teacher librarian I learned a computer system which we used to computerize the stock. We had to teach students and teachers how to use it. How to search. At home I was learning to use HTML and images on the site I had back then. When the school was ready to create a site for itself I was all for it and wanted to do it. However, the job was given to the computer techie of course. After I left that school and at another I had much more access to the internet and collected many sites suitable for students and teachers to assist with their learning. Then, after retirement I started learning web design and as I did, being a teacher, I developed some tutorials, which you will find on this site. I also take photos.