|
JavaScript
is a scripting language used to enable programmatic access to objects
within other applications. It is primarily used in the form of
client-side JavaScript for the development of dynamic websites.
JavaScript is a dialect of the ECMAScript standard and is characterized
as a dynamic, weakly typed, prototype-based language with first-class
functions. JavaScript was influenced by many languages and was designed
to look like Java, but to be easier for non-programmers to work with.
[via WikiPedia ]
Simple alert box:
<html>
<head>
<script type="text/javascript">
function show_alert()
{
alert("Simple alert box!");
}
</script>
</head>
<body>
<input type="button" onclick="show_alert()" value="Show alert" />
</body>
</html>
Alert box with line breaks:
<html>
<head>
<script type="text/javascript">
function show_alert()
{
alert("This is how simple it is to" + 'n' + "add line breaks to an alert box!");
}
</script>
</head>
<body>
<input type="button" onclick="show_alert()" value="Show alert" />
</body>
</html>
Display a confirmation dialog:
<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var val = confirm("Press a button");
if (val == true)
{
alert("You pressed OK!");
}
else
{
alert("You pressed Cancel!");
}
}
</script>
</head>
<body>
<input type="button" onclick="show_confirm()" value="Show a confirm box" />
</body>
</html>
Simple timer:
<html>
<head>
<script type="text/javascript">
function fireTimer()
{
var t = setTimeout("alert('2 seconds!')",2000);
}
</script>
</head>
<body>
<input type="button" value="Display timer" onClick = " fireTimer()">
</body>
</html>
Determine which mouse button was clicked:
<html>
<head>
<script type="text/javascript">
function whichButtonClick(event)
{
if (event.button==2)
{
alert("You clicked the right mouse button!");
}
else
{
alert("You clicked the left mouse button!");
}
}
</script>
</head>
<body onmousedown="whichButtonClick(event)">
</body>
</html>
Reset a form:
<html>
<head>
<script type="text/javascript">
function formReset()
{
document.getElementById("testform").reset();
}
</script>
</head>
<body>
<form id="testform">
Name: <input type="text" size="20"><br />
Address: <input type="text" size="20"><br />
<br />
<input type="button" onclick="formReset()" value="Reset">
</form>
</body>
</html>
|