Sunday, June 27, 2010

Create a student object using java script

Buzz It
<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

0 comments

Simple Form

Buzz It
<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
0 comments

Formatted paragraph with image

Buzz It
/*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

0 comments

Students Table

Buzz It
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
0 comments

Division of two numbers

Buzz It
<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
0 comments

Add two numbers

Buzz It
<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:
0 comments

College Home page

Buzz It
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:
0 comments

Changing Background colour

Buzz It
<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


0 comments

Hyperlinks

Buzz It
/*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:



0 comments

Different types of lists

Buzz It
<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


0 comments

Two Frames

Buzz It
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
0 comments

Friday, June 25, 2010

Simple HTML document

Buzz It
<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




0 comments