Larikon: Problem mit Javascript/PHP

Beitrag lesen

Aloha.

ich bin gerade an einem Projekt dran ein Kassensystem zu programieren und scheitere gerade dran.
Ich lade Produkte aus der Mysql-Datenbank. Dies funktioniert soweit.

  
<?php  
 echo "<html>";  
 echo "	<head>";  
//---------------------OPEN DATABASE---------------------//  
$verbindung = mysql_connect ("localhost", "kassen", "kassen", "kassen")  
or die ("keine Verbindung möglich.  
 Benutzername oder Passwort sind falsch");  
mysql_select_db("kassen")  
or die ("Die Datenbank existiert nicht.");  
$abfrage = "SELECT  
T1.prod_name,  
T2.preis  
  
  
FROM  
produkte T1,  
preise T2  
  
WHERE  
T1.prod_id2 = T2.prod_id  
";  
$ergebnis = mysql_query($abfrage) or die ("MySQL-Fehler: " . mysql_error());  

ich definier dann eine Standartumgebung für die Kassentabelle

  
echo "  
<div style=\"width:100%;height:100.1%; margin-top:0px; margin-left:0px;\">  
	<div style=\"width:100%;height:50%;\">  
	<table width=\"100%\"style=\"margin-left:0px;\">  
			<tr>  
			<td bgcolor=\"#333333\" style=\"border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaaaaa;width:10px;\">  
					<font color=\"#ffffff\">Pos</font>  
				</td>  
				<td bgcolor=\"#333333\" style=\"border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaaaaa;width:20%;\">  
					<font color=\"#ffffff\">Artikel</font>  
				</td>  
				<td bgcolor=\"#333333\" style=\"border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaaaaa;width:70%;\" id=\"td2\">  
					<font color=\"#ffffff\">Preis</font>  
				</td>  
			</tr>  
			<tr>  
		  
			</tr>  
		</table>  
		<table width=\"100%\"style=\"margin-left:0px;\" id=\"myTable\">  
			<tr>  
			<td bgcolor=\"#333333\" style=\"border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaaaaa;width:10px;\">  
  
				</td>  
				<td bgcolor=\"#333333\" style=\"border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaaaaa;width:20%;\">  
  
				</td>  
				<td bgcolor=\"#333333\" style=\"border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaaaaa;width:70%;\">  
				</td>  
			</tr>  
			<tr>  
		  
			</tr>  
		</table>  
	</div>  
	<div style=\"width:100.1%;height:50%;\">  

Jetzt kommt das Script per Javascript für die Tabellenerstellung

  
<script>  
		  
    function displayResult()  
    {  
    var table=document.getElementById(\"myTable\");  
    var row=table.insertRow(1);  
	var cell1=row.insertCell(0);  
    var cell2=row.insertCell(1);  
    var cell3=row.insertCell(2);  
	var prod_imp=document.getElementById(\"prod\").value;  
	var preis_imp=document.getElementById(\"prod\").name;  
	cell1.innerHTML= \"test\";  
	cell2.innerHTML=prod_imp;  
	cell3.innerHTML=preis_imp;  
    }  
    </script>  

funktioniert auch soweit.
jetzt erstelle ich Buttons aus der Dater der Datenbank.
Funktioniert auch soweit.

while($row = mysql_fetch_object($ergebnis))  
		{  
  
		echo "  
		<input type=\"button\" class=\"btn\" id=\"prod\" value=\"" . $row->prod_name . "\" name=\"" . $row->preis . "\" onclick=\"displayResult(this)\">";  
		};  

PROBLEM???
Er fügt mir immer die Daten des ersten Buttons in die Tabellenzellen ein.
Why???

Danke und Gruß