Zum Inhalt springen

Tabelle mit Hilfe von JavaScript


Elbe

Empfohlene Beiträge

Hi,

irgendiwe komme ich überhaupt nicht weiter, und bräuchte deshalb dringend mal Hilfe. Ich habe in einem Array Daten gespeichert, die ich gerne in eine Tabelle eintragen möchte. Manuell ist es kein Problem, die Tabelle so zu erstellen, wie ich es haben möchte, da ich mir aber die Schreibarbeit ersparen möchte, möchte ich die Tabelle mit Hilfe einer JavaScript Schleife erstellen. Momentan sieht es so aus (der Inhalt des Arrays ist nur ein Muster):

<HTML>

<HEAD><TITLE>Tabellen</TITLE></HEAD>

<BODY>

<TABLE>

<TABLE BORDER = "1">

<colgroup><col width="40"><col width="40"><col width="40" span="6"></colgroup>

<SCRIPT LANGUAGE='Javascript'>

var my = new Array('1','2','3','4','5','6')

'<TR>'

for(var x=0; x<3; x++)

{

document.write('<TD>'+my[x]+'</TD>')

}

'</TR>'

</SCRIPT>

</TABLE>

</BODY>

</HTML>

Ich möchte jetzt, daß die Tabelle nach 3 Spalten endet, und dann wieder eine neue Zeile angefangen wird, in die die weiteren Werte eingetragen werden. Müßte ja irgendwie mit </TR><TR> gehen, aber das funktioniert irgendwie nicht.

Viele Grüße

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hi Elbe,

um eine Tabelle dynamisch erstellen zu können musst Du dies über ein Javscript tun.

Am besten erstellst Du Deine komplette Tabelle dynmasich. In Deinem JavaScript müsstest Du beginnen mit

neueTabelle=document.createElement('TABLE');

neueTabelle.reihe = document.createElement('tr');

neueTabelle.reihe.spalte = document.createElement('td');

So muss das in etwas ausschauen. Weiss leider das gerade nicht 100%ig auswenig. Werde mich weiter schlau machen.

Aber wie gesagt nur so kannst DU Dir eine dynamische Tabelle ertsellen!!

Gruss Azubi-Tigerente

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...