<html>
<head>
<title>Ajax Multiply Example</title>
</head>
<body>
<h1 align="center"><font color="#000080">Online shopping</font></h1>
<form name="f1">
<strong>Item</strong> <strong>Qty</strong>
<strong>Price</strong> <strong>Subtotal</strong>
<hr>
<?php
$cnt=mysql_connect("localhost","root","");
$s=mysql_select_db("shopping",$cnt);
$w=mysql_query("select * from total where item='samsung'");
while($r=mysql_fetch_array($w))
{
?>
<strong><?php echo $r['item']; ?></strong>
<strong><input name="a" id="a" value="<?php echo $r['quantity']; ?>"
style="border:0px;width:30px;"></strong>
<strong><input name="b" id="b" value="<?php echo $r['price']; ?>"
style="border:0px;"></strong>
<b><input name="result" id="result" value="<?php echo $r['subtotal']; ?>"
style="border:0px;margin-left:0px;"></b><br>
<strong></strong> <strong >
<input type="button" value="change" onClick="callMultiply()" name="showmultiply"
style="border:0px solid red;background:#FFF;" id="save" ></strong>
<?php
}
?>
</form>
</body>
</html>
style.css
strong
{
margin-left:80px;
}
a hover:a
{
text-decoration:overline;
}
valid.css
function postRequest(strURL){
document.f1.showmultiply.value="save";
var xmlHttp;
if(window.XMLHttpRequest){ // For Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // For Internet Explorer
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.open('POST', strURL, true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4){
updatepage(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}
function updatepage(str){
document.getElementById('result').value = str;
}
function callMultiply(){
var a = parseInt(document.f1.a.value);
var b = parseInt(document.f1.b.value);
var url = "multiply.php?a=" + a + "&b=" + b + "";
postRequest(url);
}
Output:
No comments:
Post a Comment