tag:blogger.com,1999:blog-35852014692739111422024-02-06T21:24:19.489-08:00Web Maker WorldAnonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.comBlogger13125tag:blogger.com,1999:blog-3585201469273911142.post-22418618569332552692017-05-27T20:44:00.000-07:002017-10-12T23:31:26.329-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>CSS 3D Transform Animation</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6oTzQ8rGnsgHGxdwsVYAtX6nNbZwmmTZRKOMrd6hn7yp1dXgibM3pFA8VLIK5VHED80NQK-qWYoZGE_K7eIXdUvZkwOHXbQak0glA1tGCQCse5sGZhElr9O1kdMcEkpxCQm0ldELLkz73/s1600/cube+rotation.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="655" data-original-width="1210" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6oTzQ8rGnsgHGxdwsVYAtX6nNbZwmmTZRKOMrd6hn7yp1dXgibM3pFA8VLIK5VHED80NQK-qWYoZGE_K7eIXdUvZkwOHXbQak0glA1tGCQCse5sGZhElr9O1kdMcEkpxCQm0ldELLkz73/s320/cube+rotation.PNG" width="320" /></a></div>
<br /></div>
<div style="text-align: left;">
<b><br /></b></div>
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>CSS3 3D Transform Animation</title><br />
<link rel="stylesheet" href="../style.css" /><br />
<link rel="stylesheet" href="mystyle.css" /><br />
</head><br />
<body><br />
<!-- Header --><br />
<header><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><h1>CSS3 3D Transform Animation</h1><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="clearfix"></div><br />
</header><br />
<br />
<!-- Content --><br />
<section id="wrapper"><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><!-- Title --><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><h2>Cube Rotation Effect</h2><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="notice support">Yes! Your browser <strong>DOES support CSS3 3D transforms</strong>.</div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="notice unsupport">Oops! It look like your browser <strong>DOESN'T support CSS3 3D transforms</strong>, please use <strong>Chrome</strong> or <strong>Safari</strong> to view this page.</div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><!-- Navigation --><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><nav id="navigation"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li class="current"><a href="#" title="Demo 1">DEMO</a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="clearfix"></div><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></nav><br />
<br />
<br />
<div id="viewStage"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="cube1" class="cube" ><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facefront fb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceback fb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceleft lr"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceright lr"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facetop tb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facebottom tb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="cube2" class="cube" ><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facefront fb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceback fb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceleft lr"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceright lr"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facetop tb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facebottom tb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="cube3" class="cube" ><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facefront fb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceback fb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceleft lr"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="faceright lr"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facetop tb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="facebottom tb"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
</div><br />
</section><br />
<!-- Footer --><br />
<footer><span style="white-space: pre;"> </span><br />
</footer><br />
</body><br />
<br />
</html><br />
<br />
<b><a href="https://app.box.com/s/hjfj71v1zltqoxmmbrmwombfnm1zni6f" target="_blank">Download:</a></b></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-39544339043929572142017-05-25T03:43:00.001-07:002017-05-25T03:43:42.040-07:00CSS3 Buttons<div dir="ltr" style="text-align: left;" trbidi="on">
Coding:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHK1NTe_1D8YE_jcCJgjyRGTi8b9M4bwdh75AidBiHdJeybIEudBTxHR5jZbE9Q72_ucjqCfLrld8_-Wb-bmMwBpKPjZfP9t9_AqbrsBqbUCbelWOq6efVbm9bV-QlIxPIjhGFJFak1_8F/s1600/buttons.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="344" data-original-width="665" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHK1NTe_1D8YE_jcCJgjyRGTi8b9M4bwdh75AidBiHdJeybIEudBTxHR5jZbE9Q72_ucjqCfLrld8_-Wb-bmMwBpKPjZfP9t9_AqbrsBqbUCbelWOq6efVbm9bV-QlIxPIjhGFJFak1_8F/s400/buttons.PNG" width="400" /></a></div>
<br />
<br />
<!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta charset="utf-8"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><title>CSS3 Buttons</title><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><!-- Stylesheets --><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><link href="buttons.css" rel="stylesheet" media="screen"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><style type="text/css">/* preview page style */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>body{background:url(img/bg.jpg) center no-repeat;width:1000px;margin:0 auto;}#css,#psd{width:500px;margin:0 auto;}#css{width:550px;padding-top:15px;}a.button{margin-left:69px;}a.big{margin-left:10px;margin-bottom:30px;}hr{border-color:#666;margin-top:50px;}#css img {margin-left:20px;}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></style><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta name="robots" content="noindex,follow" /><br />
</head><br />
<body><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src="img/title.png" alt="title image"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="css"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src="img/css.png" alt="title image"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="button big green">sign in <span>One minute</span></a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="button big blue">sign in <span>One minute</span></a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="button big gray">sign in <span>One minute</span></a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="button green">button</a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="button blue">button</a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="button gray">button</a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><hr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="psd"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src="img/psd.png" alt="title image"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src="img/psd-preview.png" alt="title image"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
</html><br />
<br />
<b>Button.css</b><br />
<b><br /></b>
.button {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: inline-block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position: relative;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 10px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0 20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align: center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-shadow: 1px 1px 1px rgba(255,255,255,.22);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: bold 12px/25px Arial, sans-serif;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 30px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 30px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius: 30px;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-transition: all 0.15s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-transition: all 0.15s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-transition: all 0.15s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-transition: all 0.15s ease;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>transition: all 0.15s ease;<br />
}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.button:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.button:active {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
/* Big Button Style */<br />
<br />
.big {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0 40px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-top: 10px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 45px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-transform: uppercase;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: bold 20px/22px Arial, sans-serif;<br />
}<br />
<br />
.big span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-transform: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: italic normal 12px/18px Georgia, sans-serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-shadow: 1px 1px 1px rgba(255,255,255, .12);<br />
}<br />
<br />
/* Green Color */<br />
<br />
.green {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #3e5706;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #a5cd4e; /* Old browsers */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* W3C */<br />
}<br />
<br />
/* Blue Color */<br />
<br />
.blue {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #19667d;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #70c9e3; /* Old browsers */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -moz-linear-gradient(top, #70c9e3 0%, #39a0be 100%); /* FF3.6+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -o-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -ms-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* IE10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* W3C */<br />
}<br />
<br />
/* Gray Color */<br />
<br />
.gray {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #515151;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #d3d3d3; /* Old browsers */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -o-linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -ms-linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* W3C */<br />
<br />
}</div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-60914021321050581622017-05-24T01:05:00.000-07:002017-05-23T05:26:13.903-07:00Update Price Value<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF8Nn4jyN6REKzIQV3BvjbJWjE-RbFmFkHuA9fiyHUNnmUYow4gz4-mNNvxpAngOUaRuNJJXBJ2KZ77643Zwn9jAwWhcDXReY_fd7rBpP1f89mjoc7hhrKwbtfqkZvv5RGs-GQcKdN20VQ/s1600/calculate+price.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF8Nn4jyN6REKzIQV3BvjbJWjE-RbFmFkHuA9fiyHUNnmUYow4gz4-mNNvxpAngOUaRuNJJXBJ2KZ77643Zwn9jAwWhcDXReY_fd7rBpP1f89mjoc7hhrKwbtfqkZvv5RGs-GQcKdN20VQ/s640/calculate+price.png" width="640" /></a></h3>
<b>index.php</b><br />
<br />
<html><br />
<head><br />
<title>Ajax Multiply Example</title><br />
</head><br />
<body><br />
<h1 align="center"><font color="#000080">Online shopping</font></h1><br />
<form name="f1"> <br />
<strong>Item</strong>&nbsp;&nbsp;<strong>Qty</strong>&nbsp;&nbsp;<br />
<strong>Price</strong>&nbsp;&nbsp;<strong>Subtotal</strong><br />
<hr><br />
<?php<br />
$cnt=mysql_connect("localhost","root","");<br />
$s=mysql_select_db("shopping",$cnt);<br />
$w=mysql_query("select * from total where item='samsung'");<br />
while($r=mysql_fetch_array($w))<br />
{ <br />
?><br />
<strong><?php echo $r['item']; ?></strong>&nbsp;&nbsp;<br />
<strong><input name="a" id="a" value="<?php echo $r['quantity']; ?>"<br />
style="border:0px;width:30px;"></strong><br />
<strong><input name="b" id="b" value="<?php echo $r['price']; ?>"<br />
style="border:0px;"></strong><br />
<b><input name="result" id="result" value="<?php echo $r['subtotal']; ?>"<br />
style="border:0px;margin-left:0px;"></b><br><br />
<strong></strong>&nbsp;&nbsp;<strong >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<input type="button" value="change" onClick="callMultiply()" name="showmultiply"<br />
style="border:0px solid red;background:#FFF;" id="save" ></strong><br />
<?php<br />
}<br />
?><br />
</form><br />
</body><br />
</html><br />
<b><br /></b>
<b>style.css</b><br />
<br />
strong<br />
{<br />
margin-left:80px;<br />
}<br />
a hover:a<br />
{<br />
text-decoration:overline;<br />
}<br />
<br />
<b>valid.css</b><br />
<br />
function postRequest(strURL){<br />
document.f1.showmultiply.value="save";<br />
var xmlHttp;<br />
if(window.XMLHttpRequest){ // For Mozilla, Safari, ...<br />
var xmlHttp = new XMLHttpRequest();<br />
}<br />
else if(window.ActiveXObject){ // For Internet Explorer<br />
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");<br />
}<br />
xmlHttp.open('POST', strURL, true);<br />
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');<br />
xmlHttp.onreadystatechange = function(){<br />
if (xmlHttp.readyState == 4){<br />
updatepage(xmlHttp.responseText);<br />
}<br />
}<br />
xmlHttp.send(strURL);<br />
}<br />
function updatepage(str){<br />
document.getElementById('result').value = str;<br />
}<br />
function callMultiply(){<br />
var a = parseInt(document.f1.a.value);<br />
var b = parseInt(document.f1.b.value);<br />
var url = "multiply.php?a=" + a + "&b=" + b + "";<br />
postRequest(url);<br />
}<br />
<br />
<b>Output:</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgrj3tnSDqEU9GsB2EFOWV6OoXWdBmusrQZJIYJhsEWviNEJbKBTkIZbTzjj_KYgZBZZnKMg7XgiWNTFdQMTd5OZdcfTLs6RFHm-rZvkJ0hOuJ6H3FEY0VAgqF61F7bRbkuZAmoSDiInB/s1600/quantity.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgrj3tnSDqEU9GsB2EFOWV6OoXWdBmusrQZJIYJhsEWviNEJbKBTkIZbTzjj_KYgZBZZnKMg7XgiWNTFdQMTd5OZdcfTLs6RFHm-rZvkJ0hOuJ6H3FEY0VAgqF61F7bRbkuZAmoSDiInB/s1600/quantity.png" /></a></div>
<b>--------------------------------------------------------------------------------------------------------------------------</b><br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-25546678008948511062017-05-23T02:12:00.000-07:002017-05-23T05:24:00.507-07:00FadeOutBottom<div dir="ltr" style="text-align: left;" trbidi="on">
This is a cool effect where the bottom of the page seems to fade out. The technique makes use of an fixed position div (bottom: 0px;) with a transparent PNG image and a high z-index value. There is also a fix in place for IE 6.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6X0yZqIwaZ0oz6AgxwVNOHNYb5IBm4K6cJC88uMpYDAAIxp10rPI3GJmyk0ngwItGTMU20olL6azn5j87ITyQ3rrVFbL4KsL7JEdJqSUh4nNr7OWY9K_4L9em39wdi19tgTDMVpc2OZXF/s1600/fadeout.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6X0yZqIwaZ0oz6AgxwVNOHNYb5IBm4K6cJC88uMpYDAAIxp10rPI3GJmyk0ngwItGTMU20olL6azn5j87ITyQ3rrVFbL4KsL7JEdJqSUh4nNr7OWY9K_4L9em39wdi19tgTDMVpc2OZXF/s1600/fadeout.PNG" /></a></div>
<br />
<br />
<b>Index.html</b><br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"><br />
<head><br />
<title>Fade Out Bottom</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<!--[if lte IE 6]><br />
<br />
<style type="text/css" media="screen"><br />
#bottom_fade<br />
{<br />
background: none;<br />
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bottom-fade.png',sizingMethod='scale');<br />
left: 0px;<br />
height: 200px;<br />
position: absolute;<br />
bottom: -18px;<br />
width: expression(document.body.clientWidth);<br />
}<br />
html, body {<br />
height: 100%; overflow: auto;<br />
}<br />
</style><br />
<![endif]--><br />
<br />
</head><br />
<body><br />
<br />
<div id="page_wrap"><br />
<h1>Fade Out Bottom</h1><br/><br />
<p><br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<br />
when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR/><BR/><br />
<br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<br />
when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR/><BR/><br />
<br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<br />
when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR/><BR/><br />
<br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<br />
when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR/><BR/><br />
<br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<br />
when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR/><BR/><br />
<br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<br />
when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR/><BR/><br />
</p><br />
<div id="bottom_fade"></div><br />
</div><br />
<br />
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"><br />
</script><br />
<script type="text/javascript"><br />
_uacct = "UA-68528-29";<br />
urchinTracker();<br />
</script><br />
</body><br />
</html><br />
<br />
<b>style.css</b><br />
<br />
* {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 0;<br />
}<br />
<br />
body<br />
{<br />
font-family: "Lucida Grande", Georgia, sans-serif;<br />
font-size: 67.5%;<br />
}<br />
<br />
p<br />
{<br />
font-size: 1.1em;<br />
line-height: 1.6em;<br />
}<br />
<br />
#page_wrap<br />
{<br />
width: 600px;<br />
z-index: 1;<br />
margin: 10px auto;<br />
}<br />
<br />
#bottom_fade<br />
{<br />
width: 600px;<br />
height: 200px;<br />
z-index: 99;<br />
position: fixed;<br />
bottom: 0px;<br />
background: url("bottom-fade.png") bottom center no-repeat;<br />
}<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-53735685485565320372017-04-09T08:40:00.002-07:002017-05-23T05:20:49.632-07:00Display values from 1 form to another form<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAYlWY-GOXEnZ20keLThEe92319a_H8Bf13XjjmcA_jyNvyf9XmiVg-_cPpd1gfKVbGHEHMiEyAR4qPePCR0moapdheRAJgYWDbCrC_P4FKy1yUSJreqO9s9jZz52qFSvMtUEE_p-zMWy/s1600/form1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAYlWY-GOXEnZ20keLThEe92319a_H8Bf13XjjmcA_jyNvyf9XmiVg-_cPpd1gfKVbGHEHMiEyAR4qPePCR0moapdheRAJgYWDbCrC_P4FKy1yUSJreqO9s9jZz52qFSvMtUEE_p-zMWy/s640/form1.PNG" width="640" /></a></div>
<br />
<br />
<br />
<b>Index.php</b><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Untitled Document</title><br />
<script language="JavaScript"><br />
function url_validate(userUrl)<br />
{<br />
var regUrl = /^(((ht|f){1}(tp:[/][/]){1})|((www.))){1}[-a-zA-Z0-9@:%_\+.~#?&//=]+$/;<br />
if(regUrl.test(userUrl) == false)<br />
{<br />
document.getElementById("status").innerHTML = "Website URL is not valid yet.";<br />
}<br />
else<br />
{<br />
document.getElementById("status").innerHTML = "You have entered a valid website URL!";<br />
}<br />
}<br />
</script><br />
</head><br />
<body><br />
<form name="form1" method="post" action="demo.php"><br />
<p>First Name<input type="text" name="name" value="" required="required" /><br />
Last Name<input type="text" name="last" value="" required="required" /><br />
url<input type="text" name="url" value="" onkeyup="url_validate(this.value);"/><br />
<em id="status"></em><br />
</p><br />
<p><input type="submit" name="sudmit" value="submit" /></p><br />
</form><br />
</body><br />
</html><br />
<br />
<b>Demo.php</b><br />
<br />
<?php<br />
$name=$_POST['name'];<br />
$last=$_POST['last'];<br />
$url=$_POST['url'];<br />
?><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Untitled Document</title><br />
</head><br />
<body><br />
<form name="form2" method="post" action=""><br />
<p>First Name<input type="text" name="name" value="<?php echo $name; ?>" /><br />
Last Name<input type="text" name="last" value="<?php echo $last ?>" /><br />
<a href="<?php echo $url; ?>"><?php echo $url; ?></a><br />
</p><br />
<p><input type="submit" name="sudmit" value="submit" /></p><br />
</form><br />
</body><br />
</html><br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-73330395344071780922013-10-23T03:26:00.000-07:002017-05-23T05:25:33.181-07:00How to Upload Files / Images In Database<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
</h3>
Here we are going to see how to upload files or images in <span style="background-color: #f1c232;">database</span> using insert query. It's very easy to <span style="background-color: #f1c232;">insert</span> your images in database, while uploading your image you must enter <span style="background-color: #ffd966;">enctype="multipart/form-data"</span> in the form, otherwise it will not work. Find the steps below:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh-UxA9xfOBBm0Cmy_UNCH28XvAAC2Po_oiu86fv47AbO2-yhQQBuEi6sCbzBBacZQyb-9r0chkeNslQ9QKunt_ON0G0rauTI7BPsPD2cbtmN2X87iQvRGXXHzulPk52xQpVIaTysjE3Ee/s1600/upload.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh-UxA9xfOBBm0Cmy_UNCH28XvAAC2Po_oiu86fv47AbO2-yhQQBuEi6sCbzBBacZQyb-9r0chkeNslQ9QKunt_ON0G0rauTI7BPsPD2cbtmN2X87iQvRGXXHzulPk52xQpVIaTysjE3Ee/s1600/upload.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<b>Code:</b><br />
<div>
<br /></div>
<div>
<form name="form" method="post" action="" enctype="multipart/form-data"></div>
<div>
<h1>Upload Image</h1></div>
<div>
<p>File Upload : <input name="file" type="file" value="" /></p> </div>
<div>
<p><input type="submit" name="submit" value="submit" /></p> </div>
<div>
</form>
<br />
<br />
<b> insert Query:</b></div>
<div>
<br /></div>
<div>
<?php </div>
<div>
include('database.php'); </div>
<div>
if(isset($_POST['submit'])) </div>
<div>
{
$name=$_FILES['file']['name']; </div>
<div>
$type=$_FILES['file']['type']; </div>
<div>
$size=$_FILES['file']['size']; </div>
<div>
$temp_name=$_FILES['file']['tmp_name']; </div>
<div>
$dir="uploads/.$name"; </div>
<div>
move_uploaded_file($temp_name,$dir); </div>
<div>
$insert=mysql_query("insert into upload(name,type,size,location) values('$name','$type','$size','$temp_name')");</div>
<div>
}</div>
<div>
}</div>
<div>
?> </div>
<div>
<br />
if you want to insert a particular type of image in your database, use if condition to check whether this image will satisfy the conditions or not. If it satisfies the condition then the image will be inserted into database otherwise it will shows the error message.<br />
<div>
<b><br /></b></div>
<div>
<span style="color: blue;"><b>condition to check image: </b></span></div>
<div>
<br />
if(($type="image/png") || ($type="image/jpeg") || ($type="image/jpg")) </div>
<div>
{</div>
<div>
$dir="uploads/.$name"; </div>
<div>
move_uploaded_file($temp_name,$dir); </div>
<div>
$insert=mysql_query("insert into upload(name,type,size,location) <br />
values('$name','$type','$size','$temp_name')"); </div>
<div>
}<br />
<h3 style="text-align: left;">
<span style="background-color: transparent;"><i><span style="color: blue;">Database:</span></i></span></h3>
<div>
<span style="background-color: transparent;"><i><span style="color: blue;"><br /></span></i></span></div>
<div>
<i><span style="color: #134f5c;">Database Name : image_upload</span></i></div>
<div>
<i><span style="color: #134f5c;">Database Table Name : upload</span></i></div>
<div>
<i><span style="color: magenta;"><br />
</span></i></div>
<div>
<i><span style="color: blue;"><b>Connect file:</b></span></i></div>
<br />
<?php </div>
<div>
$hostname="localhost"; </div>
<div>
$user="root";
$pwd="";
</div>
<div>
$cnt=mysql_connect($hostname,$user,$pwd); </div>
<div>
$select_db=mysql_select_db("image_upload",$cnt); </div>
<div>
?></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-64977157786427313902013-07-23T03:46:00.000-07:002017-05-23T05:31:41.141-07:00 Get monthly (month wise) data or year wise data from database<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<b>Output</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP98eWUyjwk0h5Kso9zuEbOyfScJ5DpAUG-3PBokcP4SMoxHdV73TdiMt0nqPYw-U5aqEiAFDsaTRRf-4kJLSdQcF-9kB3Ow0N6ztMuPESEAO3z8cgLShOhHC-eGK-000jYnVCezbpNeG_/s1600/MONTH+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="329" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP98eWUyjwk0h5Kso9zuEbOyfScJ5DpAUG-3PBokcP4SMoxHdV73TdiMt0nqPYw-U5aqEiAFDsaTRRf-4kJLSdQcF-9kB3Ow0N6ztMuPESEAO3z8cgLShOhHC-eGK-000jYnVCezbpNeG_/s400/MONTH+copy.jpg" width="400" /></a></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue; font-size: large;"><b>Fetch Data Year Wise:</b></span></span></div>
<div background:="" color:="" fff="" style="text-align: left;" trbidi="on<pre style=">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span>
<br />
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><?php</span></span></div>
<br />
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$cc<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_connect</span>(<span style="color: #00a33f;">"127.0.0.1"</span>,<span style="color: #00a33f;">"root"</span>,<span style="color: #00a33f;">""</span>);</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$t<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_select_db</span>(<span style="color: #00a33f;">"maha"</span>,$cc);</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$det<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_query</span>(<span style="color: #00a33f;">"select * from freelisting where last_update > DATE_SUB(NOW(),INTERVAL 1 YEAR) order by fid "</span>);</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="color: #ff5600; font-size: large;"> while</span><span style="font-size: large;">($r<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_fetch_array</span>($det))</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">{</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$n<span style="color: #ff5600;">=</span>$r[<span style="color: #00a33f;">'person'</span>];</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$c<span style="color: #ff5600;">=</span>$r[<span style="color: #00a33f;">'city'</span>];</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$id<span style="color: #ff5600;">=</span>$r[<span style="color: #00a33f;">'fid'</span>];</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$rtt<span style="color: #ff5600;">=</span>$r[<span style="color: #00a33f;">'last_update'</span>];</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">}</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">?></span></span></div>
</div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue; font-size: large;">Fetch Data Month Wise:</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$det<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_query</span>(<span style="color: #00a33f;">"select * from freelisting where last_update > DATE_SUB(NOW(),INTERVAL 1 month) order by fid "</span>); </span></span></div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue; font-size: large;">Fetch Data Week Wise:</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$det<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_query</span>(<span style="color: #00a33f;">"select * from freelisting where last_update > DATE_SUB(NOW(),INTERVAL 1 week) order by fid "</span>); </span></span></div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue; font-size: large;">Fetch Data Day Wise:</span></span></div>
<div style="text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;">$det<span style="color: #ff5600;">=</span><span style="color: #a535ae;">mysql_query</span>(<span style="color: #00a33f;">"select * from freelisting where last_update > DATE_SUB(NOW(),INTERVAL 1 day) order by fid "</span>);
</span></span></div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<br /></div>
<br />
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-align: left;">
<span style="color: #990000;">Download coding : <a href="https://app.box.com/s/lth137aplkrgmxcbdgq9" target="_blank">Fetch Data From Database like month or year wise</a></span></div>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-21883023118665315442013-07-22T04:34:00.000-07:002017-04-07T00:55:24.298-07:00How to Insert Textbox within Alert Box<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
When you click comment,you will get Input type within alert Box</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjknZAIddEkM6J_5fnbHfHSrBwOSh5t96Vv38scXJhI7U5k7WaQtWpPXjQuZrR0IzHn_560BDoJQAMf6y6ViAcMSFEO5aEGkM8tz6a6T4i3x5Zm6QYOaG_J-Yss-GOfmxZ-IHgW0gtF3CO9/s1600/Untitled-1+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjknZAIddEkM6J_5fnbHfHSrBwOSh5t96Vv38scXJhI7U5k7WaQtWpPXjQuZrR0IzHn_560BDoJQAMf6y6ViAcMSFEO5aEGkM8tz6a6T4i3x5Zm6QYOaG_J-Yss-GOfmxZ-IHgW0gtF3CO9/s640/Untitled-1+copy.jpg" /></a></div>
<i>Coding:</i><br />
<br />
<pre style="background: #fff; color: black;"><span style="color: #1c02ff;"><<span style="font-weight: 700;">form</span> <span style="font-style: italic;">name</span>=<span style="color: #036a07;">"myForm"</span>></span>
<span style="color: #1c02ff;"><<span style="font-weight: 700;">div</span> <span style="font-style: italic;">class</span>=<span style="color: #036a07;">"d"</span>></span>
<span style="color: #1c02ff;"><<span style="font-weight: 700;">p</span>></span><span style="color: #1c02ff;"><<span style="font-weight: 700;">span</span> <span style="font-style: italic;">onclick</span>=<span style="color: #036a07;">"var newtextarea=window.prompt('Enter the message');"</span>></span>Comment<span style="color: #1c02ff;"></<span style="font-weight: 700;">span</span>></span> <span style="color: #1c02ff;"></<span style="font-weight: 700;">p</span>></span>
<span style="color: #1c02ff;"></<span style="font-weight: 700;">div</span>></span>
<span style="color: #1c02ff;"></<span style="font-weight: 700;">form</span>></span> </pre>
<pre style="background: #fff; color: black;"> </pre>
<pre style="background: #fff; color: black;"><span style="font-family: "times" , "times new roman" , serif;"><a href="https://app.box.com/s/coysgb05h82b1atw060c" target="_blank"><span style="font-size: large;"><i><span style="color: #660000;">Download Coding: </span></i></span></a></span></pre>
</div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-44744377563383083172013-06-03T05:00:00.000-07:002017-05-23T05:30:42.242-07:00Filter Concept<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKUph8aUfiv4stVc68tGyu-smmDaNp560VGBGGBVVhw-U6UVwZ8vKKatRJq1F3IDL_Lu2SOFyDOh5BmmPCq9CAW4ddp1Vq1px0ufYzb6wOspGMiS5H97XO81arKzy65cgS81AmfcIgBTuM/s1600/comment.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKUph8aUfiv4stVc68tGyu-smmDaNp560VGBGGBVVhw-U6UVwZ8vKKatRJq1F3IDL_Lu2SOFyDOh5BmmPCq9CAW4ddp1Vq1px0ufYzb6wOspGMiS5H97XO81arKzy65cgS81AmfcIgBTuM/s640/comment.png" width="640" /></a></div>
Index.php</div>
<pre style="background: #fdf6e3; color: #586e75;"><span style="color: #899090; font-style: italic;"><span style="color: #93a1a1;"><!</span><span style="color: #899090; font-style: italic;">DOCTYPE</span> html PUBLIC <span style="color: #899090; font-style: italic;">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span style="color: #899090; font-style: italic;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #93a1a1;">></span></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">html</span> <span style="color: #93a1a1;">xmlns</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>http://www.w3.org/1999/xhtml<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">head</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">meta</span> <span style="color: #93a1a1;">http</span>-<span style="color: #93a1a1;">equiv</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>Content-Type<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">content</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text/html; charset=utf-8<span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">title</span><span style="color: #93a1a1;">></span>Filter Concepts<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">title</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">head</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">body</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">form</span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>form<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">method</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>post<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">action</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">onsubmit</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>return validation();<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">h1</span> <span style="color: #93a1a1;">align</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>center<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">style</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>color:#03C;<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span>Student Records<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">h1</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">div</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>container<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Name <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>name<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>name<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Roll No <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>rollno<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>rollno<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">></span> <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>D.O.B <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>dob<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>dob<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span> <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Tamil <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>tamil<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span>/<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>tamil<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>English <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>english<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>english<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">></span> <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Maths <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>maths<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>maths<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Science <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>science<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>science<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Social Science <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>social<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>social<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span>Total Marks <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">strong</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>text<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>total<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span><span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">em</span> <span style="color: #93a1a1;">id</span><span style="color: #708284;">=</span><span style="color: #269186;"><span style="color: #269186;">"</span>total<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">></</span><span style="color: #268bd2; font-weight: 700;">em</span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">p</span> <span style="color: #93a1a1;">style</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>margin-left:300px;<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>submit<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>submit<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>submit<span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">a</span> <span style="color: #93a1a1;">href</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>view.php<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>button<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>view<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>view<span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span> <span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">a</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">a</span> <span style="color: #93a1a1;">href</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>search.php<span style="color: #269186;">"</span></span><span style="color: #93a1a1;">></span><span style="color: #93a1a1;"><</span><span style="color: #268bd2; font-weight: 700;">input</span> <span style="color: #93a1a1;">type</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>button<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">name</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>search<span style="color: #269186;">"</span></span> <span style="color: #93a1a1;">value</span>=<span style="color: #269186;"><span style="color: #269186;">"</span>search<span style="color: #269186;">"</span></span> /<span style="color: #93a1a1;">></span><span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">a</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">p</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">div</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">body</span><span style="color: #93a1a1;">></span>
<span style="color: #93a1a1;"></</span><span style="color: #268bd2; font-weight: 700;">html</span><span style="color: #93a1a1;">></span>
</pre>
</div>
<br />
style:<br />
<br />
<pre style="background: #fff; color: black;"><style type=<span style="color: #00a33f;">"text/css"</span>>
Body{<span style="color: #a535ae;">background</span>:#CC9;
}
#container{<span style="color: #a535ae;">margin</span>:0 <span style="color: #a535ae;">auto</span>;
<span style="color: #a535ae;">background</span>:#CC9;
<span style="color: #a535ae;">border</span>:10<span style="color: #ff5600;">px</span> <span style="color: #a535ae;">solid</span> <span style="color: #a535ae;">gray</span>;
<span style="color: #a535ae;">width</span>:50<span style="color: #ff5600;">%</span>;
<span style="color: #a535ae;">height</span>:500PX;
<span style="color: #a535ae;">border-radius</span>:20<span style="color: #ff5600;">px</span>;}
p
{
<span style="color: #a535ae;">color</span>:#000;
<span style="color: #a535ae;">margin</span>:3<span style="color: #ff5600;">%</span> <span style="color: #a535ae;">auto</span>;
<span style="color: #a535ae;">margin-left</span>:200<span style="color: #ff5600;">px</span>;
}
</style>
</pre>
</div>
<br />
JS:<br />
<br />
<pre style="background: #fff; color: black;"><script type=<span style="color: #00a33f;">"text/javascript"</span>>
<span style="color: #ff5600;">function</span> <span style="color: #21439c;">validation</span>()
{
<span style="color: #ff5600;">var</span> name<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.<span style="color: #a535ae;">name</span>.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(name<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> name<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur Name"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.<span style="color: #a535ae;">name</span>.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> rollno<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.rollno.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(rollno<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> rollno<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur Rollno"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.rollno.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> dob<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.dob.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(dob<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> dob<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter ur DOB"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.dob.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> tamil<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.tamil.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(tamil<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> tamil<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'tamil'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter ur Tamil Mark"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.tamil.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> english<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.english.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(english<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> english<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'tamil'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'english'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur mark"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.english.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> maths<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.maths.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(maths<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> maths<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'tamil'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'english'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'maths'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur mark"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.maths.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> science<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.science.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(science<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> science<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'tamil'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'english'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'maths'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'science'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur mark"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.science.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> social<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.social.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(social<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> social<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'tamil'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'english'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'maths'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'science'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'social'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur mark"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.social.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
<span style="color: #ff5600;">var</span> total<span style="color: #ff5600;">=</span><span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.total.<span style="color: #a535ae;">value</span>;
<span style="color: #ff5600;">if</span>(total<span style="color: #ff5600;">==</span><span style="color: #00a33f;">""</span> <span style="color: #ff5600;">||</span> total<span style="color: #ff5600;">==</span><span style="color: #00a33f;">"null"</span>)
{
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'name'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'rollno'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'dob'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'tamil'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'english'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'maths'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'science'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'social'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">""</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>(<span style="color: #00a33f;">'total'</span>).innerHTML<span style="color: #ff5600;">=</span><span style="color: #00a33f;">"Enter Ur mark"</span>;
<span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">form</span>.total.<span style="color: #a535ae;">focus</span>();
<span style="color: #ff5600;">return</span> <span style="color: #a535ae;">false</span>;
}
}
</script>
</pre>
</div>
<br />
php:<br />
<br />
<pre style="background: #fdf6e3; color: #586e75;"><span style="color: #bd3613;"><span style="color: #d30102;"><?php</span>
<span style="color: #268bd2;"><span style="color: #859900;">$</span>cnt</span><span style="color: #859900;">=</span><span style="color: #268bd2;">mysql_connect</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span>localhost<span style="color: #c60000;">"</span></span>,<span style="color: #269186;"><span style="color: #c60000;">"</span>root<span style="color: #c60000;">"</span></span>,<span style="color: #269186;"><span style="color: #c60000;">"</span><span style="color: #c60000;">"</span></span>);
<span style="color: #268bd2;"><span style="color: #859900;">$</span>select_db</span><span style="color: #859900;">=</span><span style="color: #268bd2;">mysql_select_db</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span>filter<span style="color: #c60000;">"</span></span>,<span style="color: #268bd2;"><span style="color: #859900;">$</span>cnt</span>);
<span style="color: #859900;">if</span>(<span style="color: #a57800;">isset</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>submit<span style="color: #c60000;">'</span></span>]))
{
<span style="color: #268bd2;"><span style="color: #859900;">$</span>name</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>name<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>rollno</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>rollno<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>dob</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>dob<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>tamil</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>tamil<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>english</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>english<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>maths</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>maths<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>science</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>science<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>social</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>social<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>total</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>total<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;">print_r</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>);
<span style="color: #268bd2;"><span style="color: #859900;">$</span>insert</span><span style="color: #859900;">=</span><span style="color: #268bd2;">mysql_query</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span>insert into filter_tbl(name,rollno,dob,tamil,english
maths,science,social,total) values('<span style="color: #268bd2;"><span style="color: #859900;">$</span>name</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>rollno</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>dob</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>tamil</span>',
'<span style="color: #268bd2;"><span style="color: #859900;">$</span>english</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>maths</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>science</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>social</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>total</span>')<span style="color: #c60000;">"</span></span>,<span style="color: #268bd2;"><span style="color: #859900;">$</span>cnt</span>);
<span style="color: #859900;"> if</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>insert</span>)
{
<span style="color: #268bd2;">header</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span>location:index.php<span style="color: #c60000;">"</span></span>);
}
}
<span style="color: #d30102;">?></span></span>
</pre>
</div>
<br />
search.php<br />
<br />
<pre style="background: #f9f9f9; color: #080808;"><!<span style="color: #bf4f24;">DOCTYPE</span> html PUBLIC <span style="color: #0b6125;">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span style="color: #0b6125;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span>>
<<span style="color: #bf4f24;">html</span> <span style="color: #bf4f24;">xmlns</span>=<span style="color: #0b6125;">"http://www.w3.org/1999/xhtml"</span>>
<<span style="color: #bf4f24;">head</span>>
<<span style="color: #bf4f24;">meta</span> <span style="color: #bf4f24;">http-equiv</span>=<span style="color: #0b6125;">"Content-Type"</span> <span style="color: #bf4f24;">content</span>=<span style="color: #0b6125;">"text/html; charset=utf-8"</span> />
<<span style="color: #bf4f24;">title</span>>Search</<span style="color: #bf4f24;">title</span>>
<<span style="color: #bf4f24;">style</span>>
<span style="color: #bf4f24;">#container</span>{margin:0 auto;
background:#999;
border:10px solid gray;
width:50%;
height:auto;
margin:5% auto;
border-radius:20px;}
<span style="color: #bf4f24;">p</span>
{
margin:3% auto;
margin-left:100px;
border:0px solid red;
}
<span style="color: #bf4f24;">#header</span>
{
margin:6% auto;
margin-left:10px;
}
</<span style="color: #bf4f24;">style</span>>
</<span style="color: #bf4f24;">head</span>>
<<span style="color: #bf4f24;">body</span>>
<<span style="color: #bf4f24;">form</span> <span style="color: #bf4f24;">name</span>=<span style="color: #0b6125;">"form"</span> <span style="color: #bf4f24;">method</span>=<span style="color: #0b6125;">"post"</span> <span style="color: #bf4f24;">action</span>=<span style="color: #0b6125;">""</span>>
<<span style="color: #bf4f24;">h1</span> <span style="color: #bf4f24;">align</span>=<span style="color: #0b6125;">"center"</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#03C;"</span>>Student Records</<span style="color: #bf4f24;">h1</span>>
<<span style="color: #bf4f24;">div</span> <span style="color: #bf4f24;">id</span><span style="color: #794938;">=</span><span style="color: #0b6125;">"container"</span>>
<<span style="color: #bf4f24;">div</span> <span style="color: #bf4f24;">id</span><span style="color: #794938;">=</span><span style="color: #0b6125;">"header"</span>>
<<span style="color: #bf4f24;">p</span>>
Enter Name <<span style="color: #bf4f24;">input</span> <span style="color: #bf4f24;">type</span>=<span style="color: #0b6125;">"text"</span> <span style="color: #bf4f24;">name</span>=<span style="color: #0b6125;">"name"</span> <span style="color: #bf4f24;">value</span>=<span style="color: #0b6125;">""</span> />
Roll NO <<span style="color: #bf4f24;">input</span> <span style="color: #bf4f24;">type</span>=<span style="color: #0b6125;">"text"</span> <span style="color: #bf4f24;">name</span>=<span style="color: #0b6125;">"rollno"</span> <span style="color: #bf4f24;">value</span>=<span style="color: #0b6125;">""</span> />
<<span style="color: #bf4f24;">em</span>><<span style="color: #bf4f24;">input</span> <span style="color: #bf4f24;">type</span>=<span style="color: #0b6125;">"submit"</span> <span style="color: #bf4f24;">name</span>=<span style="color: #0b6125;">"submit"</span> <span style="color: #bf4f24;">value</span>=<span style="color: #0b6125;">"submit"</span> /></<span style="color: #bf4f24;">em</span>></<span style="color: #bf4f24;">p</span>>
</<span style="color: #bf4f24;">div</span>>
<?php
<span style="color: #234a97;">$cnt</span><span style="color: #794938;">=</span><span style="color: #693a17;">mysql_connect</span>(<span style="color: #0b6125;">"localhost"</span>,<span style="color: #0b6125;">"root"</span>,<span style="color: #0b6125;">""</span>);
<span style="color: #234a97;">$select_db</span><span style="color: #794938;">=</span><span style="color: #693a17;">mysql_select_db</span>(<span style="color: #0b6125;">"filter"</span>,<span style="color: #234a97;">$cnt</span>);
<span style="color: #234a97;">$error</span><span style="color: #794938;">=</span><span style="color: #0b6125;">"not found"</span>;
<span style="color: #794938;"> if</span>(<span style="color: #693a17;">isset</span>(<span style="color: #234a97;">$_POST</span>[<span style="color: #0b6125;">'submit'</span>]))
{
<span style="color: #234a97;">$name1</span><span style="color: #794938;">=</span><span style="color: #234a97;">$_POST</span>[<span style="color: #0b6125;">'name'</span>];
<span style="color: #234a97;">$rollno</span><span style="color: #794938;">=</span><span style="color: #234a97;">$_POST</span>[<span style="color: #0b6125;">'rollno'</span>];
<span style="color: #234a97;">$r</span><span style="color: #794938;">=</span><span style="color: #693a17;">mysql_query</span>(<span style="color: #0b6125;">"select * from filter_tbl where name='<span style="color: #234a97;">$name1</span>' and rollno='<span style="color: #234a97;">$rollno</span>' "</span>);
<span style="color: #794938;"> if</span>(<span style="color: #234a97;">$name1</span><span style="color: #794938;">!</span><span style="color: #794938;">=</span><span style="color: #0b6125;">""</span> <span style="color: #794938;">||</span> <span style="color: #234a97;">$rollno</span><span style="color: #794938;">!</span><span style="color: #794938;">==</span><span style="color: #0b6125;">""</span>)
{
<span style="color: #794938;"> while</span>(<span style="color: #234a97;">$row</span><span style="color: #794938;">=</span><span style="color: #693a17;">mysql_fetch_array</span>(<span style="color: #234a97;">$r</span>))
{
<span style="color: #234a97;">$name</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'name'</span>];
<span style="color: #234a97;">$rollno</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'rollno'</span>];
<span style="color: #234a97;">$dob</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'dob'</span>];
<span style="color: #234a97;">$tamil</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'tamil'</span>];
<span style="color: #234a97;">$english</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'english'</span>];
<span style="color: #234a97;">$maths</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'maths'</span>];
<span style="color: #234a97;">$science</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'science'</span>];
<span style="color: #234a97;">$social</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'social'</span>];
<span style="color: #234a97;">$total</span><span style="color: #794938;">=</span><span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'total'</span>];
?>
<<span style="color: #bf4f24;">p</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$row</span>[<span style="color: #0b6125;">'id'</span>]; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$name</span>; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$rollno</span>; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$tamil</span>; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$english</span>; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$maths</span>; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$science</span>; ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$social</span> ?> </<span style="color: #bf4f24;">strong</span>>
<<span style="color: #bf4f24;">strong</span> <span style="color: #bf4f24;">style</span>=<span style="color: #0b6125;">"color:#000;"</span>> <?php <span style="color: #693a17;">echo</span> <span style="color: #234a97;">$total</span>; ?> </<span style="color: #bf4f24;">strong</span>>
</<span style="color: #bf4f24;">p</span>>
<?php
}
?>
<?php
}
<span style="color: #794938;">else</span>
{
<span style="color: #693a17;">echo</span> <span style="color: #0b6125;">"<script>alert('not found')</script>"</span>;
}
}
?>
</<span style="color: #bf4f24;">div</span>>
</<span style="color: #bf4f24;">form</span>>
</<span style="color: #bf4f24;">body</span>>
</<span style="color: #bf4f24;">html</span>>
</pre>
</div>
<br />
view.php<br />
<br />
<pre style="background: #002240; color: white;"><span style="color: #e1efff;"><?php</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>cnt</span><span style="color: #ff9d00;">=</span><span style="color: #ffb054;">mysql_connect</span>(<span style="color: #3ad900;">"</span><span style="color: #3ad900;">localhost</span><span style="color: #3ad900;">"</span>,<span style="color: #3ad900;">"</span><span style="color: #3ad900;">root</span><span style="color: #3ad900;">"</span>,<span style="color: #3ad900;">"</span><span style="color: #3ad900;"></span><span style="color: #3ad900;">"</span>)<span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>select_db</span><span style="color: #ff9d00;">=</span><span style="color: #ffb054;">mysql_select_db</span>(<span style="color: #3ad900;">"</span><span style="color: #3ad900;">filter</span><span style="color: #3ad900;">"</span>,<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>cnt</span>)<span style="color: #e1efff;">;</span>
<span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><!</span><span style="color: #9effff;"><span style="color: #9effff;">DOCTYPE</span> html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">html</span> <span style="color: #9effff;">xmlns</span>=<span style="color: #3ad900;">"</span>http://www.w3.org/1999/xhtml<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">head</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">meta</span> <span style="color: #9effff;">http-equiv</span>=<span style="color: #3ad900;">"</span>Content-Type<span style="color: #3ad900;">"</span> <span style="color: #9effff;">content</span>=<span style="color: #3ad900;">"</span>text/html; charset=utf-8<span style="color: #3ad900;">"</span><span style="color: #e1efff;"> /></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">title</span><span style="color: #e1efff;">></span></span>View<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">title</span><span style="color: #e1efff;">></span></span>
<span style="color: #e1efff;"><</span><span style="color: #ffdd00;">style</span><span style="color: #e1efff;">></span>
<span style="color: #ffb454;"><span style="color: #e1efff;">#</span>container</span><span style="background: #223545; color: white;">{margin:0 auto;
background:#999;
border:10px solid gray;
width:60%;
margin:5% auto;
height:auto;
border-radius:20px;}</span>
<span style="color: #9effff;">p</span>
<span style="background: #223545; color: white;">{
margin-left:50px;
color:#03C;
}</span>
<span style="color: #e1efff;"></</span><span style="color: #ffdd00;">style</span><span style="color: #e1efff;">></span>
<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">head</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">body</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">div</span> <span style="color: #9effff;">id</span><span style="color: #e1efff;">=</span><span style="color: #3ad900;">"</span><span style="color: #3ad900;">container</span><span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span><span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">h1</span> <span style="color: #9effff;">align</span>=<span style="color: #3ad900;">"</span>center<span style="color: #3ad900;">"</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#03C;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Student Records<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">h1</span><span style="color: #e1efff;">></span></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>S.No<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Name<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Rollno<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>D.O.B<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Tamil<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>English<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Maths<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Science<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span> Social Science<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span>Total<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span><span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span><span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">hr</span> /<span style="color: #e1efff;">></span></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span>
<span style="color: #e1efff;"><?php</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>cnt</span><span style="color: #ff9d00;">=</span><span style="color: #ffb054;">mysql_connect</span>(<span style="color: #3ad900;">"</span><span style="color: #3ad900;">localhost</span><span style="color: #3ad900;">"</span>,<span style="color: #3ad900;">"</span><span style="color: #3ad900;">root</span><span style="color: #3ad900;">"</span>,<span style="color: #3ad900;">"</span><span style="color: #3ad900;"></span><span style="color: #3ad900;">"</span>)<span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>select_db</span><span style="color: #ff9d00;">=</span><span style="color: #ffb054;">mysql_select_db</span>(<span style="color: #3ad900;">"</span><span style="color: #3ad900;">filter</span><span style="color: #3ad900;">"</span>,<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>cnt</span>)<span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>select_tbl</span><span style="color: #ff9d00;">=</span><span style="color: #ffb054;">mysql_query</span>(<span style="color: #3ad900;">"</span><span style="color: #3ad900;">select * from filter_tbl</span><span style="color: #3ad900;">"</span>)<span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>x</span><span style="color: #ff9d00;">=</span><span style="color: #ff628c;">1</span><span style="color: #e1efff;">;</span>
<span style="color: #ff9d00;">while</span>(<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #ff9d00;">=</span><span style="color: #ffb054;">mysql_fetch_array</span>(<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>select_tbl</span>))
{
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>name</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">name</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>rollno</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">rollno</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>dob</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">dob</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>tamil</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">tamil</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>english</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">english</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>maths</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">maths</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>science</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">science</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>social</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">social</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #cccccc;"><span style="color: #e1efff;">$</span>total</span><span style="color: #ff9d00;">=</span><span style="color: #cccccc;"><span style="color: #e1efff;">$</span>row</span><span style="color: #e1efff;">[</span><span style="color: #3ad900;">'</span><span style="color: #3ad900;">total</span><span style="color: #3ad900;">'</span><span style="color: #e1efff;">]</span><span style="color: #e1efff;">;</span>
<span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span><span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>x</span><span style="color: #ff9d00;">++</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>name</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>rollno</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>tamil</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>english</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>maths</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>science</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span> <span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>social</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">strong</span> <span style="color: #9effff;">style</span>=<span style="color: #3ad900;">"</span>color:#000;<span style="color: #3ad900;">"</span><span style="color: #e1efff;">></span></span><span style="color: #e1efff;"><?php</span> <span style="color: #ffb054;">echo</span> <span style="color: #cccccc;"><span style="color: #e1efff;">$</span>total</span><span style="color: #e1efff;">;</span> <span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span><span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">strong</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"><</span><span style="color: #9effff;">hr</span> /<span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">p</span><span style="color: #e1efff;">></span></span>
<span style="color: #e1efff;"><?php</span>
}
<span style="color: #e1efff;"><span style="background: #223545; color: white;">?</span>></span>
<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">div</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">body</span><span style="color: #e1efff;">></span></span>
<span style="color: #9effff;"><span style="color: #e1efff;"></</span><span style="color: #9effff;">html</span><span style="color: #e1efff;">></span></span>
</pre>
</div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-88477103312001483522013-05-28T04:38:00.000-07:002017-05-23T05:29:58.826-07:00Comment Display<div dir="ltr" style="text-align: left;" trbidi="on">
Output:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOP62qJVG3qtaHHEibLMRCIPpndeyQ-VEK2OC-y-BO4MQN2TFnLa8s81FJY3JG241wI0vKa8DblWg9CJ_0ncgMuhjloUag1MWjPMPtItLGGhLYSxn5AuM2nDYS_ggBpDGOvTHF1HLDGytI/s1600/comment.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="361" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOP62qJVG3qtaHHEibLMRCIPpndeyQ-VEK2OC-y-BO4MQN2TFnLa8s81FJY3JG241wI0vKa8DblWg9CJ_0ncgMuhjloUag1MWjPMPtItLGGhLYSxn5AuM2nDYS_ggBpDGOvTHF1HLDGytI/s400/comment.png" width="400" /></a></div>
<br />
Index.php<br />
<br />
<pre style="background: #fdf6e3; color: #586e75;"><span style="color: #bd3613;"><span style="color: #d30102;"><?php</span> <span style="color: #bd3800;">include</span>
(<span style="color: #269186;"><span style="color: #c60000;">'</span>connect.php<span style="color: #c60000;">'</span></span>);
<span style="color: #859900;">if</span>(<span style="color: #a57800;">isset</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>submit<span style="color: #c60000;">'</span></span>]))
{
<span style="color: #268bd2;"><span style="color: #859900;">$</span>comment</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>comment<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>name</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>name<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>email</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_POST</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>email<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>cat_image1</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_FILES</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>image<span style="color: #c60000;">'</span></span>][<span style="color: #269186;"><span style="color: #c60000;">'</span>name<span style="color: #c60000;">'</span></span>];
<span style="color: #859900;"> if</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>cat_image1</span><span style="color: #859900;">!</span><span style="color: #859900;">=</span><span style="color: #269186;"><span style="color: #c60000;">"</span><span style="color: #c60000;">"</span></span>)
{
<span style="color: #268bd2;"><span style="color: #859900;">$</span>type</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_FILES</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>image<span style="color: #c60000;">'</span></span>][<span style="color: #269186;"><span style="color: #c60000;">'</span>type<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>size</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_FILES</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>image<span style="color: #c60000;">'</span></span>][<span style="color: #269186;"><span style="color: #c60000;">'</span>size<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>tempname</span><span style="color: #859900;">=</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>_FILES</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>image<span style="color: #c60000;">'</span></span>][<span style="color: #269186;"><span style="color: #c60000;">'</span>tmp_name<span style="color: #c60000;">'</span></span>];
<span style="color: #268bd2;"><span style="color: #859900;">$</span>dir</span><span style="color: #859900;">=</span><span style="color: #269186;"><span style="color: #c60000;">"</span>upload/<span style="color: #c60000;">"</span></span><span style="color: #859900;">.</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>cat_image1</span>;
<span style="color: #268bd2;">move_uploaded_file</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>tempname</span>,<span style="color: #269186;"><span style="color: #c60000;">"</span><span style="color: #268bd2;"><span style="color: #859900;">$</span>dir</span><span style="color: #c60000;">"</span></span>);
}
<span style="color: #859900;"> else</span>
{
<span style="color: #268bd2;"><span style="color: #859900;">$</span>cat_image1</span><span style="color: #859900;">=</span><span style="color: #269186;"><span style="color: #c60000;">'</span>man-icon.jpg<span style="color: #c60000;">'</span></span>;
}
<span style="color: #268bd2;"><span style="color: #859900;">$</span>insert</span><span style="color: #859900;">=</span><span style="color: #268bd2;">mysql_query</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span>insert into comment_tbl(name,email,image,size,type,location,comment,last_update)
values('<span style="color: #268bd2;"><span style="color: #859900;">$</span>name</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>email</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>cat_image1</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>size</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>type</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>dir</span>','<span style="color: #268bd2;"><span style="color: #859900;">$</span>comment</span>',now())<span style="color: #c60000;">"</span></span>,<span style="color: #268bd2;"><span style="color: #859900;">$</span>cnt</span>) <span style="color: #859900;">or</span><span style="color: #859900;"> die</span>(<span style="color: #268bd2;">mysql_error</span>());
<span style="color: #859900;"> if</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>insert</span>)
{
<span style="color: #268bd2;">header</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span>location:index.php<span style="color: #c60000;">"</span></span>);
}
}
<span style="color: #d30102;">?></span></span>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Comment</title>
<script type="text/javascript" src="validate.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<form name="form1" method="post" action="" enctype="multipart/form-data" onsubmit="return validation();">
<div id="comment_body">
<span style="color: #bd3613;"><span style="color: #d30102;"><?php</span>
<span style="color: #bd3800;">include</span>(<span style="color: #269186;"><span style="color: #c60000;">'</span>connect.php<span style="color: #c60000;">'</span></span>);
<span style="color: #268bd2;"><span style="color: #859900;">$</span>result</span> <span style="color: #859900;">=</span> <span style="color: #268bd2;">mysql_query</span>(<span style="color: #269186;"><span style="color: #c60000;">"</span><span style="color: #859900;">SELECT</span> <span style="color: #859900;">*</span> <span style="color: #859900;">FROM</span> comment_tbl <span style="color: #859900;">ORDER BY</span> name <span style="color: #859900;">ASC</span><span style="color: #c60000;">"</span></span>);
<span style="color: #859900;">while</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>row</span> <span style="color: #859900;">=</span> <span style="color: #268bd2;">mysql_fetch_assoc</span>(<span style="color: #268bd2;"><span style="color: #859900;">$</span>result</span>))
{
<span style="color: #d30102;">?></span></span>
<div id="comment_display">
<div id="image"><span class="left" ><img src="upload/<span style="color: #d30102;"><?php</span> <span style="color: #a57800;">echo</span> <span style="color: #268bd2;"><span style="color: #859900;">$</span>row</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>image<span style="color: #c60000;">'</span></span>];<span style="color: #d30102;">?></span>" width="80" height="60px" />
</span>
<span class="right"><img src="img/download.jpg" width="15px" height="10px" /><span style="color: #d30102;"><?php</span> <span style="color: #a57800;">echo</span> <span style="color: #268bd2;"><span style="color: #859900;">$</span>row</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>comment<span style="color: #c60000;">'</span></span>]; <span style="color: #d30102;">?></span>
<img src="img/download (2).jpg" width="15px" height="10px" /></span>
</div>
<div id="cmts">
<span class="wl">
<p> <span style="color: #d30102;"><?php</span> <span style="color: #a57800;">echo</span> <span style="color: #268bd2;"><span style="color: #859900;">$</span>row</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>name<span style="color: #c60000;">'</span></span>]; <span style="color: #d30102;">?></span></p>
<p><span style="color: #d30102;"><?php</span> <span style="color: #a57800;">echo</span> <span style="color: #268bd2;"><span style="color: #859900;">$</span>row</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>email<span style="color: #c60000;">'</span></span>];<span style="color: #d30102;">?></span></p></span>
<span class="wr"><span style="color: #d30102;"><?php</span> <span style="color: #a57800;">echo</span> <span style="color: #268bd2;"><span style="color: #859900;">$</span>row</span>[<span style="color: #269186;"><span style="color: #c60000;">'</span>last_update<span style="color: #c60000;">'</span></span>]; <span style="color: #d30102;">?></span></span>
</div>
</div> <hr />
<span style="color: #bd3613;"><span style="color: #d30102;"><?php</span>
}
<span style="color: #d30102;">?></span></span>
</div>
<div id="container">
<h1 align="center">Add a Comment</h1>
<div id="content">
<p>Name<span>*</span> </p>
<p><input type="text" name="name" value="" style="width:50%;"/>&nbsp;&nbsp;&nbsp;<em id="name" ></em></p>
<p>Email Id<span>*</span></p>
<p><input type="email" name="email" value="" style="width:50%;" />&nbsp;&nbsp;&nbsp;<em id="email"></em></p>
<p>Image<span>(optional)</span></p>
<p><input type="file" name="image" value="" />&nbsp;&nbsp;&nbsp;<em id="image"></em></p>
<p>Comment<span>*</span>&nbsp;&nbsp;&nbsp;<em id="comment"></em></p>
<p><textarea name="comment" style="width:400px;height:200px;"></textarea></p>
<p style="margin-left:200px;"><input type="submit" name="submit" value="submit" /></p>
</div>
</div>
</form>
</body>
</html>
</pre>
<br />
<a href="https://www.box.com/s/kdknrz5ejly2l95tac4o" target="_blank">Download Code:</a></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-86701494844544575212013-05-28T04:08:00.000-07:002017-05-23T05:28:32.672-07:00Change the Particular Word <div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
<i><span style="color: purple;">Before</span></i></h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglISTGrqC4Nj2SX4Fi_JqPKlDP1q5jgjDEUvFOv2ZZOuFkRDUn2Udx0jvErvsqXa6nLhyW27_4uqFYybcsgvFcIoybidc81i6M0iN1IPidO_fXKSz0t2REjNlJdMkvBNF66AU10r9sDVaC/s1600/word.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglISTGrqC4Nj2SX4Fi_JqPKlDP1q5jgjDEUvFOv2ZZOuFkRDUn2Udx0jvErvsqXa6nLhyW27_4uqFYybcsgvFcIoybidc81i6M0iN1IPidO_fXKSz0t2REjNlJdMkvBNF66AU10r9sDVaC/s640/word.png" width="640" /></a></div>
<br />
<br />
<h3 style="text-align: center;">
<span style="color: purple;">After</span></h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hc1C60B3rwf5yCwpaPff7soRzhV6ijFaQnfC6Re4jZ2yasi5PdqMEh_TAxOvHmIfk8Prz1SBbXuKbtyCFWHefTkHNucQAEVQ4l92FxjNQ6ByXr7nH0aWrdzsMPKvbhPabwHL1UtE2Uss/s1600/words.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hc1C60B3rwf5yCwpaPff7soRzhV6ijFaQnfC6Re4jZ2yasi5PdqMEh_TAxOvHmIfk8Prz1SBbXuKbtyCFWHefTkHNucQAEVQ4l92FxjNQ6ByXr7nH0aWrdzsMPKvbhPabwHL1UtE2Uss/s640/words.png" width="640" /></a></div>
<br />
<br />
<pre style="background: #fff; color: black;"><html xmlns=<span style="color: #00a33f;">"http://www.w3.org/1999/xhtml"</span>>
<head>
<meta http-equiv=<span style="color: #00a33f;">"Content-Type"</span> content=<span style="color: #00a33f;">"text/html; charset=utf-8"</span> />
<title>Untitled Document</title>
<script type=<span style="color: #00a33f;">"text/javascript"</span>>
<span style="color: #919191;">// Assign the value to the input with the id passed in </span>
<span style="color: #ff5600;">function</span> <span style="color: #21439c;">changeTheWorld</span>( idRef, val ) {
<span style="color: #919191;">// Make sure browser supports getElementById </span>
<span style="color: #ff5600;">if</span>(<span style="color: #ff5600;">!</span><span style="color: #a535ae;">document</span>.getElementById ) <span style="color: #ff5600;">return</span>;
<span style="color: #919191;">// Find the input by it's id </span>
<span style="color: #ff5600;">var</span> inputObj <span style="color: #ff5600;">=</span> <span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>( idRef );
<span style="color: #ff5600;">if</span>( inputObj ) {
<span style="color: #919191;">// Update the value </span>
inputObj.<span style="color: #a535ae;">value</span> <span style="color: #ff5600;">=</span> val;
}
}
<span style="color: #919191;">// Attach all of the behaviors requiured on the page </span>
<span style="color: #ff5600;">function</span> <span style="color: #21439c;">attachBehaviors</span>() {
<span style="color: #919191;">// Make sure browser supports getElementById </span>
<span style="color: #ff5600;">if</span>(<span style="color: #ff5600;">!</span><span style="color: #a535ae;">document</span>.getElementById ) <span style="color: #ff5600;">return</span>;
<span style="color: #919191;">// Find the link by it's id </span>
<span style="color: #ff5600;">var</span> linkObj <span style="color: #ff5600;">=</span> <span style="color: #a535ae;">document</span>.<span style="color: #a535ae;">getElementById</span>( <span style="color: #00a33f;">'yourLink'</span> );
<span style="color: #ff5600;">if</span>( linkObj ) {
<span style="color: #919191;">// Attach the onclick handler </span>
<span style="color: #a535ae;">linkObj</span>.<span style="color: #21439c;">onclick</span> <span style="color: #ff5600;">=</span> <span style="color: #ff5600;">function</span>() {
changeTheWorld( <span style="color: #00a33f;">'yourInput'</span>, <span style="color: #00a33f;">'Hello Dolly'</span> );
};
}
}
<span style="color: #919191;">// Define the onload method and tell it to attachBehaviors </span>
<span style="color: #a535ae;">window</span>.<span style="color: #21439c;">onload</span> <span style="color: #ff5600;">=</span> <span style="color: #ff5600;">function</span>() {
attachBehaviors();
};
</script>
</head>
<body>
<form name=<span style="color: #00a33f;">'yourForm'</span> action=<span style="color: #00a33f;">""</span>>
<div>
<input type=<span style="color: #00a33f;">'text'</span> name=<span style="color: #00a33f;">'yourInput'</span> id=<span style="color: #00a33f;">'yourInput'</span> value=<span style="color: #00a33f;">'Hello World'</span>>
<a href=<span style="color: #00a33f;">'#yourInput'</span> id=<span style="color: #00a33f;">'yourLink'</span>>Change the world!</a>
</div>
</form>
</body>
</html>
</pre>
</div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-46524741947913263082013-05-28T03:46:00.000-07:002017-05-23T05:29:01.136-07:00Organic Tabs<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM8tMzc4oP14xFqtQg8SV9IeZHFdZNpZ6goK6hF9C_RELzAyFrk94eSoODYCyNI4LhjQ24xkFC9q27tGTYgVFIAuCTRJ4iRSFpIi6a3UFEz7EtgQtYw2OQVylq6WoHB2aTDn6RtWu9nYK2/s1600/organictab.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM8tMzc4oP14xFqtQg8SV9IeZHFdZNpZ6goK6hF9C_RELzAyFrk94eSoODYCyNI4LhjQ24xkFC9q27tGTYgVFIAuCTRJ4iRSFpIi6a3UFEz7EtgQtYw2OQVylq6WoHB2aTDn6RtWu9nYK2/s640/organictab.png" width="640" /></a></div>
<!DOCTYPE html><br />
<html><br />
<head><br />
<meta charset="UTF-8"><br />
<title>Organic Tabs (with Replace State)</title><br />
<link rel="stylesheet" href="css/style.css"><br />
<script src='js/jquery.min.js'></script><br />
<script src="js/organictabs.jquery.js"></script><br />
<script><br />
$(function() {<br />
// Calling the plugin<br />
$("#example-one").organicTabs();<br />
$("#example-two").organicTabs({<br />
"speed": 100,<br />
"param": "tab"<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<div id="page-wrap"><br />
<h1>Organic Tabs</h1><br />
<div id="example-one"><br />
<ul class="nav"><br />
<li class="nav-one"><a href="#featured" class="current">Featured</a></li><br />
<li class="nav-two"><a href="#core">Core</a></li><br />
<li class="nav-three"><a href="#jquerytuts">jQuery</a></li><br />
<li class="nav-four last"><a href="#classics">Classics</a></li><br />
</ul><br />
<div class="list-wrap"><br />
<ul id="featured"><br />
<li><a href="perfect-full-page-background-image/">Full Page Background Images</a></li><br />
<li><a href="designing-for-wordpress-complete-series-downloads/">Designing for WordPress</a></li><br />
<li><a href="build-your-own-social-home/">Build Your Own Social Home!</a></li><br />
<li><a href="absolute-positioning-inside-relative-positioning/">Absolute Positioning Inside Relative Positioning</a></li><br />
<li><a href="ie-css-bugs-thatll-get-you-every-time/">IE CSS Bugs That'll Get You Every Time</a></li><br />
<li><a href="http://css-tricks.com/404-best-practices/">404 Best Practices</a></li><br />
<li><a href="date-display-with-sprites/">Date Display with Sprites</a></li><br />
</ul><br />
<ul id="core" class="hide"><br />
<li><a href="video-screencasts/58-html-css-the-very-basics/">The VERY Basics of HTML &amp; CSS</a></li><br />
<li><a href="the-difference-between-id-and-class/">Classes and IDs</a></li><br />
<li><a href="the-css-box-model/">The CSS Box Model</a></li><br />
<li><a href="all-about-floats/">All About Floats</a></li><br />
<li><a href="the-css-overflow-property/">CSS Overflow Property</a></li><br />
<li><a href="css-font-size/">CSS Font Size - (px - em - % - pt - keyword)</a></li><br />
<li><a href="css-transparency-settings-for-all-broswers/">CSS Transparency / Opacity</a></li><br />
<li><a href="css-sprites/">CSS Sprites</a></li><br />
<li><a href="nine-techniques-for-css-image-replacement/">CSS Image Replacement</a></li><br />
<li><a href="what-is-vertical-align/">CSS Vertial Align</a></li><br />
<li><a href="the-css-overflow-property/">The CSS Overflow Property</a></li><br />
</ul><br />
<br />
<ul id="jquerytuts" class="hide"><br />
<li><a href="anythingslider-jquery-plugin/">Anything Slider jQuery Plugin</a></li><br />
<li><a href="moving-boxes/">Moving Boxes</a></li><br />
<li><a href="simple-jquery-dropdowns/">Simple jQuery Dropdowns</a></li><br />
<li><a href="creating-a-slick-auto-playing-featured-content-slider/">Featured Content Slider</a></li><br />
<li><a href="startstop-slider/">Start/Stop Slider</a></li><br />
<li><a href="banner-code-displayer-thing/">Banner Code Displayer Thing</a></li><br />
<li><a href="highlight-certain-number-of-characters/">Highlight Certain Number of Characters</a></li><br />
<li><a href="auto-moving-parallax-background/">Auto-Moving Parallax Background</a></li><br />
</ul><br />
<br />
<ul id="classics" class="hide"><br />
<li><a href="css-wishlist/">Top Designers CSS Wishlist</a></li><br />
<li><a href="what-beautiful-html-code-looks-like/">What Beautiful HTML Code Looks Like</a></li><br />
<li><a href="easily-password-protect-a-website-or-subdirectory/">Easily Password Protect a Website or Subdirectory</a></li><br />
<li><a href="how-to-create-an-ie-only-stylesheet/">IE-Only Stylesheets</a></li><br />
<li><a href="ecommerce-considerations/">eCommerce Considerations</a></li><br />
<li><a href="php-for-beginners-building-your-first-simple-cms/">PHP: Build Your First CMS</a></li><br />
</ul> <br />
</div> <br />
</div><br />
</div><br />
</body><br />
</html><br />
<div>
<br /></div>
</div>
<br /></div>
<span style="color: #7a7a7a;"><a href="https://www.box.com/s/t2kng2vv6jp3l03zz8re" target="_blank">Download Source Code:</a> </span></div>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0tag:blogger.com,1999:blog-3585201469273911142.post-30345308197366191892013-04-23T04:36:00.000-07:002017-05-23T05:26:57.030-07:00 Display Submenu when Hoever Main Menu<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
<span style="color: blue;">Menu Concepts</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKuMKY-MRiX4ccNapBWRoFmGmf3Hz1Alomr6LT9jlBHBm5IMHEGQs0zJivMSHpTOQ0QctyZin7RUzGU1YS-KLQ6v1UOlFTb8_qVu5XPMgyGIBTI6Pg86F1Wn-HoIKS3ugBnqD9LaP_PBL7/s1600/menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKuMKY-MRiX4ccNapBWRoFmGmf3Hz1Alomr6LT9jlBHBm5IMHEGQs0zJivMSHpTOQ0QctyZin7RUzGU1YS-KLQ6v1UOlFTb8_qVu5XPMgyGIBTI6Pg86F1Wn-HoIKS3ugBnqD9LaP_PBL7/s400/menu.png" width="400" /></a></div>
<div>
<span style="color: blue;"><br />
</span></div>
<div>
<span style="color: blue;"><br />
</span></div>
<h3 style="text-align: left;">
<span style="color: blue;">style.css</span></h3>
<pre style="background: #002240; color: white;"><span style="color: #ff9d00;"><</span>style type<span style="color: #ff9d00;">=</span><span style="color: #3ad900;">"</span>text/css<span style="color: #3ad900;">"</span> <span style="color: #ff9d00;">></span>
<span style="color: #ff9d00;">div</span>
<span style="color: #e1efff;">{</span>
background<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">color</span>:#<span style="color: #ff628c;">999</span>;
<span style="color: #ff628c;">border</span>:<span style="color: #ff628c;">1</span>px;
<span style="color: #ff628c;">margin</span>:<span style="color: #ff628c;">50</span>px auto;
margin<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">left</span>:<span style="color: #ff628c;">300</span>px;
<span style="color: #ff628c;">width</span>:<span style="color: #ff628c;">60</span>%;
line<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">20</span>px;<span style="color: #e1efff;">,</span>.
<span style="color: #e1efff;">}</span>
<span style="color: #ff9d00;">div</span> <span style="color: #ff9d00;">div</span> h1
<span style="color: #e1efff;">{</span>
line<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">50</span>px;
<span style="color: #ff628c;">margin</span>:<span style="color: #ff628c;">0</span> auto;
<span style="color: #e1efff;">}</span>
#c
<span style="color: #e1efff;">{</span>
<span style="color: #ff628c;">color</span>:#<span style="color: #ff628c;">006</span>;
margin<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">left</span>:<span style="color: #ff628c;">210</span>px;
<span style="color: #e1efff;">}</span>
#o
<span style="color: #e1efff;">{</span>
<span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">40</span>px;
line<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">30</span>px;
<span style="color: #e1efff;">}</span>
<span style="color: #ff9d00;">div</span> p<span style="color: #e1efff;">{</span>
line<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">10</span>px;
margin<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">left</span>:<span style="color: #ff628c;">40</span>px;
<span style="color: #e1efff;">}</span>
.menu
<span style="color: #e1efff;">{</span>
<span style="color: #ff628c;">color</span>:#<span style="color: #ff628c;">309</span>; <span style="color: #ff628c;">padding</span>:<span style="color: #ff628c;">0</span>; <span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">25</span>px;<span style="color: #ff628c;">width</span>:<span style="color: #ff628c;">800</span>px;
<span style="color: #e1efff;">}</span>
.menu li
<span style="color: #e1efff;">{</span>
<span style="color: #ff628c;">float</span>:left;
<span style="color: #ff628c;">display</span>:inline;<span style="color: #ff628c;">padding</span>:<span style="color: #ff628c;">0</span>;
<span style="color: #ff628c;">width</span>:<span style="color: #ff628c;">160</span>px; <span style="color: #ff628c;">height</span>:<span style="color: #ff628c;">2</span>opx;
<span style="color: #80ffbb;">text</span><span style="color: #ff9d00;">-</span><span style="color: #ff628c;">align</span>:center;
<span style="color: #e1efff;">}</span>
.menu li<span style="color: #e1efff;">:</span>hover
<span style="color: #e1efff;">{</span>
<span style="color: #ff628c;">float</span>:left;
background<span style="color: #ff9d00;">-</span><span style="color: #ff628c;">color</span>:#FF6699;
<span style="color: #80ffbb;">text</span><span style="color: #ff9d00;">-</span><span style="color: #ff628c;">align</span>:center; <span style="color: #ff628c;">padding</span>:<span style="color: #ff628c;">0</span>;
<span style="color: #e1efff;">}</span>
.menu li ul <span style="color: #e1efff;">{</span><span style="color: #ff628c;">visibility</span>:<span style="color: #ff628c;">hidden</span>; <span style="color: #e1efff;">}</span>
.menu li<span style="color: #e1efff;">:</span>hover ul <span style="color: #e1efff;">{</span> <span style="color: #ff628c;">visibility</span>:visible; <span style="color: #ff628c;">padding</span>:<span style="color: #ff628c;">0</span>; <span style="color: #ff628c;">border</span>:<span style="color: #ff628c;">1</span> red solid;<span style="color: #e1efff;">}</span>
<span style="color: #ff9d00;"><</span><span style="color: #ff9d00;">/</span>style<span style="color: #ff9d00;">></span>
</pre>
<br />
<h3 style="text-align: left;">
<span style="color: blue;">index.php</span></h3>
<br />
<pre style="background: rgba(238,238,238,0.92); color: black;"><?php
$cnt<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_connect</span>(<span style="color: #009933;">"localhost"</span>,<span style="color: #009933;">"root"</span>,<span style="color: #009933;">""</span>);
$select_db<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_select_db</span>(<span style="color: #009933;">"menu"</span>,$cnt);
<span style="color: blue;">if</span>(<span style="color: #3333ff; font-weight: 700;">isset</span>($_POST[<span style="color: #009933;">'submit'</span>]))
{
$m<span style="color: blue;">=</span>$_POST[<span style="color: #009933;">'mainmenu'</span>];
<span style="color: #3333ff; font-weight: 700;">print_r</span>($_POST);
$insert<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_query</span>(<span style="color: #009933;">"insert into menu_tb(menu) value('$m')"</span>,$cnt) <span style="color: blue;">or</span><span style="color: blue;"> die</span>(<span style="color: #3333ff; font-weight: 700;">mysql_error</span>());
}
<span style="color: blue;">if</span>(<span style="color: #3333ff; font-weight: 700;">isset</span>($_POST[<span style="color: #009933;">'sub'</span>]))
{
$e<span style="color: blue;">=</span>$_POST[<span style="color: #009933;">'submenu'</span>];
$t<span style="color: blue;">=</span>$_POST[<span style="color: #009933;">'menus'</span>];
<span style="color: #3333ff; font-weight: 700;">print_r</span>($_POST);
$insert<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_query</span>(<span style="color: #009933;">"insert into submenu(menuid,submenu) value('$e','$t')"</span>,$cnt) <span style="color: blue;">or</span><span style="color: blue;"> die</span>(<span style="color: #3333ff; font-weight: 700;">mysql_error</span>());
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu Bar Concept</title>
</head>
<body>
<form name="form" method="post" action="">
<div>
<div><h1>Menu Concept</h1></div>
<div id="c">
Menu List &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="mainmenu" value="" /></div>
<div id="o"><p><input type="submit" name="submit" value="submit" /></p></div>
</div>
<div>
</form>
<form method="post" action="" name="form2">
<div><h1>Menu Concept</h1></div>
<div id="c">
Menu List
<select name="submenu">
<option value="">---Select anyone---</option>
<?php
$cnt<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_connect</span>(<span style="color: #009933;">"localhost"</span>,<span style="color: #009933;">"root"</span>,<span style="color: #009933;">""</span>);
$select_db<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_select_db</span>(<span style="color: #009933;">"menu"</span>,$cnt);
$select<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_query</span>(<span style="color: #009933;">"select * from menu_tb"</span>,$cnt);
<span style="color: blue;">while</span>($r<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_fetch_array</span>($select))
{
?>
<option value="<?php <span style="color: #3333ff; font-weight: 700;">echo</span> $r[<span style="color: #009933;">'id'</span>];?>">
<?php <span style="color: #3333ff; font-weight: 700;">echo</span> $r[<span style="color: #009933;">'menu'</span>];?></option>
<?php
}
?>
</select><br />
<br />
SELECT SUB MENU&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="menus" value="" />
</div>
<div id="o"><p><input type="submit" name="sub" value="submenu_submit" /></p></div>
</div>
</form>
<form name="form3" action="" method="post">
<div id="d">
<ul class="menu">
<?php
$cnt<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_connect</span>(<span style="color: #009933;">"localhost"</span>,<span style="color: #009933;">"root"</span>,<span style="color: #009933;">""</span>);
$select_db<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_select_db</span>(<span style="color: #009933;">"menu"</span>,$cnt);
$select_table<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_query</span>(<span style="color: #009933;">"select * from menu_tb"</span>);
<span style="color: blue;"> while</span>($row<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_fetch_array</span>($select_table))
{
?>
<li><a href=""><?php <span style="color: #3333ff; font-weight: 700;">echo</span> $row[<span style="color: #009933;">'menu'</span>];?></a>
<?php
$select<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_query</span>(<span style="color: #009933;">"select * from submenu where menuid='$row[id]'"</span>);
<span style="color: blue;"> if</span>(<span style="color: #3333ff; font-weight: 700;">mysql_num_rows</span>($select)<span style="color: blue;"><=</span><span style="color: #0066ff;">0</span>)
{
}
<span style="color: blue;"> else</span>
{
?>
<ul>
<?php
<span style="color: blue;">while</span>($submenu<span style="color: blue;">=</span><span style="color: #3333ff; font-weight: 700;">mysql_fetch_array</span>($select))
{
?>
<li> <a href=""><?php <span style="color: #3333ff; font-weight: 700;">echo</span> $submenu[<span style="color: #009933;">'submenu'</span>]; ?></a></li>
<?php
}
?>
</ul>
<?php
}
?>
</li>
<?php
}
?>
</ul>
</div>
</form>
</body>
</html>
</pre>
</div>
Anonymoushttp://www.blogger.com/profile/17847322899223631900noreply@blogger.com0