UK chat rooms and free ringtones from Choose a Chat.com, return to home page
Webmasters | Java Scripts
Below is a small selection of simple java scripts for your personal website use. This will slowly be updated over time so please come back as often as possible.
Browser Redirection
<html>
<TITLE>TITLE GOES HERE</TITLE>
<frameset framespacing="0" border="0" rows="200%,*" frameborder="0">
<frame name="top" src="www.YOUR-WEBSITE-HERE.com " scrolling="auto" noresize>
</frameset>
</html>
</HTML>
Website Clock
<!-- TWO STEPS TO INSTALL BASIC CLOCK:
1. Add the onLoad event handler into the BODY tag
2. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Insert the onLoad event handler into your BODY tag -->
<BODY onLoad="clock()">
<!-- STEP TWO: Paste this code into the BODY of your HTML document -->
<!-- Adjust the placement of the clock in the line below -->
<span id="pendule" style="position:absolute;left:300;top:20;"></span>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function clock() {
if (!document.layers && !document.all) return;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
if (document.layers) {
document.layers.pendule.document.write(dispTime);
document.layers.pendule.document.close();
}
else
if (document.all)
pendule.innerHTML = dispTime;
setTimeout("clock()", 1000);
}
// End -->
</script>
Coloured Scroll Bar
Place the below code between the <head> and </head> sections of a web site to change the colour of its browsers scroll bar.
<style type="text/css">
A:link {text-decoration: none};
A:visited {text-decoration: none};
A:active {text-decoration: none};
BODY { SCROLLBAR-FACE-COLOR: #330066; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffff00; SCROLLBAR-TRACK-COLOR: #330066; SCROLLBAR-DARKSHADOW-COLOR: #000000 }
</style>
A Quick Guide:
- ScrollBar Face = The actual colour of bar.
- Scrollbar-highlight = The left hand side of the bars colour (thin)
- Scrollbar arrow = The colour of the little arrows on end of bars.
- ScrollBar Track colour = The colour behind the bar (its track!)
- Scrollbar darkshadow = the thicker right hand shadow area of scroll bar.
Print the page!
<!-- TWO STEPS TO INSTALL PAGE PRINTER:
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">
<!-- This script and many more are available free online at -->
<!-- ChooseaChat.com Webmasters http://www.chooseachat.com -->
<!-- Begin
function varitext(text){
text=document
print(text)
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<DIV ALIGN="CENTER">
<FORM>
<INPUT NAME="print" TYPE="button" VALUE="Print this Document!"
ONCLICK="varitext()">
</FORM>
</DIV>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://www.chooseachat.com">ChooseaChat.com
Webmasters</a></font>
</center><p>
<!-- Script Size: 0.85 KB -->
If you have a java script you'd like to put here for others to use, please give us the details in the 'website feedback' section of our discussion boards.
|
|
|
Along with all the regular features, would you like to see a sexier design, adult networking which includes hot or not, blogs and more in 2009? |
|
|
Donate to Charity:
Please help support Cancer Research UK.
Please help support Cancer Research UK.