|
Here are some hard to find javascript tidbits for you to use. Follow All Directions Exactly!
After accessing the scripts for these, simply close the browser window to return to this page.
If you use the graphics or other resources of bellsnwhistles.com, please provide a link to the site on your links page or elsewhere on your site.
|
|
BROWSER TYPE SCRIPT (What Browser Is Being Used)
Here is the
Browser Type Script
EXAMPLE
Return to Index
|
MIDI PLAYER
<!--begin midi html-->
<p><center><EMBED SRC="YOUR MIDI SONG NAME"
type="audio.mid"
HEIGHT=28 WIDTH=320
AUTOSTART="true"
playcount="0"
LOOP="false"
showstatusbar="false">
</EMBED><noembed>
<"YOUR MIDI SONG NAME">play </a>
</noembed>
Put the name of the midi file in the code where it says "Your midi song name". The size tags I have here are for the Quicktime® plugin. The size can be changed as you wish to fit whatever midi player you wish. Leave in all quotation marks.
EXAMPLE
<![CDATA[
<"http://www.bellsnwhistles.com/midi/boxdance.mid">play </a>
]]>
Return to Index
|
BORDERLESS E-MAIL ICON LINK
<!--begin e-mail icon html-->
<p><center><a href="mailto:YOUR E-MAIL ADDRESS"><img src="NAME OF PICTURE" height=HEIGHT IN PIXELS width=WIDTH IN PIXELS X-SAS-UseImageHeight X-SAS-UseImageWidth Border=0></a></center></p>
<!--end e-mail icon html-->
This code will give you a borderless e-mail link. Do not forget to put in your own e-mail address where it says YOUR E-MAIL ADDRESS and insert the actual name of the .gif or .jpg file where it says "NAME OF PICTURE." Also, change the words "WIDTH and HEIGHT IN PIXELS to the actual numbers and be sure to leave in all quotation marks.
EXAMPLE
Return to Index
|
BORDERLESS E-MAIL ICON WITH TEXT
If you wish to put a message with the e-mail icon and have it centered in relation to the icon, use the following HTML.
<!--begin e-mail icon with text html-->
<p><center><table><tr><td><a href="mailto:YOUR E-MAIL ADDRESS"><img src="NAME OF PICTURE" height=HEIGHT IN PIXELS width=WIDTH IN PIXELS hspace=10 X-SAS-UseImageHeight X-SAS-UseImageWidth Border=0></a></td><td><b><a href="mailto:YOUR E-MAIL ADDRESS">A Text E-Mail Link Here</a> And The Rest Of Your E-Mail Message Here.</b></td></tr></table></center><p>
<!--end e-mail icon with text html-->
Leave in all quotation marks and put your own e-mail address in place of YOUR E-MAIL ADDRESS and change NAME OF PICTURE to the actual .gif or .jpeg file name. Also, Change the words "WIDTH and HEIGHT IN PIXELS to the actual numbers.
EXAMPLE
Return to Index
|
BREAK OUT OF FRAMES
Many sites will stick you in frames when you use their links. This makes it so the page that your browser registers, as the page that it is presently using, the site that the link is on. To make it so that people can break free of these frames, you need to put this HTML on your page:
<!--begin break frames html-->
<p><center>If you have come to this page in a frame from another site,<br><font size="+2"><a href="YOUR COMPLETE PAGE URL" target="_parent">Click here to break free</a>.</font></center></p>
<!--end break frames html-->
Change the wording YOUR COMPLETE PAGE URL to your own complete page address. Leave in all quotation marks.
EXAMPLE
If you have come to this page in a frame from another site,
Click here to break free.
Return to Index
|
|
.WAV FILE PLAYER
You may wish to play a .wav (wave) file on your page. These are particularly large so be careful of how big your file is. This script will play it for you.
<!--begin wav html-->
<p><center><EMBED SRC="YOUR WAV FILE NAME"
type="audio.wav"
HEIGHT=28 WIDTH=320
AUTOSTART="true"
playcount="1"
LOOP="false"
showstatusbar="false">
</EMBED><noembed>
<"YOUR WAV FILE NAME">play </a>
</noembed>
Wave File Player Script
The "Hi There" that you heard when accessing this page is the example.
<![CDATA[
<"http://www.bellsnwhistles.com/hi.wav">play </a>
]]>
Return to Index
|
|
AUTOMATIC PAGE CHANGER
<!--begin automatic page changer script-->
<META HTTP-EQUIV="Refresh" delay=5 CONTENT= "5;URL=TARGET PAGE URL">
<!--End automatic page changer script-->
Put this script immediately after the <head> tag on the page. The second number "5" on this must be adjusted to the average time it takes for a 14,400 modem to load all the images on the page or it will not work and you must change the TARGET PAGE URL wording to the html filename of the page you wish the html to access. Also, leave in all quotation marks.
EXAMPLE
Here is the Example of this tag. The example will automatically return you to this page.
Return to Index
|
|
TRUE TYPE FONTS
True Type fonts can be viewed in a web page on any computer with the fonts installed. Include all fonts you wish the user to be able to access, with the preferred font listed first, in the tag as you don't know which ones the user has installed. Be sure to list the common fonts to the computer, such as Times New Roman and Arial. You can, of course, change the font size to whatever you like in this tag.
<!--begin font tag-->
<font size="+2"<font face="Verdana,Helvetica,Comic Sans MS,Arial">MESSAGE GOES HERE</font></font>
<!--end font tag-->
EXAMPLE
This is a +2 Viking or Van Dijk header (or another listed font) if you have MSIE in your machine, it is something else if you only have Netscape.
Return to Index
|
|
TEXT MOUSE OVERS
You may wish to put a personal message on the status bar of the browser to go with your link. This script will do that for you. When someone puts their mouse pointer on the link, your message will show on the status bar. When they click the link, it will act like a link.
Text Mouse Over Script
EXAMPLE
This will not work with a message box on the status line so the example is here.
Return to Index
|
|
 BUTTON MOUSE OVERS
This script will not work on MSIE 3.x but will work on MSIE 4.x.
You may wish to have a link or other picture change colors or change pictures when someone runs their mouse over it. This script will do this. To use this script, you will need to have two different buttons or pictures.
Button Mouse Over Script
EXAMPLE
Return to Index
|
|
TEXT SCROLL BOX
Would you like to have a scrolling text box that will work on both Microsoft and Netscape? This script will do this.
Text Scroll Script
EXAMPLE
Return to Index
|
|
DIGITAL DATE AND CLOCK
Here is the
Digital Clock Script
EXAMPLE
The example of this script is on its own page
Return to Index
|
|
WINDOW POPUP GRAPHIC MOUSEOVER
Here is the
Window Popup Graphic Mouseover Script
EXAMPLE
Run your cursor over the graphic and a window will open
Return to Index
|
|
WINDOW POPUP TEXT MOUSEOVER
Here is the
Window Popup Text Mouseover Script
EXAMPLE
Run your mouse over me and a window will appear on your screen!
It should be noted that with Netscape 3 or MSIE 5 and above the window will close automatically when the mouse leaves the text link that opened it. On earlier versions of MSIE or Netscape, the window must be closed by the user.
Return to Index
|
|
WINDOW POPUP FORM BUTTON
Here is the
Window Popup Form Button Script
EXAMPLE
Return to Index
|
|
MULTI COLORED HEADER
Here is the
Multi Colored Header/Text Script
EXAMPLE
Return to Index
|
|
Return to Index
|
Website Copyright© by: bellsnwhistles.com. All Rights Reserved.
|
