Tabellengenerator

Dieser einfache Tabellengenerator wurde uns von David L. eingeschickt.

Dabei könnt ihr die Anzahl der Zeilen und Spalten festlegen sowie die einzelnen Zellen mit Inhalt füllen.

Anschließend kann man die Inhalte auch noch ändern, wenn man sich vertippt haben sollte. Wenn die Tabelle fertig ist, könnt ihr sie für eure eigene Seite einfach kopieren.

Natürlich könnt ihr aber auch das Tabellengenerator-Script für eure eigene Homepage hier rauskopieren 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- /* Copyright by David http://david97.kilu.de */ var ende = "Stopp"; //Wenn dieses Wort eingegeben wird, endet das Script //Ab hier nichts mehr ändern var zeilen = parseInt(window.prompt("Zeilen:","")); var spalten = parseInt(window.prompt("Spalten:","")); document.write('<table border="1" id="tabelle"></table>'); for(var i=1;i<=zeilen;i++) { document.getElementById("tabelle").innerHTML += "<tr id='tr_"+i+"'></tr>"; for(var k=1;k<=spalten;k++) { var eingabe = window.prompt("Inhalt von Zeile "+i+" Spalte "+k,""); if(eingabe == ende) { i = zeilen+1; } document.getElementById('tr_'+i).innerHTML += "<td id='td_"+i+"_"+k+"'><center>"+eingabe+"</center></td>"; } } function aendern() { var welche_zeile = window.prompt("Welche Zeile soll geändert werden?",""); var welche_spalte = window.prompt("Welche Spalte soll in der Zeile "+welche_zeile+" geändert werden?",""); var welcher = window.prompt("Welcher Text soll eingefügt werden?",""); document.getElementById('td_'+welche_zeile+'_'+welche_spalte).innerHTML = "<center>"+welcher+"</center>"; } document.write('<input type="button" value="Eine Zelle ändern" onclick="aendern();">'); //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/tabellengenerator/" target="_blank">kostenlose-javascripts.de</a> <!-- präsentiert von kostenlose-javascripts.de -->