dynamische tabelle Mi Javascript n Help

[styler173]

Hallo Leute,
suche nach einem Weg eine Tabelle zu erzeugen mit x Spalten und x Zeilen.
der inhalt der einzelnen kästchen sollte sich hochzählen hier ein Beispiel wie es aussehen sollte ein Arbeitskollege hat es mir mit 2 For schleifen gezeigt aller dings hab ich net ganz verstanden vil könnt ihr mir ja weiterhelfen?



<table width="300px" height="491" border="1">
<tr>
<td bgcolor="#FF0000">1</td>
<td bgcolor="#FF0000">2</td>
<td bgcolor="#FF0000">3</td>
<td bgcolor="#FF0000">4</td>
</tr>
<tr>
<td bgcolor="#FF0000">5</td>
<td bgcolor="#FF0000">6</td>
<td bgcolor="#FF0000">7</td>
<td bgcolor="#FF0000">8</td>
</tr>
<tr>
<td bgcolor="#FF0000">9</td>
<td bgcolor="#FF0000">10</td>
<td bgcolor="#FF0000">11</td>
<td bgcolor="#FF0000">12</td>
</tr>
<tr>
<td bgcolor="#FF0000">13</td>
<td bgcolor="#FF0000">14</td>
<td bgcolor="#FF0000">15</td>
<td bgcolor="#FF0000">16</td>
</tr>
<tr>
<td bgcolor="#FF0000">17</td>
<td bgcolor="#FF0000">18</td>
<td bgcolor="#FF0000">19</td>
<td bgcolor="#FF0000">20</td>
</tr>
<tr>
<td height="105" bgcolor="#FF0000">21</td>
<td bgcolor="#FF0000">22</td>
<td bgcolor="#FF0000">23</td>
<td bgcolor="#FF0000">24</td>
</tr>
</table>

 

[limubai81]

AW: dynamische tabelle Mi Javascript n Help

hiho ich denk mal das hier müsste dir weiterhelfen
Tabellen mit Javascript | lima-city: kostenloser Webspace

 

[stroyer]

AW: dynamische tabelle Mi Javascript n Help

Du kannst wie oben auf der Website beschrieben zwei for Schleifen verschachteln; eine ist für die Zeilen, die andere für die Spalten zuständig. Für den Wert würde ich persönlich überhaupt einfach nur eine Variable jedes Mal beim erstellen einer Zelle um eins erhöhen.
Denkst du eigentlich an PHP oder an JS?

 

[styler173]

AW: dynamische tabelle Mi Javascript n Help

an JS danke leutz für so viele Antworten mit dem link lässt sich was anfangen big thx

 

[styler173]

AW: dynamische tabelle Mi Javascript n Help

hi leute tabelle hab ich soweit hinbekommen das mit dem zähler auch nur möchte ich nun einen link zur jeweiligen id

also folgendes script

<script type="text/javascript">





pichigh = 100;//bildhöhe in pixel
picwidth = 100;//bildbreite in pixel
anzahl_bilder = 46;
anzahl_spalten = 4;
anzahl_zeilen = anzahl_bilder/anzahl_spalten;
tab = "<table border='1'>";
for (i=0;i<anzahl_zeilen;i++){
tab = tab + "<tr>";
for (j=0;j<anzahl_spalten;j++){
id = i*anzahl_spalten+j;
tab = tab + "<td width='"+ picwidth +"px'><img src='bilder/lol ("+ id +").jpg' height='"+ pichigh +"px' width='"+ picwidth +"px' /></td>";
}
tab = tab + "</tr>";
}
tab = tab + "</table";
document.write(tab);






</script>

so also meine bilder erscheinen in der tabelle nun möchte ich dass das bild auf das ich klicke in nem pop up erscheint hab schon was ausprobiert allerdings übernimmt es mir immer die letzte zahl und nicht die die ich anklicke vil findet ihr ne antwort

 

[stroyer]

AW: dynamische tabelle Mi Javascript n Help

das erste was mir auffällt ist, das du besser statt tab = tab + ... einfach tab += ... schreiben könntest.
id = i*anzahl_spalten+j;
da hätt ich gemeint id++; zu schreiben. Sonst fällt mir auf die schnelle eigentlich kein fehler auf.

 

[styler173]

AW: dynamische tabelle Mi Javascript n Help

ich such ja auch kein fehler das script funktioniert nur wenn ich jetzt das entsprechende bild in einem pop up groß anzeigen will dann weiß ich net wie ich des machen soll dass im pop up auch das bild ist das ich angeklickt habe also die richtige id ins neue fenster übernehmen nur wie??

 

[stroyer]

AW: dynamische tabelle Mi Javascript n Help

aso entschuldige, da hab ich dich falsch verstanden

tab = tab + "<td width='"+ picwidth +"px'><a target=\"popup\" onClick=\"window.open
('', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,
resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
\" href=\"bilder/lol ("+ id +").jpg\"><img src='bilder/lol ("+ id +").jpg' height='"+ pichigh +"px' width='"+ picwidth +"px' /></a></td>";

zugegebenermaßen etwas chaotisch aber sollte als Beispiel funktionieren.

 

[styler173]

AW: dynamische tabelle Mi Javascript n Help

hey ich dank dir werds morgen bei gelegenheit mal testen big thx wenn du noch mehr ideen hast kannst ja schreiben