1cst

ARRAY IMPLEMENTATION
<html>
<head>
<title>using javascript</title>
</head>
<body>
<script language="javascript">
var i;
var a = new Array(10);
for(i=0;i<10;i++)
{
a[i]=prompt ("enter the value");
}
for(i=0;i<10;i++)
{
document.write ("element of"+(i+1) +":"+a[i]+"<br>");
}
</script>
</body>
</html>

SIMPLE CALCULATOR APPLICATION
<html>
<head>
<title>calculator</title>
<script language="javascrit">
function add()
{
var a = document.f.t1.value;
var b = document.f.t2.value;
document.f.t3.value = parseFloat(a)+parseFloat(b);
}
function sub()
{
document.f.t3.value = parseFloat(a)-parseFloat(b);
}
function mul()
{
document.f.t3.value = parseFloat(a)*parseFloat(b);
}
function div()
{
document.f.t3.value = parseFloat(a)/parseFloat(b);
}
</script>
</head>
<body>
<from name="f">
<table width="50%" align="center" bgcolor="pink">
<tr>
<td>
<marquee><h1>using simple calculator</h1></marquee>
</td>
</tr>
</table>
<br>

<br>
<table align="center">
<tr>
<td>Enter the first value:</td>
<td><input type="text" size="25"name="6">
</td>
</tr>
<tr>
<td>Enter the second value;</td.
<td><input type="text" size="25" name="t2"></td>
</tr>
<tr>
<td>The resultant value is:</td>
<td><input type="text read only size="25"name="t3">
</td>
<td colspan="2" align="center">
<input type="button" value="ADD" on click="add()">
<input type="button" value="SUB" on click="sub()">
<input type="button" value="MUL" on click="mul()">
<input type="button" value="DIV" on click="div()">
<input type="reset" value="CLEAR">
</td>
</tr>
</table>
</form>
</body>
</html>

IMPLEMENTING MOUSE OVER EVENT

<html>
<head>
<title> mouse pointer</title>
function move()
{
Window.open("calculator.html");
}
</script>
</head>
<body>
<center>
<h2>move the mouse pointer over the following tag</h2>
<a href="The page going to the img.html" on mouse over="move();">
click here!</a>
</center>
</body>
</html>

AUTOMATIC WINDOW LOADING

<html>
<head>
<title>new window</title>
<script language = "javascript">
{
var a = prompt("enter your HTML programe name","any programe name");
var b = open(a,"win","menubar=no toolbar=no statusbar=no hight=300 width=600");
}
function close()
{
b.close();
}
</script>
</head>
<body onload="set time outc"close()":2000)>
</body>
</html>

E-Mail SENDING WEB PAGE

<html>
<head>
<title>my link</title>
</head>
<body width="50" height="50" bgcolor="pink">
<h1><font color="maroon">
<u><l><center> Things to remember</center></l></u>
</font></h1>
<hr width="75%" size="t3"color="blue">
<font face="arial" color="green" size="+1">
Education is the mainfestation of prefection that is already in human. Everybody
wants to go to heaven, but nobody wants to die. Everyday there's sad news but each
day itself is glad news. Every good friend once was a stornger. Everyone hearts what
you say listen to what you say. Every person is a foot in some body's opinion.
Everything is possible, just not too probabke
</font><hr color="blue">
<center><h3>
<a href="mailto : pravin_vinhai@yahoo.com">
click here to send message</a></h3>
</center>
</body>
</html>

A SIMPLE WEB PAGE DEMO

<html>
<head>
<title> my information</title></head>
<body bgcolor="c:dicyment and settings all usersdocumentmy picturessample
picturewater lillies.jpg">
<font color="red" size="+2"> webpage demo</font>
<center> <font color="maroon" size="+3"> About me</font></center>
<hr color="green">
<table align="center" border="1">
<tr>
<td>Name:</td>
<td>S.Praveen</td>
</tr>
<tr>
<td>Father name</td>
<td>K. Sampath</td>
</tr>
<tr>
<td>Date of birth</td>
<td>13.08.91</td>
</tr>
<tr>
<td>Gender</td>
<td>Male</td>
</tr>
<tr>
<td>Nationality</td>
<td>Indian</td>
</tr>
</table><hr color="green">
<center>
<font color="maroon" size="+3">Qualification</font>
</center>
<table align="center" border="1">
<tr>
<th>s.no</th>
<th>Course</th>
<th> Institution</th>
<th>Year</th>

