Help
<!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>
<title>حجز الصالة</title>
<script type="text/javascript">
function date (form){
window.alert( "Welcome to\nJavaScript\nProgramming!" );
var x=form.year.value+ " , " +form.month.value + " , " + form.day.value;
form.date.value=x;
}
function total(form){
window.alert( "Welcome to\nJavaScript\nProgramming!" );
var x = parseInt(form.chtype.value);
var z = parseInt(form.child.value);
var e= parseInt(form.dishes.value);
var y,d,total;
if (form.dishtype.value="1A" ){
y=parseInt(18);
}
if (form.dishtype.value="1B"){
y=parseInt(18);
}
if (form.dishtype.value="2"){
y=parseInt(20);
}
if (form.dishtype.value="3"){
y=parseInt(23);
}
if (form.dishtype.value="بوفيه"){
y=parseInt(95) ;
}
if (form.type.value="شهرزاد"){
d=parseInt(8000);
}
if (form.type.value="علي بابا"){
d=parseInt(5000);
}
if (form.type.value="قندهار"){
d=parseInt(1500);
}
total=((x*z)+(y*e)+d);
form.total.value=total;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#apDiv1 {
position:absolute;
width:503px;
height:362px;
z-index:1;
left: -21px;
top: 121px;
}
#apDiv2 {
position:absolute;
width:97px;
height:19px;
z-index:2;
left: 782px;
top: 168px;
}
#apDiv3 {
position:absolute;
width:95px;
height:20px;
z-index:2;
left: 784px;
top: 206px;
}
#apDiv4 {
position:absolute;
width:63px;
height:22px;
z-index:1;
left: 810px;
top: 12px;
}
#apDiv5 {
position:absolute;
width:99px;
height:21px;
z-index:2;
left: 777px;
top: 51px;
}
#apDiv {
position:absolute;
width:108px;
height:19px;
z-index:2;
left: 773px;
top: 126px;
}
#apDiv6 {
position:absolute;
width:67px;
height:20px;
z-index:2;
left: 809px;
top: 246px;
}
#apDiv7 {
position:absolute;
width:104px;
height:20px;
z-index:2;
left: 773px;
top: 277px;
}
#apDiv8 {
position:absolute;
width:91px;
height:20px;
z-index:2;
left: 784px;
top: 358px;
}
#apDiv9 {
position:absolute;
width:106px;
height:20px;
z-index:2;
left: 774px;
top: 322px;
}
#apDiv10 {
position:absolute;
width:90px;
height:20px;
z-index:2;
left: 783px;
top: 391px;
}
#apDiv11 {
position:absolute;
width:77px;
height:20px;
z-index:2;
left: 823px;
top: 590px;
}
#apDiv12 {
position:absolute;
width:93px;
height:20px;
z-index:2;
left: 785px;
top: 566px;
}
#apDiv13 {
position:absolute;
width:97px;
height:20px;
z-index:2;
left: 782px;
top: 532px;
}
#apDiv14 {
position:absolute;
width:100px;
height:20px;
z-index:2;
left: 778px;
top: 498px;
}
#apDiv15 {
position:absolute;
width:135px;
height:19px;
z-index:2;
left: 744px;
top: 465px;
}
#apDiv16 {
position:absolute;
width:111px;
height:21px;
z-index:2;
left: 769px;
top: 429px;
}
#apDiv17 {
position:absolute;
width:144px;
height:22px;
z-index:2;
left: 569px;
top: 123px;
}
#apDiv18 {
position:absolute;
width:146px;
height:22px;
z-index:2;
left: 0px;
top: 440px;
}
#apDiv19 {
position:absolute;
width:145px;
height:20px;
z-index:3;
left: 569px;
top: 12px;
}
#apDiv20 {
position:absolute;
width:145px;
height:23px;
z-index:4;
left: 566px;
top: 52px;
}
#apDiv21 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: -27px;
top: 487px;
}
#apDiv22 {
position:absolute;
width:145px;
height:22px;
z-index:4;
left: 0px;
top: 405px;
}
#apDiv23 {
position:absolute;
width:145px;
height:22px;
z-index:4;
left: 0px;
top: 371px;
}
#apDiv24 {
position:absolute;
width:144px;
height:23px;
z-index:4;
left: 0px;
top: 335px;
}
#apDiv25 {
position:absolute;
width:145px;
height:23px;
z-index:4;
left: 0px;
top: 300px;
}
#apDiv26 {
position:absolute;
width:145px;
height:24px;
z-index:4;
left: 0px;
top: 265px;
}
#apDiv27 {
position:absolute;
width:144px;
height:23px;
z-index:4;
left: 0px;
top: 228px;
}
#apDiv28 {
position:absolute;
width:41px;
height:21px;
z-index:4;
left: 0px;
top: 190px;
}
#apDiv29 {
position:absolute;
width:143px;
height:23px;
z-index:4;
left: 0px;
top: 152px;
}
#apDiv30 {
position:absolute;
width:144px;
height:22px;
z-index:4;
left: 1px;
top: 116px;
}
#apDiv31 {
position:absolute;
width:144px;
height:22px;
z-index:4;
left: 0px;
top: 80px;
}
#apDiv32 {
position:absolute;
width:143px;
height:22px;
z-index:4;
left: 1px;
top: 45px;
}
#apDiv33 {
position:absolute;
width:85px;
height:20px;
z-index:4;
left: 794px;
top: 7px;
}
#apDiv34 {
position:absolute;
width:70px;
height:20px;
z-index:4;
left: 656px;
top: 7px;
}
#apDiv35 {
position:absolute;
width:46px;
height:25px;
z-index:5;
left: 336px;
top: 655px;
}
#apDiv36 {
position:absolute;
width:44px;
height:24px;
z-index:6;
left: 463px;
top: 656px;
}
#apDiv37 {
position:absolute;
width:109px;
height:20px;
z-index:7;
left: 771px;
top: 88px;
}
#apDiv38 {
position:absolute;
width:62px;
height:24px;
z-index:8;
left: 653px;
top: 87px;
}
#apDiv39 {
position:absolute;
width:79px;
height:24px;
z-index:9;
left: 564px;
top: 88px;
}
#apDiv40 {
position:absolute;
width:106px;
height:23px;
z-index:10;
left: 21px;
top: 21px;
}
#apDiv41 {
position:absolute;
width:29px;
height:24px;
z-index:2;
left: 613px;
top: 6px;
}
#apDiv42 {
position:absolute;
width:36px;
height:20px;
z-index:3;
left: 553px;
top: 7px;
}
#apDiv43 {
position:absolute;
width:35px;
height:21px;
z-index:3;
left: 492px;
top: 8px;
}
#apDiv44 {
position:absolute;
width:44px;
height:20px;
z-index:4;
left: 430px;
top: 9px;
}
#apDiv45 {
position:absolute;
width:29px;
height:22px;
z-index:3;
left: 377px;
top: 7px;
}
#apDiv46 { position:absolute;
width:39px;
height:20px;
z-index:3;
left: 510px;
top: 101px;
}
#apDiv47 { position:absolute;
width:30px;
height:21px;
z-index:3;
left: 458px;
top: 98px;
}
#apDiv48 {
position:absolute;
width:31px;
height:23px;
z-index:1;
left: -116px;
top: -1px;
}
#apDiv49 {
position:absolute;
width:70px;
height:23px;
z-index:11;
left: 451px;
top: 621px;
}
</style>
</head>
<body>
<form action="sample.php" method="post">
<div id="apDiv33">
<div align="right">التاريخ</div>
</div>
<div id="apDiv34">
<div align="right">اليوم</div>
</div>
<p>
<div id="apDiv40">
<input name="main" type="button" value="الصفحة الرئيسية" />
</div>
<p>
<div id="apDiv38">
<select name="type" id="type">
<option>اخرى</option>
<option>عرس</option>
<option>تخريج</option>
<option>عيد ميلاد</option>
</select>
</div>
<p> </p>
<div id="apDiv42">
<div align="right">الشهر</div>
</div>
<div id="apDiv43">
<input name="month" type="text" size="5" />
<div id="apDiv48">
<input name="year" type="text" size="8" id="year" />
</div>
</div>
<p> </p>
<div id="apDiv35">
<input name="input" type="reset" value="مسح" />
</div>
<div id="apDiv36">
<input name="input2" type="submit" value="احفظ" />
</div>
<div id="apDiv20">
<input name="name" type="text" />
</div>
<div id="apDiv5">
<div align="right">صاحب الحجز</div>
</div>
<div id="apDiv37">
<div align="right">نوع المناسبة ومكانها</div>
</div>
<div id="apDiv39">
<select name="place" id="place">
<option>الامازون</option>
<option>علي بابا</option>
<option>قندهار</option>
<option>شهرزاد</option>
</select>
</div>
<div id="apDiv17">
<div id="apDiv18">
<input name="total" type="text" value="" />
</div>
<div id="apDiv21">
<textarea name="notes " cols="50" rows="7"></textarea>
</div>
<div id="apDiv22">
<input name="discount" type="text" />
</div>
<div id="apDiv23">
<input name="cash" type="text" />
</div>
<div id="apDiv24">
<input name="extra" type="text" value="" />
</div>
<div id="apDiv25">
<input name="chtype" type="text" />
</div>
<div id="apDiv26">
<input name="child" type="text" value="0" />
</div>
<div id="apDiv27">
<input name="dishes" type="text" value="0" />
</div>
<div id="apDiv28">
<select name="dishtype">
<option>1A</option>
<option>1B</option>
<option>2</option value="2">
<option>3</option value="3">
<option>بوفيه</option>
</select>
</div>
<div id="apDiv29">
<input name="guests" type="text" />
</div>
<div id="apDiv30">
<input name="phone" type="text" />
</div>
<div id="apDiv31">
<input type="text" name="address" id="address" />
</div>
<div id="apDiv32">
<input name="bride" type="text" value="none" />
</div>
<input name="husb" type="text" value="none" />
</div>
<div id="apDiv2">
<div align="right">العروس</div>
</div>
<p> </p>
<p> </p>
<div id="apDiv3">
<div align="right">العنوان</div>
</div>
<p> </p>
<div id="apDiv6">
<div align="right">التلفون</div>
</div>
<div id="apDiv">
<div align="right">العريس</div>
</div>
<p> </p>
<div id="apDiv8">
<div align="right">عدد الاطباق</div>
</div>
<div id="apDiv9">
<div align="right">نوع الطبق</div>
</div>
<div id="apDiv11">
<div align="right">ملاحظات</div>
</div>
<div id="apDiv12">
<div align="right">المبلغ الكلي</div>
</div>
<div id="apDiv13">
<div align="right">التخفيض</div>
</div>
<div id="apDiv14">
<div align="right">العربون المدفوع</div>
</div>
<div id="apDiv15">
<div align="right">عدد الساعات الاضافية</div>
</div>
<div id="apDiv16">
<div align="right">سعر طبق الطفل</div>
</div>
<div id="apDiv7">
<div align="right">عدد الاشخاص</div>
</div>
<div id="apDiv10">
<div align="right">عدد الاطفال </div>
</div>
<div id="apDiv41">
<input name="day" type="text" id="day" size="5" />
</div>
<div id="apDiv44">
<div align="right">السنه</div>
</div>
<input name="date" type="hidden" value="" />
<div id="apDiv49">
<input type="button" value="calculate" onClick="date(this.form)" />
</div>
</form>
</body>
</html>
Page 1 of 1
cant call javascript function cant call javascript function
#1
M.Gamal 
- Forum Newcomer
-
- Group: Members
- Posts: 1
- Joined: 16-January 12
- Reputation: 0
Posted 16 January 2012 - 07:25 PM
hello everybody ,,, am working in form data to be saved in a database but first i need to do somecalculations using the javascript so i made i button called calculate to make to caluclations but when i click on it nothing happens ,,,, this is the code can anybody help me ?
Share this topic:
Page 1 of 1