CSedukit.com

Create a student object using java script

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 09:51:00 -0700

<html><head>
<script language ="javascript">
function print()
{
var rollno,name,mark;rollno=Number(text1.value);name=text2.value;mark=Number(text2.value);document.write("Roll No---"+rollno+"<br><br>");
document.write("Name---"+name+"<br><br>");
document.write("Mark---"+mark+"<br><br>");
}</script>
</head><body bgcolor="ivory"><pre>Roll no<input id="text1" type=text>name <input id="text2" type=text>mark <input id="text3" type=text><br><input type=submit value="submit" onClick="print()"></pre></body></html>

OUTPUT

Simple Form

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 09:43:00 -0700

<html><body><b>Please enter your particulars</b><form><label for="s">Name:</label> <input type="text" id="s"><br>Sex: <label for="sh">Male:</label><input type="radio" id="sh"> <label for="sha">Female:</label><input type="radio" id="sha"><br><label for="shal">Address:</label><br> <textarea name="address" cols=16 rows=9 id="shal">Your address</textarea><br><br><label for="sq">Group:</label> <select id="sq"><option>Biology<option selected >Computer science<option>Commerce</select> <br><br><label for="sw">Feespaid:</label> <input type="checkbox" id="sw"><br><br><input type="submit" value="submit"> <input type="submit" value="Reset"></form></body></html>

OUTPUT

Formatted paragraph with image

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 08:38:00 -0700

/*replace all the path in this programm and put your won paths*/
<html><body bgcolor="ivory"><h2><center>Most Attractive Elements Of Nature</center></h2><p align="left"><img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\blue hills.jpg" align="left" width="80" height="80"><b>BLUE HILLS:</b> Blue hills are the most attractive place in nature.The term blue hills does'nt mean blue coloured hills rather it describes about the beautiness of those hills through its words which is very adequate</p><br><br><br><p align="left"><img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\sunset.jpg" align="left" width="80" height="80"><b>SUNSET:</b>Sunset is one of the ever most beautiful element of nature.Most people like it because of its appearance.The sunset in kanyakumari is one of the most familiar one in india.</p><br><br><br><p align="left"><img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\water lilies.jpg" align="left" width="80" height="80"><b>WATER LILIES:</b>Water lilies are the flowers that grow in water.they have very big leafs.They may be of different colours according to the climate.They have long stem.</p><br><br><br><p align="left"><img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\winter.jpg" align="left" width="80" height="80"><b>WINTER:</b>Winter is the most chilling season of our climates.It comes only once in an year.During winter many plants flourish.There will be heavy snow during this season in our nature.

OUTPUT

Students Table

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 08:30:00 -0700

Main page
<html><head><title>frames</title></head><frameset rows="20%,*"><frame src="title.html"><frameset cols="20%,*"><frame src="link.html"><frame src="body.html" name="body"></frameset></frameset></html>

Side list
<html><body bgcolor="ivory"><a href="1.html"target="body">Student</a><br><a href="2.html"target="body">Teachers</a><br><a href="3.html"target="body">Departments</a><br><a href="4.html"target="body">Exam</a><br><a href="5.html"target="body">Picture Gallery</a><br></body></html>

title page
<html><body bgcolor="ivory"><center><h1>FarookCollege</h1><b>BSC COMPUTER SCIENCE</b></center></body></html>

table page
<html><body bgcolor="ivory"><h2>Students datails</h2><table bordercolor="black" cellpadding="5" cellspacing="10"><th>Roll no<th>Class<th>Name<th>paper1<th>paper2<th>paper3<th>paper4<th>Total</tr>
<tr><td>241<td>Comp sci<td>Afni<td>75<td>72<td>79<td>69<td>295</tr>
<tr><td>242<td>Comp sci<td>Hafeel<td>70<td>72<td>73<td>74<td>289</tr>
<tr><td>243<td>Comp sci<td>Irshad<td>78<td>78<td>78<td>71<td>305</tr>
<tr><td>244<td>Comp sci<td>karikk<td>78<td>70<td>78<td>75<td>301</tr>
<tr><td>245<td>Comp sci<td>Nabeel<td>72<td>73<td>75<td>80<td>290</tr>
<tr><td>246<td>Comp sci<td>Rafeeda<td>72<td>73<td>75<td>80<td>310</tr>
<tr><td>247<td>Comp sci<td>Shakir<td>75<td>73<td>73<td>72<td>295</tr>
<tr><td>248<td>Comp sci<td>Sumayya<td>78<td>70<td>80<td>75<td>303</tr>
<tr><td>249<td>Comp sci<td>Ammu<td>75<td>75<td>75<td>75<td>300</tr>
<tr><td>250<td>Comp sci<td>divya<td>80<td>80<td>80<td>80<td>320</tr></table></body></html>

other page:
<html><body bgcolor="ivory"><p><center><p>In 1948 farook college was founded to the light if darkness thet benighted a communiy cripplad by colonial pressure unparallelled in the history of region</p></p></body></html>

OUTPUT

Division of two numbers

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 08:21:00 -0700

<html><head><title>divide two numbers</title><script language="javascript"> function add()
{
text3.value=Number(text1.value)/Number(text2.value)alert("The div is"+text3.value)
}
</script>
</head><body bgcolor="ivory"><pre>Firstnumber<input id="text1"type="text"><br>Secondnumber<input id="text2"type="text"><br><input id="Button1" type="Button" value="Add"onclick="add()">Result<input id="text3"type="text"></pre></body></html>

OUTPUT

Add two numbers

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 08:11:00 -0700

<html><head><title>add two numbers</title>
<script language="javascript"> function add()
{
text3.value=Number(text1.value)+Number(text2.value)alert("The sum is"+text3.value)
}
</script>
</head><body bgcolor="ivory"><pre>Firstnumber<input id="text1"type="text"><br>Secondnumber<input id="text2"type="text"><br><input id="Button1" type="Button" value="Add"onclick="add()">Result<input id="text3"type="text"></pre></body></html>

OUTPUT:

College Home page

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 08:02:00 -0700

main page <html><head><title>FRAMES</title></head><frameset rows="20%,*"><frame src="title.html"><frameset cols="20%,*"><frame src="link.html"><frame src="body.html" name="body"></frameset></frameset></html>

body page
<html><body bgcolor="ivory"><center><img src="E:\Record\Record_IP\final_progs\web page 1\anu.jpg"width="200" height="150"></center><p>In 1948 farook college was founted to the light if darkness that benighted a community crippled by colonical pressure unparallelledin the history of region.It offer 14 under graduate and 13 at the postgraduate level.5 department are recognized reserch center.The college has beenaccredited at fivestar level by the NAAC.The college has been identified by the UGC as a college with potential for excellence,the only college under calicut univercity.</p> </body></html>

side links
<html><body bg="ivory"><a href="a.html" target="body"> HISTORY</a><br><a href="b.html" target="body"> fesilities</a><br><a href="dept.html" target="body"> departments</a><br><a href="c.html" target="body"> college union</a><br><a href="d.html" target="body"> picture gallery</a><br></body></html>

Title

<html><body bgcolor="ivory"><h1 align="center"><marquee behavior="alternate" bgcolor="yellow"><font color="gold">FARROK COLLEGE</font></marquee></h1></body></html>
OUTPUT:

Changing Background colour

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 07:54:00 -0700

<html><head><script language="javascript">var backcolor=new Array();backcolor[0]='#ff0000';backcolor[1]='#00ff00';backcolor[2]='#0000ff';backcolor[3]='#ffffff';backcolor[4]='#000000';backcolor[5]='#ffff00';backcolor[6]='ivory';function changeBG(whichColor){document.bgColor=backcolor[whichColor];}</script></head><body>Select backgroundcolor<select id="select1" style="width:171px"><option selected="selected" value="0">red</option><option value=1>green</option><option value=2>blue</option><option value=3>white</option><option value=4>black</option><option value=5>yellow</option><option value=6>ivory</option></select><p><input id="button1"type="button" value="setbackgroundcolor" onclick="changeBG(select1.value);"></p></body></html>

OUTPUT

Hyperlinks

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 07:27:00 -0700

/*replace the path put in this programm to your path and save all the link html file like "page1.html,page2.html..etc "in same folder that you save the home page*/
home page
<html><body background=C:\Documents and Settings\FAROOK CS\My Documents\My Webs\photogallery\photo9908\sample8.jpg"><html><h1 style="color:indigo;text-align:center;">HOME PAGE</h1><ul><li><a href="page1.html">page1</a></li><li><a href="page2.html">page2</a></li><li><a href="page3.html">page3</a></li><li><a href="page4.html">page4</a></li></ul></body></html> link1
<html><body style="background-color:blue"><h1 style="color:red">page1</h1></body></html>
link2
<html><body style="background-color:blue"><h1 style="color:red">page2</h1></body></html>
link3
<html><body style="background-color:blue"><h1 style="color:red">page3</h1></body></html>
link4
<html><body style="background-color:blue"><h1 style="color:red">page4</h1></body></html>

OUTPUT:

Different types of lists

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 02:13:00 -0700

<html><body bgcolor=seagreen><h1><center><font face="Script">Different types of Lists</font></center></h1> <b><u><font color=purple>FRUITS</font></b></u><ol type=1><b><li>Mango<li>Apple<li>Grape<li>Orange<li>Pineaple</ol><b><u><font color=purple>VEGETABLES</font></b></u><ul type=square><li>Ladiesfinger<li>Tomato<li>Potato<li>Onion<li>Chilly</ul><dl><dt><b><u><font color=purple>PROTEIN</font></b></u><dd>Essential item.<dt><b><u><font color=purple>CARBOHYDRATE</font></b></u><dd>Important item.</b></dl></body></html>

OUTPUT

Two Frames

noreply@blogger.com (Anoop) — Sun, 27 Jun 2010 01:32:00 -0700

main farme <html><frameset cols="50%,50%"><frame src="frame1.html"><frame src="frame2.html"></frameset></html> frame 1 <html><body bgcolor="red"><h1 style="color:yellow">FRAME 1</h1></body></html> frame 2 <html><body bgcolor="blue"><h1 style="color:yellow">FRAME 1</h1></body></html>

OUTPUT

Simple HTML document

noreply@blogger.com (Anoop) — Fri, 25 Jun 2010 10:29:00 -0700

<html><body><h1 ><U><i><font color="Red">THE FIRST HTML PROGRAM</font></i></U></h1><br><br><center><b><font face="Script" size=22 color=blue>This is <u>"Script"</u> font with color <u>blue</u> and <u>size 22</u> </font></center><br><br><b>Me Bold default font with all default value like color phace etc....</b></b></body></html>

OUTPUT