automatisch jede 2. zeile na tabelle farbig - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > automatisch jede 2. zeile na tabelle farbig

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > automatisch jede 2. zeile na tabelle farbig

Pages: [1]

geschrieben von Gast am 23.06.2002 - 12:29

hi,

kann man das mit css machen, dass jede 2. zeile mit na festgelegten farbe hinterlegt wird? z.b. wie bei der produktauswahl ebay - oder kann man dat mit php realisieren - ich frag da och ma...

geschrieben von Patrick am 23.06.2002 - 13:06

Du kannst es mit PHP machen...
Wenn man mit PHP arbeitet, dann liest man ja die Daten meistens aus einer Tabelle ein. Du benutzt einfach einen Zähler und berechnest dir einfach daraus das Modular...

z.B.

	HTML-Quelltext
1: 2: 3: 4:	If (zaehler%2==0) bgcolor="#ffffff"; else bgcolor="#000000";

und dann musst du irgendwo sagen, dass die bgColor der Zeile gleicher deiner Variable bgColor ist. Natürlich musst das ganze in einer Schleife ablaufen und der Zähler muss hochgezählt werdern...

mfg,

patrick

geschrieben von Gast am 23.06.2002 - 17:45

ich hab auch einscript gefunden

<TABLE ID="aTable" BORDER="1">
<SCRIPT>
for (var i = 0; i < 6; i++) {
document.write('<TR>');
document.write('<TD><font color=white>' + i + '</font></TD><TD><font color=white>' + i + '</font><\/TD>');
document.write('<\/TR>');
}
</SCRIPT>
</TABLE>

<script type="text/javascript">

</script>

ist so rauskopiert musst also logischerweise noch ändern

geschrieben von René am 23.06.2002 - 18:57

hi sunrock, ShadowSoldier,

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32:

<table border="0" cellspacing="0" cellpadding="0" width="400">
<script language="JavaScript" type="text/javascript">
<!--
inhalt = new Array;

inhalt[1] = 'test 1 test';
inhalt[2] = 'test 2 test';
inhalt[3] = 'test 3 test';
inhalt[4] = 'test 4 test';
inhalt[5] = 'test 5 test';
inhalt[6] = 'test 6 test';
inhalt[7] = 'test 7 test';

/**********/

for ( i = 1; i < inhalt.length; ++i ) {

document.write('<tr>');

var test = i % 2;

if ( test == 0 ) {
    document.write('<td bgcolor="#aaaaaa">' + inhalt[i] + '</td>');
} else {
    document.write('<td bgcolor="#cccccc">' + inhalt[i] + '</td>');
}

document.write('</tr>');
}
//-->
</script>
</table>

geschrieben von Martin am 23.06.2002 - 22:46

Ave,

wenn ich mal meine Meinung kund tun darf. Es ist völliger Schwachsinn mit JavaScript eine Tabelle zu erzeugen nur um unterschiedliche Farbzeilen zu bekommen. Man sollte JavaScript nur da einsetzen wo sich Inhalt und Aufmachung während der "Laufzeit" dynamisch ändern. Was es hier augenscheinlich nicht tut.
Du solltest, wenn unbedingt dynamisch erzeugt, PHP benutzen. Ansonsten solltest du auf das gute alte HTML setzen und jede Tabellenspalte per bgcolor=#fefefe eine Hintergrundfarbe einstellen. Das erspart dir eine Menge Ärger mit den Browserkompatibilitäten und ist auf so ziemlich jeden alten Ding anzeigbar.

mfg martin