Hallo,
ich habe mehrere Probleme mit meinem Script, dass automatisch
Zeilen zu einer Tabelle hinzufügen soll.
Geplant ist, zu einer Tabelle mit einer Zeile - erstellt in der html-Datei 5 Zeilen dynamisch hinzuzufügen. Es klappt im Moment mit onclick - eigentlich hätte ich es gerne mit der Entertaste. Da habe ich noch gar keine Idee. Aber es funktioniert auch nur mit onclick immer in die erste Zeile. Bei den Folgezeilen kann ich klicken soviel ich will - da tut sich nichts.
Hier der Code.
<script language="JavaScript" type="text/javascript">
function zeile_neu(Tabelle, startpos)
{
var Tabelle = document.getElementById(Tabelle);
var ct = Tabelle.rows.length;
var startpos=startpos+ct;
if (ct <6){
Tabelle.insertRow(ct);
Tabelle.rows[ct].insertCell(0);
Tabelle.rows[ct].cells[0].innerHTML='<img title="Priorität ändern" onclick="changeOrder" src="./images/upImage.gif">';
Tabelle.rows[ct].insertCell(1);
Tabelle.rows[ct].cells[1].innerHTML=' ';
Tabelle.rows[ct].insertCell(2);
Tabelle.rows[ct].cells[2].innerHTML= startpos + '.';
Tabelle.rows[ct].insertCell(3);
Tabelle.rows[ct].cells[3].innerHTML='<input type="text" size="28" name="BAS[' + startpos + ']" onclick="zeile_neu[' + startpos + '])" value="" />';
Tabelle.rows[ct].insertCell(4);
Tabelle.rows[ct].cells[4].innerHTML= '<img title="Aufgabe löschen" src="./images/remove.jpeg" onclick="removeZeile">';
}
}
function removeZeile(Tabelle)
{
var Tabelle = document.getElementById(Tabelle)
Tabelle.deleteRow(-1);
}
</script>
<html>
<head> </head>
<body>
<table width="280" background="./images/hintergrund.jpg" border="1" cellpadding="0" cellspacing="0" >
<tbody id="mytable">
<!-- 1.Zeile der Tabelle -->
<tr>
<td><img title="Priorität ändern" onclick="changeOrder" src="./images/upImage.gif"></td>
<td> </td>
<td> 1. </td>
<td> <input type="text" size="28" name="BAS[1]" onclick="zeile_neu('mytable', 1)" ></td>
<td> <img title="Aufgabe löschen" src="./images/remove.jpeg" onclick="removeZeile('mytable')"> </td>
</tr>
</tbody>
</table>
</body>
</html>