Test File: August 2014

Friday, 29 August 2014

calculator

<html>
<head>
<title>calculator</title>
</head>
<body>
<form name="change">
<table border="1" width="400" height="300" align="center">
<tr>
<td colspan="4"><input type="text" style="height:80px;font-size:40px; text-align:right;" name="sanam"</td>
</tr>
<tr>
<td><input type="button" value="1" onClick="change.sanam.value +='1' "></td>
<td><input type="button" value="2" onClick="change.sanam.value +='2' "></td>
<td><input type="button" value="3" onClick="change.sanam.value +='3' "></td>
<td><input type="button" value="+" onClick="change.sanam.value +='+' "></td>
</tr>
<tr>
<td><input type="button" value="4" onClick="change.sanam.value +='4' "></td>
<td><input type="button" value="5" onClick="change.sanam.value +='5' "></td>
<td><input type="button" value="6" onClick="change.sanam.value +='6' "></td>
<td><input type="button" value="-" onClick="change.sanam.value +='-' "></td>
</tr>
<tr>
<td><input type="button" value="7" onClick="change.sanam.value +='7' "></td>
<td><input type="button" value="8" onClick="change.sanam.value +='8' "></td>
<td><input type="button" value="9" onClick="change.sanam.value +='9' "></td>
<td><input type="button" value="*" onClick="change.sanam.value +='*' "></td>
</tr>
<tr>
<td><input type="button" value="C" onClick="change.sanam.value = '0' "></td>
<td><input type="button" value="0" onClick="change.sanam.value +='0' "></td>
<td><input type="button" value="=" onClick="change.sanam.value = eval(change.sanam.value) "></td>
<td><input type="button" value="/" onClick="change.sanam.value +='/' "></td>
</tr>
</table>
</form>
</body>
</html>

Thursday, 28 August 2014

gol mal pic

Wednesday, 27 August 2014

index1

<!doctype>
<html>
<head>
<title>WELCOME HTML</title>
</head>
<body>
<a href="1/2.jpg"><img src="1/2.jpg" border="10"></a>

<a href="1/3.jpg"><img src="1/3.jpg" border="10"></a>

<a href="1/7.jpg"><img src="1/7.jpg" border="10"></a>
<br>
<a href="1/6.png"><img src="1/6.png" width="300" height="250" border="10"></a>
<a href="1/8.png"><img src="1/8.png" width="300" height="250" border="10"></a>
<a href="1/5.png"><img src="1/5.png" width="300" height="250" border="10"></a>
</body>
</html>

index final

<!doctype>
<html>
<head>
<title>wellcome css</title>
<style>
body
{
background-color:#FFCC00;
background-image:url(maz.jpg);
}
#maindiv
{
width:990px;
height:1600px;
border:5px solid black;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#CC9900;
background-image:url(mazh.jpg);
}
#banner
{
width:990px;
height:250px;
border:px solid black;
position:absolute;
background-color:#FFCC00;
}
#menu
{
width:990px;
height:40px;
border:1px solid black;
position:absolute;
background-color:black;
margin-top:250px;
font-style:italic;
}
#news
{width:990px;
height:40px;
border:1px solid black;
position:absolute;
background-color:black;
margin-top:300px;
font-style:italic;
text-align:center;}
ul
{
list-style-type:none;
margin:0;
padding:0;
margin-left:auto;
}
li
{
float:left;
text-align:center;
}
a:link
{
display:block;
width:160.5px;
font-size:20px;
text-decoration:none;
line-height:40px;
color:white;
border-radius:40px;
}
a:hover
{
background-color:white;
color:#FFCC00;
text-decoration:underline;
}
a:active
{
color:blue;
}
a:visited
{
color:brown;
}
#slider
{
width:900px;
height:320px;
border:5px solid black;
position:absolute;
margin-top:370px;
margin-left:40px;
border-radius:px;}
#pic1
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:730px;
margin-left:70px;
border-radius:20px;
}
#pic2
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:730px;
margin-left:550px;
border-radius:30px;
}
#pic3
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1015px;
margin-left:70px;
border-radius:30px;

}
#pic4
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1015px;
margin-left:550px;
border-radius:30px;
}
#pic5
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1305px;
margin-left:70px;
border-radius:30px;
}
#pic6
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1305px;
margin-left:550px;
border-radius:30px;
}
</style>
</head>

