یک مشکل در پی اچ پی و اژاکس

arzonhost

arzonhost

Member
با سلام
من یک ماشین حساب اینترنتی
شرح:
لیست فایلهای ماشین حساب
درون فایل index.html کد زیر را کپی نمایید
کد: 
<head>
<meta http-equiv=”Content-Language” content=”en-us”>
</head>
<form method=”POST” action=”calculate.php”>
 <p align=”center”><span style=”font-size: 50pt”><font color=”#008080″>n1</font><input name=”n1″ size=”30″ style=”background-color: #FFFF00″></span></p>
 <p align=”center”><span style=”font-size: 50pt”><font color=”#008080″>n2<input name=”n2″ size=”30″ style=”background-color: #FFFF00″></font></span></p>
 <p align=”center”><span style=”font-size: 50pt; background-color: #FF0000″>
 <font color=”#00FFFF”><select size=”1″ name=”cal” tabindex=”10″ dir=”ltr”>
 <option value=”z”>*</option>
 <option value=”g”>+</option>
 <option value=”t”>/</option>
 <option value=”m”>-</option>
 </select></font></span></p>
 <p align=”center”><span style=”font-size: 50pt”>
 <input type=”submit” value=”Submit” name=”B1″ style=”background-color: #00FF00″></span></p>
</form>
این کد فرمی را ایجاد میکند که از کاربر اطلاعات را دریافت و به calculate.php ارسال میکند
حالا در فایل calculate.php کد زیر را کپی نمایید
کد: 
<?php
switch($_POST['cal'])
{
case “g”;
$c = $_POST['n1'] + $_POST['n2'];
print”number:<h1>$c”;
break;
case “z”;
$c = $_POST['n1'] * $_POST['n2'];
print”number:<h1>$c”;
break;
case “t”;
$c = $_POST['n1'] / $_POST['n2'];
print”number:<h1>$c”;
break;
case “m”;
$c = $_POST['n1'] – $_POST['n2'];
print”number:<h1>$c”;
break;
}
?>
<p align=”center”><a href=”index.html”><font color=”#FF0000″>for new calculate click here</font></a></p>

میخواهم این اژاکس کار کنه میشه کمکم کنید


اگه بشه دکمه ها را هم در صفحه وب قرار داد که چه بهتر
میشه کمکم کید
 
D

dannydolph

Member
این کاری که میخوای بکنی به نظر من اگه با ajax بخوای انجام بدی یه کار کاملاً بیهوده کردی.چرا که تو این مورد ما نیازی به سرور نداریم و میتونیم سمت کلاینت همه چیز رو حل کنیم.به نظر من بهتره که از خیر ajax بگذری(من فکر میکنم ajax هیچ کار مفیدی نتونه برات انجام بده.مگه برای تمرین خودت بخوایانجام بدی!)و کدهای php ی که نوشتی با جاوااسکریپت عوض کنی.اینجوری هم کاربرت منتظر نمونه هم خودت راحتتری.من یه چیزی واست درست کردم ولی توسعش با خودت.مثلاً برای تقسیم چک کن که مخرج صفر نباشه و ....
HTML: 
<!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>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function calc(){
var operator=document.getElementById("operator").options[document.getElementById("operator").selectedIndex].value;
var n1=Number(document.getElementById("n1").value);
var n2=Number(document.getElementById("n2").value);
var c=0;
switch(operator){
case "g":
c=n1+n2;
break;
case "z":
c=n1*n2;
break;
case "t":
c=n1/n2;
break;
case "m":
c=n1-n2;
break;
}
document.getElementById("hasel").value=c;
}
</script>

</head>
<body>
<form onsubmit="calc();return false;" method="POST">
 <p align="center"><span style="font-size: 50pt"><font color="#008080">n1</font><input id="n1" name="n1" size="30" style="background-color: #FFFF00"></span></p>
 <p align="center"><span style="font-size: 50pt"><font color="#008080">n2<input id="n2" name="n2" size="30" style="background-color: #FFFF00"></font></span></p>
 <p align="center"><span style="font-size: 50pt; background-color: #FF0000">
 <font color="#00FFFF"><select id="operator" size="1" name="operator" tabindex="10" dir="ltr">
 <option value="z">*</option>
 <option value="g">+</option>
 <option value="t">/</option>
 <option value="m">-</option>
 </select></font></span></p>
  <p align="center"><span style="font-size: 50pt"><font color="#008080">hasel<input id="hasel" name="hasel" size="30" readonly="true" style="background-color: #CC0000"></font></span></p>
   <p align="center"><span style="font-size: 50pt">
 <input type="submit" value="Submit" name="B1" style="background-color: #00FF00"></span></p>
</form>
</body>
</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا