Menu
ok.. so i got a piece of good workin code, which i had help with on this forum. i have used and trested it and works fine rite.. but as soon as i put it into dreamweaver it stops working: the two sets of code are.. i apologise for the amount of lines i have posted:
[CODE] <html>
<head>
<title>room square meter Calculator</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<script type=”text/javascript”>
function calcArea(L,W)
{return L*W;}
function calc(f,W,L){
var width = parseFloat(W);
var length = parseFloat(L);
var area = calcArea (length,width);
//var squaremeter = calcSquaremeter();
f.value = calcArea(length,width);
//f.squaremeterBox.value = squaremeter;}
}
</script>
<style type=”text/css”>
label {display:block;}
</style>
</head>
<body>
<p><strong>Wall coverage calculator</strong></p>
<form name=”calculatorForm” action=”#”>
<div>
<p><strong>Wall 1</strong></p>
<label>Width of wall 1: <input type=”text” name=”widthBox1″ size=”6″></label>
<label>Length of wall 1: <input type =”text” name=”lengthBox1″ size=”6″></label>
<p><input type= “button” name=”calcBtn” value=”Calculate”
onclick=”calc(this.form.areaBox1,this.form.widthBox1.value,this.form.lengthBox1.value)”></p>
<label>The area is: <input type=”text” name=”areaBox1″ size=”12″ readonly></label>
<p><strong>Wall 2</strong></p>
<label>Width of wall 2: <input type=”text” name=”widthBox2″ size=”6″></label>
<label>Length of wall 2: <input type =”text” name=”lengthBox2″ size=”6″></label>
<p><input type= “button” name=”calcBtn2″ value=”Calculate”
onclick=”calc(this.form.areaBox2,this.form.widthBox2.value,this.form.lengthBox2.value)”></p>
<label>The area is: <input type=”text” name=”areaBox2″ size=”12″ readonly></label>
<p><strong>Wall 3</strong></p>
<label>Width of wall 3: <input type=”text” name=”widthBox3″ size=”6″></label>
<label>Length of wall 3: <input type =”text” name=”lengthBox3″ size=”6″></label>
<p><input type= “button” name=”calcBtn3″ value=”Calculate”
onclick=”calc(this.form.areaBox3,this.form.widthBox3.value,this.form.lengthBox3.value)”></p>
<label>The area is: <input type=”text” name=”areaBox3″ size=”12″ readonly></label>
<p><strong>Wall 4</strong></p>
<label>Width of wall 4: <input type=”text” name=”widthBox4″ size=”6″></label>
<label>Length of wall 4: <input type =”text” name=”lengthBox4″ size=”6″></label>
<p><input type= “button” name=”calcBtn4″ value=”Calculate”
onclick=”calc(this.form.areaBox4,this.form.widthBox4.value,this.form.lengthBox4.value)”></p>
<label>The area is: <input type=”text” name=”areaBox4″ size=”12″ readonly></label>
<p><strong>Wall 5</strong></p>
<label>Width of wall 5: <input type=”text” name=”widthBox5″ size=”6″></label>
<label>Length of wall 5: <input type =”text” name=”lengthBox5″ size=”6″></label>
<p><input type= “button” name=”calcBtn5″ value=”Calculate”
onclick=”calc(this.form.areaBox5,this.form.widthBox5.value,this.form.lengthBox5.value)”></p>
<label>The area is: <input type=”text” name=”areaBox5″ size=”12″ readonly></label>
<p><strong>Wall 6</strong></p>
<label>Width of wall 6: <input type=”text” name=”widthBox6″ size=”6″></label>
<label>Length of wall 6: <input type =”text” name=”lengthBox6″ size=”6″></label>
<p><input type= “button” name=”calcBtn6″ value=”Calculate”
onclick=”calc(this.form.areaBox6,this.form.widthBox6.value,this.form.lengthBox6.value)”></p>
<label>The area is: <input type=”text” name=”areaBox6″ size=”12″ readonly></label>
<p><strong>Wall 7</strong></p>
<label>Width of wall 7: <input type=”text” name=”widthBox7″ size=”6″></label>
<label>Length of wall 7: <input type =”text” name=”lengthBox7″ size=”6″></label>
<p><input type= “button” name=”calcBtn7″ value=”Calculate”
onclick=”calc(this.form.areaBox7,this.form.widthBox7.value,this.form.lengthBox7.value)”></p>
<label>The area is: <input type=”text” name=”areaBox7″ size=”12″ readonly></label>
<p><strong>Wall 8</strong></p>
<label>Width of wall 8: <input type=”text” name=”widthBox8″ size=”6″></label>
<label>Length of wall 8: <input type =”text” name=”lengthBox8″ size=”6″></label>
<p><input type= “button” name=”calcBtn8″ value=”Calculate”
onclick=”calc(this.form.areaBox8,this.form.widthBox8.value,this.form.lengthBox8.value)”></p>
<label>The area is: <input type=”text” name=”areaBox8″ size=”12″ readonly></label>
</div>
</form>
</body>
</html>
the dreaver code is as folows :
[CODE]<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Al-Murads ceramic Tiles simulator</title>
<script type=”text/javascript”>
function calcArea(L,W)
{return L*W;}
function calc(f,W,L){
var width = parseFloat(W);
var length = parseFloat(L);
var area = calcArea (length,width);
//var squaremeter = calcSquaremeter();
f.value = calcArea(length,width);
//f.squaremeterBox.value = squaremeter;
}
}
</script>
<style type=”text/css”>
label {display:block;}
</style>
</head>
<body>
<table width=”715″ height=”100″ border=”1″>
<tr>
<td width=”705″><img src=”al-murad logo.JPG” width=”705″ height=”101″ /></td>
</tr>
</table>
<table width=”715″ height=”400″ border=”2″ cellpadding=”1″>
<tr>
<td width=”329″ height=”217″><p><strong>Wall 1</strong></p>
<label>Width of wall 1: <input type=”text” name=”widthBox1″ size=”6″></label>
<label>Length of wall 1: <input type =”text” name=”lengthBox1″ size=”6″></label>
<p><input type= “button” name=”calcBtn” value=”Calculate”
onclick=”calc(this.form.areaBox1,this.form.widthBox1.value,this.form.lengthBox1.value)”></p>
<label>The area is: <input type=”text” name=”areaBox1″ size=”12″ readonly></label>
</td>
<td width=”368″><p><strong>Wall 2</strong></p>
<label>Width of wall 2: <input type=”text” name=”widthBox2″ size=”6″></label>
<label>Length of wall 2: <input type =”text” name=”lengthBox2″ size=”6″></label>
<p><input type= “button” name=”calcBtn2″ value=”Calculate”
onclick=”calc(this.form.areaBox2,this.form.widthBox2.value,this.form.lengthBox2.value)”></p>
<label>The area is: <input type=”text” name=”areaBox2″ size=”12″ readonly></label> </td>
</tr>
<tr>
<td><p><strong>Wall 3</strong></p>
<label>Width of wall 3: <input type=”text” name=”widthBox3″ size=”6″></label>
<label>Length of wall 3: <input type =”text” name=”lengthBox3″ size=”6″></label>
<p><input type= “button” name=”calcBtn3″ value=”Calculate”
onclick=”calc(this.form.areaBox3,this.form.widthBox3.value,this.form.lengthBox3.value)”></p>
<label>The area is: <input type=”text” name=”areaBox3″ size=”12″ readonly></label>
</td>
<td><p><strong>Wall 4</strong></p>
<label>Width of wall 4: <input type=”text” name=”widthBox4″ size=”6″></label>
<label>Length of wall 4: <input type =”text” name=”lengthBox4″ size=”6″></label>
<p><input type= “button” name=”calcBtn4″ value=”Calculate”
onclick=”calc(this.form.areaBox4,this.form.widthBox4.value,this.form.lengthBox4.value)”></p>
<label>The area is: <input type=”text” name=”areaBox4″ size=”12″ readonly></label>
</td>
</tr>
<tr>
<td><p><strong>Wall 5</strong></p>
<label>Width of wall 5: <input type=”text” name=”widthBox5″ size=”6″></label>
<label>Length of wall 5: <input type =”text” name=”lengthBox5″ size=”6″></label>
<p><input type= “button” name=”calcBtn5″ value=”Calculate”
onclick=”calc(this.form.areaBox5,this.form.widthBox5.value,this.form.lengthBox5.value)”></p>
<label>The area is: <input type=”text” name=”areaBox5″ size=”12″ readonly></label>
</td>
<td><p><strong>Wall 6</strong></p>
<label>Width of wall 6: <input type=”text” name=”widthBox6″ size=”6″></label>
<label>Length of wall 6: <input type =”text” name=”lengthBox6″ size=”6″></label>
<p><input type= “button” name=”calcBtn6″ value=”Calculate”
onclick=”calc(this.form.areaBox6,this.form.widthBox6.value,this.form.lengthBox6.value)”></p>
<label>The area is: <input type=”text” name=”areaBox6″ size=”12″ readonly></label>
</td>
</tr>
<tr>
<td><p><strong>Wall 7</strong></p>
<label>Width of wall 7: <input type=”text” name=”widthBox7″ size=”6″></label>
<label>Length of wall 7: <input type =”text” name=”lengthBox7″ size=”6″></label>
<p><input type= “button” name=”calcBtn7″ value=”Calculate”
onclick=”calc(this.form.areaBox7,this.form.widthBox7.value,this.form.lengthBox7.value)”></p>
<label>The area is: <input type=”text” name=”areaBox7″ size=”12″ readonly></label>
</td>
<td><p><strong>Wall 8</strong></p>
<label>Width of wall 8: <input type=”text” name=”widthBox8″ size=”6″></label>
<label>Length of wall 8: <input type =”text” name=”lengthBox8″ size=”6″></label>
<p><input type= “button” name=”calcBtn8″ value=”Calculate”
onclick=”calc(this.form.areaBox8,this.form.widthBox8.value,this.form.lengthBox8.value)”></p>
<label>The area is: <input type=”text” name=”areaBox8″ size=”12″ readonly></label>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
the only difference is the image and the tables in dreamweaver