<body>
<div id="maindiv">
<div id="banner">
<img src="1/1.jpg" width="990px" height="250">
</img>
</div>
<div id="menu">
<ul id="ul">
<li id="li"><a href="index.html">Home</a></li>
<li id="li"><a href="index1.html">Gallery</a>
</li>
<li id="li"><a href="index3.html">Educaion</a></li>
<li id="li"><a href="Makeup.html">Result</a></li>
<li id="li"><a href="Cosmetics.html">Students Loan</a></li>
<li id="li"><a href="Beauty.html">Contact Us</a></li>
</ul>
</div>
<div id="news">
<ul id="ul">
<li id="li"><a href="Home.html">Latest News</a></li>
<li id="li"><a href="Fashion.html"><marquee width="825" onMouseOver="stop ()" onMouseOut="start ()" direction="right"><img src="1/9.jpg" width="835" height="40">
</marquee></img></a></li>
</ul>
</div>
<div id="slider"><embed src="mas.swf" width="900px" height="320"></embed></div>
<div id="pic1"><a href="1/2.jpg"><img src="1/2.jpg"></a>
</div>
<div id="pic2"><a href="1/3.jpg"><img src="1/3.jpg"></a>
</div>
<div id="pic3"><a href="1/7.jpg"><img src="1/7.jpg"></a></div>
<div id="pic4"><a href="1/6.png"><img src="1/6.png" width="300" height="250"></a></div>
<div id="pic5"><a href="1/8.png"><img src="1/8.png" width="300" height="250"></a></div>
<div id="pic6"><a href="1/5.png"><img src="1/5.png" width="300" height="250"></a></div>
</div>
</body>
</html>

Monday, 25 August 2014

auto pic change

<head>

<script type="text/javascript">
var c=0;

function photoGallery()
{
if (c==1)
{

document.getElementById('photo-gallery').src = "1.jpg";
document.getElementById('check').innerHTML="2.jpg";

}
if (c==2){

document.getElementById('photo-gallery').src = "2.jpg";
document.getElementById('check').innerHTML="3.jpg";

}
if (c==3){

document.getElementById('photo-gallery').src = "3.jpg";
document.getElementById('check').innerHTML="4.jpg";

}

if(c>=3)
{
c=0;
}

c++;
setTimeout("photoGallery()",3000)
}

</script>

</head>
<body onLoad="photoGallery()">
<table border="1" align="center">
<tr>
<td><img src="images/1.jpg" id="photo-gallery" width="420" height="260" border="5"></td>
</tr>
<tr>
<td><h1 align="center" id="check">02.jpg</h1></td>
</tr>

</table>

</body>
</html>

Thursday, 21 August 2014

home work

<html>
<head>
<title>java script</title>
<script>
function abc1()
{
document.getElementById("change").src="images/1.jpg";
}
function abc2()
{
document.getElementById("change").src="images/2.jpg";
}
function abc3()
{
document.getElementById("change").src="images/3.jpg";
}
function abc4()
{
document.getElementById("change").src="images/4.jpg";
}
function abc5()
{
document.getElementById("change").src="images/5.jpg";
}
function abc6()
{
document.getElementById("change").src="images/6.jpg";
}
function abc7()
{
document.getElementById("change").src="images/7.jpg";
}
function abc8()
{
document.getElementById("change").src="images/8.jpg";
}
function abc9()
{
document.getElementById("change").src="images/9.jpg";
}
function abc10()
{
document.getElementById("change").src="images/10.jpg";
}
function abc11()
{
document.getElementById("change").src="images/11.jpg";
}
function abc12()
{
document.getElementById("change").src="images/12.jpg";
}
</script>
</head>
<body>
<center><img src="images/1.jpg" width="900" height="700" border="10" id="change">
<br>
<button onClick="abc1()">fashion 1</button>
<button onClick="abc2()">fashion 2</button>
<button onClick="abc3()">fashion 3</button>
<button onClick="abc4()">fashion 4</button>
<button onClick="abc5()">fashion 5</button>
<button onClick="abc6()">fashion 6</button>
<button onClick="abc7()">fashion 7</button>
<button onClick="abc8()">fashion 8</button>
<button onClick="abc9()">fashion 9</button>
<button onClick="abc10()">fashion 10</button>
<button onClick="abc11()">fashion 11</button>
<button onClick="abc12()">fashion 12</button>
</body>
</html>

