[FRAGE] Javascript Nummerrierung

[Fussel86]

Hallo Leute,

ich habe eine javascript das bei einem Klick auf den Button, eine neue Zeile zur Tabelle hinzufügt.
Jetzt hätte ich gerne dass bei jeder neuen automatisch nummerriert wird.

<script type="text/javascript">
                function ad_row()
                {
                        var table_id = "t1";
                        var table = document.getElementById( table_id );
                        var rows = table.getElementsByTagName( "tr" ).length;
                        var tr = table.insertRow( rows );
						var th = document.createElement( "th" );
                        var td1 = document.createElement( "td" );
                        var td2 = document.createElement( "td" );
                        var td3 = document.createElement( "td" );
						var td4 = document.createElement( "td" );
						var td5 = document.createElement( "td" );
						var i=0
						th.innerHTML = i;
                        td1.innerHTML = '<input type="text" name="member" />';
                        td2.innerHTML = '<input type="number" name="rh-level" />';
                        td3.innerHTML = '<input type="number" name="level" />';
						td4.innerHTML = '<input type="number" name="rhl gegner" />';
					  	td5.innerHTML = '<input type="number"   name="level gegner" />';
						tr.appendChild( th );
                        tr.appendChild( td1 );
                        tr.appendChild( td2 );
                        tr.appendChild( td3 );
                		tr.appendChild( td4 );
						tr.appendChild( td5 );
						
				}
        </script>

Bei th.innerHTML = i; soll die Ausgabe erfolgen.

Bin für jede Hilfe dankbar.
Schonmal vielen Dank.

 

[SteelWheel]

Hi Fussel, willkommen hier in diesem JS-Forum.

Sag mal, wo hast Du denn das her?! Uff ...

Ich erlaube mir einen Tipp - statt Lösung: Du hast so eine schöne ID für die Table - warum zählst Du nicht die darunter befindlichen tr-Tags, wie Du es bereits bei var rows machst und zählst inkrementell vor Verwendung hoch?

i wäre daher eigentlich nur rows + 1, oder?

Aber ich befürchte fast, Du willst Zellen zählen - oder?

Meld Dich ... hier (im Forum) wird Dir geholfen!

 

[Fussel86]

@ SteelWheel
Ich bin ein absoluter Newby in Javscript, ich habe es so im netz gefunden und vergebens versucht nen counter einzubauen,

Könntest du mir bitte den Code schreiben, so wie du gemeint hast?
Dann würde ich mal schauen, ob es funktioniert.

Vielen Dank.

 

[j-l-n]

Bitte verwende zukünftig die jeweils passenden Code-Tags - eignet sich nur für [b]einzeilige[/b] Codesnippets!

 

[TecEye]

<script type="text/javascript">
var i = 0;
                function ad_row()
                {
                        var table_id = "t1";
                        var table = document.getElementById( table_id );
                        var rows = table.getElementsByTagName( "tr" ).length;
                        var tr = table.insertRow( rows );
						var th = document.createElement( "th" );
                        var td1 = document.createElement( "td" );
                        var td2 = document.createElement( "td" );
                        var td3 = document.createElement( "td" );
						var td4 = document.createElement( "td" );
						var td5 = document.createElement( "td" );
						i++;
						th.innerHTML = i;
                        td1.innerHTML = '<input type="text" name="member" />';
                        td2.innerHTML = '<input type="number" name="rh-level" />';
                        td3.innerHTML = '<input type="number" name="level" />';
						td4.innerHTML = '<input type="number" name="rhl gegner" />';
					  	td5.innerHTML = '<input type="number"   name="level gegner" />';
						tr.appendChild( th );
                        tr.appendChild( td1 );
                        tr.appendChild( td2 );
                        tr.appendChild( td3 );
                		tr.appendChild( td4 );
						tr.appendChild( td5 );
						
				}
        </script>

 

[Fussel86]

Danke an alle für die Hilfe.
Es funktioniert wunderbar.