1.
Show Date & time with Java Script Program
<html>
<head>
<script Language="JavaScript">
<!-- hide
var timeStr, dateStr;
function clock() {
now= new Date();
// time
hours= now.getHours();
minutes= now.getMinutes();
seconds= now.getSeconds();
timeStr= "" + hours;
timeStr+= ((minutes < 10) ? ":0" :
":") + minutes;
timeStr+= ((seconds < 10) ? ":0" :
":") + seconds;
document.clock.time.value = timeStr;
// date
date= now.getDate();
month= now.getMonth()+1;
year= now.getYear();
dateStr= "" + month;
dateStr+= ((date < 10) ? "/0" : "/")
+ date;
dateStr+= "/" + year;
document.clock.date.value = dateStr;
Timer= setTimeout("clock()",1000);
}
// -->
</script>
</head>
<body onLoad="clock()">
<form name="clock">
Time:
<input type="text" name="time"
size="8" value=""><br>
Date:
<input type="text" name="date"
size="8" value="">
</form>
</body>
</html>
2.Open a new window with Java Script Program
<html>
<head>
<script language="JavaScript">
<!-- hide
function openWin3() {
myWin= open("", "displayWindow",
"width=500,height=400,status=yes,toolbar=yes,menubar=yes");
// open document for further output
myWin.document.open();
// create document
myWin.document.write("<html><head><title>On-the-fly");
myWin.document.write("</title></head><body>");
myWin.document.write("<center><font
size=+3>");
myWin.document.write("This HTML-document has been
created ");
myWin.document.write("with the help of
JavaScript!");
myWin.document.write("</font></center>");
myWin.document.write("</body></html>");
// close the document - (not the window!)
myWin.document.close();
}
// -->
</script>
</head>
<body>
<form>
<input type=button value="On-the-fly"
onClick="openWin3()">
</form>
</body>
</html>
…………………………………………………………………………..
3.
Show new page by Java Script Program
<html>
<head>
<script language="JavaScript">
<!-- hide
function openWin2() {
myWin= open("ex5.html", "displayWindow",
"width=400,height=300,status=no,toolbar=no,menubar=no");
}
// -->
</script>
</head>
<body>
<form>
<input type="button" value="Open new
window" onClick="openWin2()">
</form>
</body>
</html>
……………………………………………………………………………….
4.
Creating Button & show click events by Java Script
Program
<html>
<head>
<title>Objects</title>
<script language="JavaScript">
<!-- hide
function first() {
// creates a popup window with the
// text which was entered into the text element
alert("The value of the textelement is: " +
document.myForm.myText.value);
}
function second() {
// this function checks the state of the checkbox
var myString= "The checkbox is ";
// is checkbox checked or not?
if (document.myForm.myCheckbox.checked) myString+=
"checked"
else myString+= "not checked";
// output string
alert(myString);
}
// -->
</script>
</head>
<body bgcolor=lightblue>
<form name="myForm">
<input type="text" name="myText"
value="bla bla bla">
<input type="button" name="button1"
value="Button 1"
onClick="first()">
<br>
<input type="checkbox"
name="myCheckbox" CHECKED>
<input type="button" name="button2"
value="Button 2"
onClick="second()">
</form>
<p><br><br>
<script language="JavaScript">
<!-- hide
document.write("The background color is: ");
document.write(document.bgColor + "<br>");
document.write("The text on the second button is:
");
document.write(document.myForm.button2.value);
// -->
</script>
</body>
</html>
No comments:
Post a Comment