How To Do All That Cool Stuff...
Be Polite to your visitors
<form name="polite">
Please tell us your name:
<input type="text" name="user" value="">
and then
<input type="button" name="yo" value="Press me! I'm polite!"
onclick="window.status='Welcome to the world of JavaScript,' + document.polite.user.value">
or
<input type="button" name="Hello" value="Slightly less polite"
onclick="alert('Welcome to the world of javascript,' + document.polite.user.value)">
</form>
Go see what it does
Choose Your Own Background
<a href="jscript.html#top"onmouseover="document.bgColor='#FF0000'">Choose</a>
<a href="jscript.html#top"onmouseover="document.bgColor='#FFFF00'">The</a>
<a href="jscript.html#top"onmouseover="document.bgColor='#C0C0C0'">Coolest</a>
<a href="jscript.html#top"onmouseover="document.bgColor='#00FF00'">Background</a>
<a href="jscript.html#top"onmouseover="document.bgColor='#CCFFFF'">For</a>
<a href="jscript.html#top"onmouseover="document.bgColor='#FF99FF'">Yourself</a>
Go see what it does
Browser Detection
<SCRIPT Language="JavaScript">
document.write(navigator.appName + navigator.appVersion)
</script>
Go see what it does
Displaying Date and Time
(In Progress)
Go see what it does
Automatic Update Information
<script language="JavaScript">
<!--hide script from old browsers
document.write("This page has been updated: " +
document.lastModified + "")
// end hiding -->
</script>
Go see what it does
Measuring the Amount of time user has been on your page
(In Progress)
Go see what it does
Fake Links
<a href="http://www.netscape.com"onmouseover="window.status='http://www.microsoft.com';return true;">
Go see what it does
Easy Submit!
URL: <FORM METHOD="POST" ACTION="mailto:youraddress@yourdomain.com"
ENCTYPE="text/plain" // This is essential. If you don't have this it will give you crazy weird symbols.
onSubmit="alert('I will review your submission and Ill put up your link in a few days.')" NAME="new">
<INPUT TYPE="text" SIZE=40
NAME="Hey, somebody wants you to put up a link to his page. Here it is"> // This makes the message more understandable
</form>
And the end output is:
Hey, somebody wants you to put up a link to his page. Here it is=theaddresssubmitted
Go see what it does
On-Demand Sound
<SCRIPT Language='JavaScript'>
<!-- JavaScript Follows
function midi () {
msgWindow=window.open("god.mid","displaywindow","toolbar=no,scrollbars=no,width=180,height=80")
}
//JavaScript Ends -->
</SCRIPT>
Go see what it does
Unbreakable Password Check
<form name="passw"> Password:<input type="text" size="20" name="pass">
<input type="button" value="Click here to enter"onclick="location.href= document.forms.passw.pass.value +'.html'"></form>
Go see what it does