Neue Tabellenzeile

[.holger]

So, jetzt hab ich auch mal ne Frage

Also ich hab ne Tabelle (normal mit <table><tr><td>...).
Jede Spalte beinhaltet ein verlinktes Bild dass 40px breit ist. cellspacing ist 3 cellpadding ist 0 (ist aber net so wichtig).

Diese Tabelle ist in einem Frame, in dem genau 13 dieser Spalten nebeneinander passen. von einer 14. wären nur 3px oder so zu sehen.

Ich könnte ja jetzt einfach nach den 13 Spalten in der ersten Zeile eine neue Zeile anfangen. Da ich aber ab und zu was einfügen muss, müsste ich jedensmal alles was nachfolgt auch ändern. Also wenn ich in der ersten Zeile ein Bild hinzufüge muss ich ein Bild aus dieser Zeile in die 2. verschieben dnan eins aus der 2. in die 3. und so weiter.....

Jetzt meine Frage:
Wüsste einer von Euch eine möglichkeit wie ich automatisch eine neue Zeile einfügen kann, dass ich also irgendwie sage: Wenn die Zeilenläneg grösser als 400px ist fang ne neue Zeile an? oder wenn 13 Spalten in der Zeile sind fang eine neue Zeile an? oder irgendwie so was???

Wär cool, wenn mir einer n Denkanstoss geben könnte

 

[Comet]

Hallo!

Wenn du die Tabelle mit JS erstellen würdest wär das ganze denkbar einfach.

Einfach ein Array erstellen indem die ganzen Links o. Bilder o. beides reinkommen und daraus die Tabelle schnitzen, das wär doch was ?

 

[.holger]

mmmm gute Idee,.... daran hab ich gar net gedacht,... werd mich morgen mal ans umsetzten machen,......


Danke

 

[PHP-B-GINNA]

kann man zB so lösen

<script language="JavaScript">
  arrPics = new Array();
  arrPics[arrPics.length] = "bild1.gif";
  arrPics[arrPics.length] = "bild2.gif";
  arrPics[arrPics.length] = "bild3.gif";
...
  arrPics[arrPics.length] = "bildn.gif";

  intColumns = 13; // Anzahl der Bilder/Zeile

  document.writeln('<table border=0 cellspacing=3 cellpadding=0 width=400>');
  document.writeln(' <tr>');

  for(i=0;i<arrPics.length;i++) {
    if((i!=0) && (i%intColums == 0)){
      document.writeln('</tr>');
      document.writeln('<tr>');
    }
    document.writeln('  <td><img src="'+arrPics[i]+'"></td>');
  }
  document.writeln(' </tr>');
  document.writeln('</table>');
</script>

"%" ist die Modulo-Operation, d.h. Der Rest der Division mit der Zahl also 5%2 = 1, aber auch 11%2 = 1, also keine eineindeutige Zuordnung

 

[.holger]

jo danke ich kann ja auch alle Elemente vom Array in eine Zeile schreiben, also so:

var arrPics = new Array("bild1.gif","bild2.gif","bild3.gif","bild4.gif"...,"bildn.gif");

oder??

Sollte ja das selbe sein,.........

 

[.holger]

mmm irgendwie will der bei mir nur das erste Element hinschreiebn.... komisch,.. na ja, ich muss zu schule

 

[.holger]

Ah, hab den fehler gefunden, (war heut morgen noch net richtig wach)

in dieser Zeile ist der Fehler:

if((i!=0) && (i%intColums == 0)){

die muss

if((i!=0) && (i%intColumns == 0)){

heissen,.....


DANKE TROTZDEM NOCHMAL