Ich möchte eine Tabelle mit einem Zahlenwert in einem Textfeld m. Hilfe von Accesskeys vergrößern/verkleiner lassen, sowie bei Klick auf den jeweiligen Button.
Wenn man nun auf einen Button neue Zeile hinzufügen klickt, soll eine weitere Zeile mit dem selben Code ausgegeben werden. Dies habe ich versucht mit Php zu realisieren; die Zeile wird logischerwiese auch richtig ausgegeben aber Accesskeys spinnen natürlich wegen der Doppelbelegung, es müsste also irgendwie möglich sein eine Zeile zu markieren und, dass dann nur bei der gewählten die Accesskeys funktionieren.Und mein JS erhöht trotz umbenennung der id usw... den Wert in der neuen Zeile nicht mehr.
Ich habe folgenden Code als Zeile:
Das ist mein Javascript:
Um weitere Zeile einzufügen
Ich hoffe ihr könnt mir helfen =)
MFG M-P
Wenn man nun auf einen Button neue Zeile hinzufügen klickt, soll eine weitere Zeile mit dem selben Code ausgegeben werden. Dies habe ich versucht mit Php zu realisieren; die Zeile wird logischerwiese auch richtig ausgegeben aber Accesskeys spinnen natürlich wegen der Doppelbelegung, es müsste also irgendwie möglich sein eine Zeile zu markieren und, dass dann nur bei der gewählten die Accesskeys funktionieren.Und mein JS erhöht trotz umbenennung der id usw... den Wert in der neuen Zeile nicht mehr.
Ich habe folgenden Code als Zeile:
PHP:
<td>
<input name="anzahl" type="text" id="anzahl" style="font-family: Verdana; font-size: 24px" value="1" size="2" maxlength="3" />
</td>
<td width="2%"><input name="+" type="image" src="http://www.tutorials.de/forum/images/plusButton.png" onclick = "plusminusbutton('incr','anzahl');" accesskey="+"></td>
<td width="3%"><input name="-" type="image" src="http://www.tutorials.de/forum/images/minusButton.png" onclick = "plusminusbutton('decr','anzahl');" accesskey="-"></td>
Das ist mein Javascript:
PHP:
<script language="javascript">
function plusminusbutton(what,obj,num) {
if (what != "" && what != "undefined") {
if (obj != "" && obj != "undefined") {
if (num != "" && num != "undefined") {
o = document.getElementById(obj);
if (o.value != "") {
if (what == "incr") {
o.value ++;
}
else if(o.value !=1){
if (what == "decr") {
o.value --;
}
}
}
}
}
}
}
</script>
Um weitere Zeile einzufügen
PHP:
<?php $anzahl=1;
if ($_POST['submit'])
{
$anzahl=$anzahl+1;
echo '<table width="100%">
<tr>
<td width="1%">
<input name="anzahl'.$anzahl.' type="text" id='.$anzahl.' style="font-family: Verdana; font-size: 24px" value="1" size="2" maxlength="3" />
</td>
<td width="2%"><input name="+" type="image" src="http://www.tutorials.de/forum/images/plusButton.png" onclick=plusminusbutton(incr,'.$anzahl.'); accesskey="+"></td>
<td width="3%"><input name="-" type="image" src="http://www.tutorials.de/forum/images/minusButton.png" ></td>
</tr>
</table>
'; }?>
Ich hoffe ihr könnt mir helfen =)
MFG M-P