<th>% of marks</th></tr>
<tr>
<td>1</td>
<td><font style="text-decoration:overline">m.sc.,</font</td>
<td>pachaiyappa's college</td>
<td>2009-2010</td>
<td>waiting results</td>
</tr>
<tr>
<td>2</td>
<td>hsc</td>
<td>pachiayappa's school</td>
<td>2008-2009</td>
<td>65%</td>
</tr>
<tr>
<td>3</td>
<td>sslc</td>
<td>pachiayappa's school</td>
<td>2006-2007</td>
<td>66%</td>
</tr></table><hr color="green">
<table border="1"align="center">
<tr>
<td>
<center><font color="red" size="+2">likes</font></center>
<ul type="square">
<li>playing cricket</li>
<li>watching tv</li>
<reading books</li>
</ul>
</td>
<td> <center><font color="red" size="+2">dis-likes</font></center>
<ol type="i">
<li>failure</li>
<li>laziness</li>
<li>craziness</li>
</ol></td>
</tr></table><center>are you interesting to see<a href="hobbies.html"> my
hobbies</a>
</center> </body> </html>

OWN USING FRAMES

<html>
<frameset rows="70,*">
<frame src="head.html">
<frameset cols="35%,*">
<frame src="sct.html">
<frame src="desc.html">
<frameset></frameset>
</html>

head.html

<html>
<body bgcolor="pink">
<center><h1>Cellphones</h1></center>
</body>
</html>

sct.html

<html>
<center>
<img src="/home/yassir/Desktop/1.jpg">
</cetnter>
</body>
</html>

desc.html

<html> <body bgcolor="pink">
<b><center>HOW IS WONGS:CELLUAR PHONES</center></b><br><br>
<h1> There are two basic types of cellular phones analog and digital by for the phone
that most people(at least in the Usa) HAVE BEEN EXPOSED IS THE ANALOG
ALLURE PHONE HOWEVER THE DIGITAL
IS GROWING IN TERMS OF NUMBERS IN SERVICE AND ANY
DISEVESSION OF HOW CELLULAR PHONE WORK WOULD HER BE
COMPILE WITH AT COVERING ALL THE BASS.</h1>
</body> </html>

EMPLOYEE PAY ROLL

<html>
<head><center><h2> Pay Slip </h2></center>
<title>pay slip</title>
function de()
{
var a=parselnt(document.f1.t5.value);
var b=parselnt(document.f1.t6.value);
var c=parselnt(document.f1.t7.value);
document.f.t8.value=a+b+c;
}
function cl()
{
var d=parselnt(document.f1.t9.value);
var e=parselnt(document.f1.t10.value);
var f=parselnt(document.f1.t11.value);
document.f1.t12.value=d+e+f;
document.f1.t14.value=d+e+f;
}
function gr()
{
var g=parselnt(document.f1.t18.value);
var h=parselnt(document.f1.t12.value);
document.f1.t13.value=g+h;
}
</script>
</head>
<form name=f1>
<table align="center">
<tr><th>Empid</th><td><input type=text name=t1></td></tr>
<tr><th>Empname</th><td><input type=text name=t1></td></tr>
<tr><th>Designation</th><td><input type=text name=t3></td></tr>
</table>
<hr color="green">
<table align="left">
<tr><th>Deductions</th></tr>
<tr><td>Provident fund(pf)</td><td><input type=text name=t5></td></tr>
<tr><td>Special pf</td><td><input type=text name=t6></td></tr>

<tr>
<td>
<tr><td>FBF</td><td><input type=text name=t7></td></tr>
<tr><th>Full Deductions</th><td><input type=text name=t8 on
focus="de();"readonly></td></tr>
<table align="left">
<tr><th>Claims</th></tr>
<tr><td>Basic pay(pf)</td><td><input type=text name=t9></td></tr>
<tr><td>DA</td><td><input type=text name=t10></td></tr>
<tr><td>HRA</td><td><input type=text name=t11></td></tr>
<tr><th>Ful Claims</th><td><input type=text name=t12
on focus="cl();"readonly></td></tr>
<table align = "right" >
<tr><th>Gross salary</th><td><input type="text" name="t13" on
focus="gr();"reaonly></td></tr>
<tr><th>Net Salary</th><td><input type="text" name="t14"
onfocus="cl();" readonly></td></tr>
</table>
</form>
</body>
</html>

1cst

More Related Content

1cst