Wednesday, 20 August 2014

button java

<html>

<title>java script</title>
<script>
function abc()
{
document.getElementById("check").align="left";}

function abc1()
{
document.getElementById("check").align="center";}

function abc2()
{
document.getElementById("check").align="right";}
function abc3()
{
document.getElementById("check1").color="red";}
function abc4()
{
document.getElementById("check1").color="blue";}
function abc5()
{
document.getElementById("check1").color="pink";}

</script>

</head>

<body>
<h1 id="check"><font id="check1">java script</font></h1>
<button onClick="abc()">left</button>
<button onClick="abc1()">center</button>
<button onClick="abc2()">right</button>
<button onClick="abc3()">red</button>
<button onClick="abc4()">blue</button>
<button onClick="abc5()">pink</button>

</body>
</html>

Tuesday, 19 August 2014

good work

<html>
<head>
<title>Result Card</title>

<script>
sr=1;

rollno=prompt("Type Your RollNo","");
name=prompt("Type Your Name","");
english=prompt("Type Your English Marks","");
math=prompt("Type Your Math Marks","");
urdu=prompt("Type Your Urdu Marks","");
total=300;
obtained=eval(english)+eval(math)+eval(urdu);
percentage=obtained*100/total;

if(percentage>30)
{
ans="Pass";
}
else
{
ans="Fail";
}

check=confirm("Are You Sure");
if(check==true)
{
document.write("<tabke>");
}
else
{
document.write("Result Not found");
}

document.write(check);
</script>
</head>

</html>

paste copy

<html>
<head>
<title>Result Card</title>
<script>

alert("welcome to Result card");
stname=prompt("Please Type Your Name","");
rollno=prompt("Please Type Your Rollno","");
english=prompt("Please Type Your English Marks","");
urdu=prompt("Please Type Your Urdu Marks","");
check=confirm("Are You Sure");
if(check==true)
{
document.write("<table border='1' width='400' align='center'><tr><td>Name</td><td>" + stname +" </td></tr><tr><td>RollNo</td><td>" + rollno +" </td></tr><tr><td>English</td><td>" + english +" </td></tr></table>");
}
else
{
document.write("Result Not found");
}

</script>
</head>
<body>

</body>
</html>

Sunday, 17 August 2014

java script

<html>
<head>
<title>java script</title>
<script>
a="Asif";
c=20359;
f=80;
h=65;
j=55;
total=300;
ob=h+f+j;
per=ob*100/total;
if(per>50)
{
ans="pass";
}
else
{ans="fail";
}
alert("welcome")
confirm("are you sure")
prompt("text")
</script>
</head>
<body>
<h1 align="center"><font color="#FF00FF">Result Card</font></h1>
<table border="1" height="" width="400" align="center">
<tr>
<td width="100">Name</td>
<td><script>document.write(a)</script></td>
</tr>
<tr>
<td width="100">Roll No</td>
<td><script>document.write(c)</script></td>
</tr>
<tr>
<td width="100">Urdu</td>
<td><script>document.write(f)</script></td>
</tr>
<tr>
<td width="100">English</td>
<td><script>document.write(h)</script></td>
</tr>
<tr>
<td width="100">Math</td>
<td><script>document.write(j)</script></td>
</tr>
<tr>
<td width="100">Total</td>
<td><script>document.write(total)</script></td>
</tr>
<tr>
<td width="100">obtained marks</td>
<td><script>document.write(ob)</script></td>
</tr>

<tr>
<td width="100">Percentage</td>
<td><script>document.write(per)</script></td>
</tr>
<tr>
<td width="100">Pass/Fail</td>
<td><script>document.write(ans)</script></td>
</tr>
</table>
</body>
</html>