I created the following script in PHP using java to add two numbers in a text box and automatically display the total. I have a text box called length and width. By putting numbers in them, the total is displayed. But when I view this in browser, i can just see the java, But I can't see the java in PHP. Why is that?
<!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>
<style type="text/css">
<!--
body,td,th {
font-size: 9px;
}
-->
</style></head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7" valign="top"><p><strong> Ink Lab detials</strong></p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour detail</p></td>
<td width="84" valign="top"><p>Panthone Colour Ref</p></td>
<td width="30" valign="top"><p>Line</p></td>
<td width="50" valign="top"><p>Tone</p></td>
<td width="50" valign="top"><p>Ink Code</p></td>
<td width="39" valign="top"><p>Coverage</p></td>
<td width="20" valign="top"><p>%</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 1</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox3" id="checkbox3" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox" id="checkbox" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield12" type="text" id="textfield12" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield5" type="text" id="textfield5" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 2</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox4" id="checkbox4" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox2" id="checkbox2" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield13" type="text" id="textfield13" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield" type="text" id="textfield" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 3</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox5" id="checkbox5" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox6" id="checkbox6" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield14" type="text" id="textfield14" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield2" type="text" id="textfield2" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 4</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox7" id="checkbox7" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox9" id="checkbox9" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield15" type="text" id="textfield15" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield3" type="text" id="textfield3" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 5</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox8" id="checkbox8" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox10" id="checkbox10" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield16" type="text" id="textfield16" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield4" type="text" id="textfield4" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 6</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox11" id="checkbox11" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox15" id="checkbox15" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield17" type="text" id="textfield17" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield6" type="text" id="textfield6" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 7</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox12" id="checkbox12" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox14" id="checkbox14" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield18" type="text" id="textfield18" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield7" type="text" id="textfield7" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 8</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox13" id="checkbox13" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox16" id="checkbox16" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield19" type="text" id="textfield19" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield8" type="text" id="textfield8" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 9</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox17" id="checkbox17" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox18" id="checkbox18" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield20" type="text" id="textfield20" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield9" type="text" id="textfield9" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p>Colour 10</p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p>
<input type="checkbox" name="checkbox19" id="checkbox19" />
</p></td>
<td width="50" valign="top"><p>
<input type="checkbox" name="checkbox20" id="checkbox20" />
</p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield21" type="text" id="textfield21" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield10" type="text" id="textfield10" size="1" />
</p></td>
</tr>
<tr>
<td width="61" valign="top"><p><strong>Total</strong></p></td>
<td width="84" valign="top"><p> </p></td>
<td width="30" valign="top"><p> </p></td>
<td width="50" valign="top"><p> </p></td>
<td width="50" valign="top"><p> </p></td>
<td width="39" valign="top"><p>
<input name="textfield22" type="text" id="textfield22" size="1" />
</p></td>
<td width="20" valign="top"><p>
<input name="textfield11" type="text" id="textfield11" size="1" />
</p></td>
</tr>
</table>
</body>
</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 type="text/javascript">
"<script>java code</script>"
function calcTotal(){
var q = document.getElementById("Colour 1");
var r = document.getElementById("Colour 2");
var s = document.getElementById("Colour 3");
var t = document.getElementById("Colour 4");
var u = document.getElementById("Colour 5");
var v = document.getElementById("Colour 6");
var w = document.getElementById("Colour 7");
var x = document.getElementById("Colour 8");
var y = document.getElementById("Colour 9");
var z = document.getElementById("Colour 10");
var total = (q.value*1) + (r.value*1) + (s.value*1) + (t.value*1) + (u.value*1) + (v.value*1) + (w.value*1) + (x.value*1) + (y.value*1) + (z.value*1);
var a = document.getElementById("Total");
a.value = total;
}
</script>
</head>
<body>
Colour 1:<input type="text" id="Colour 1" size="1" onKeyPress="calcTotal()"/><br />
Colour 2:<input type="text" id="Colour 2" size="1" onKeyPress="calcTotal()"/><br />
Colour 3:<input type="text" id="Colour 3" size="1" onKeyPress="calcTotal()"/><br />
Colour 4:<input type="text" id="Colour 4" size="1" onKeyPress="calcTotal()"/><br />
Colour 5:<input type="text" id="Colour 5" size="1" onKeyPress="calcTotal()"/><br />
Colour 6:<input type="text" id="Colour 6" size="1" onKeyPress="calcTotal()"/><br />
Colour 7:<input type="text" id="Colour 7" size="1" onKeyPress="calcTotal()"/><br />
Colour 8:<input type="text" id="Colour 8" size="1" onKeyPress="calcTotal()"/><br />
Colour 9:<input type="text" id="Colour 9" size="1" onKeyPress="calcTotal()"/><br />
Colour 10:<input type="text" id="Colour 10" size="1" onKeyPress="calcTotal()"/><br />
Total: <input type="text" disabled="disabled" size="1" id="Total" />
</body>
</html>
PHP with java
Moderator: General Moderators