kostenloser Webspace werbefrei: lima-city

Fehlerhafte IF Abfrage

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   siteplayer

   siteplayer hat kostenlosen Webspace.

   15:51, 16.7.2010

   Nach jedem 5ten tag/durchlauf">Durchlauf der FOR schleife soll ein TR erfolgen, jedoch klapt dies nur nach dem 5ten mal, nach dem 6ten mal erfolgt wieder ein TR und danach nach dem 10ten.
   
   Ich finde den Fehler irgendwie nicht, hoffe ihr könnt mir weiter helfen.
   
   

   <script type="text/javascript">
   var width = 15;
   var height = 10;
   var color =new Array('000000', '000033', '000004', '000077', '0000FF', '005511', '005533', '005500', '005577', '0055FF', '00EE11', '00EE33', '00EE00', '00EE77', '00EEFF', 'CCBB11', 'CCDD33', 'CCEE00', 'CCFF77', 'CCFFFF', 'FFBB11', 'FFDD33', 'FFEE00', 'FFFF77', 'FFFFFF');
   document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
   document.writeln('<tr>');
   for (i = 0; i < 25; i++) {
   	if((i == 5)||(i == 10)||(i == 15)||(i == 20)) { document.writeln('<tr>'); }
   	document.write('<td bgcolor="#' + color[i] + '" style="width: ' + width + 'px; height: ' + height + 'px; cursor: pointer" onclick="insert(\'[color=#' + color[i] + ']\', \'[/color]\'); return false;">');
   	document.write('<img src="images/spacer.gif" width="' + width + '" height="' + height + '" title="[color=#' + color[i] + ']Text[/color]" />');
   	document.writeln('</td>');
   	if((i == 5)||(i == 10)||(i == 15)||(i == 20)) { document.writeln('</tr>'); }
   }
   document.writeln('<tr>');
   document.writeln('</table>');
   </script>

   
   
   Das ganze sieht dann so aus:

   000000 000033 000004 000077 0000FF
   005511
   005533 005500 005577 0055FF
   00EE11
   00EE33 00EE00 00EE77 00EEFF
   CCBB11
   CCDD33 CCEE00 CCFF77 CCFFFF
   FFBB11
   FFDD33 FFEE00 FFFF77 FFFFFF

   
   So sollte es allerdings aussehen:
   

   000000 000033 000004 000077 0000FF
   005511 005533 005500 005577 0055FF
   00EE11 00EE33 00EE00 00EE77 00EEFF
   CCBB11 CCDD33 CCEE00 CCFF77 CCFFFF
   FFBB11 FFDD33 FFEE00 FFFF77 FFFFFF

   
   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. s*****h

   16:06, 16.7.2010

   nach ein paar tests klappt es bei mir wenn ich
   
   if((i == 5)||(i == 10)||(i == 15)||(i == 20)) { document.writeln('</tr>'); }
   
   weglasse, also so:
   
   

   <script type="text/javascript">
   var width = 15;
   var height = 10;
   var color =new Array('000000', '000033', '000004', '000077', '0000FF', '005511', '005533', '005500', '005577', '0055FF', '00EE11', '00EE33', '00EE00', '00EE77', '00EEFF', 'CCBB11', 'CCDD33', 'CCEE00', 'CCFF77', 'CCFFFF', 'FFBB11', 'FFDD33', 'FFEE00', 'FFFF77', 'FFFFFF');
   document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
   document.writeln('<tr>');
   for (i = 0; i < 25; i++) {
   	if((i == 5)||(i == 10)||(i == 15)||(i == 20)) { document.writeln('<tr>'); }
   	document.write('<td bgcolor="#' + color[i] + '" style="width: ' + width + 'px; height: ' + height + 'px; cursor: pointer" onclick="insert(\'[color=#' + color[i] + ']\', \'[/color]\'); return false;">');
   	document.write('<img src="images/spacer.gif" width="' + width + '" height="' + height + '" title="[color=#' + color[i] + ']Text[/color]" />');
   	document.writeln('</td>');
   }
   document.writeln('<tr>');
   document.writeln('</table>');
   </script>

   
   
   Beitrag zuletzt geändert: 16.7.2010 16:15:36 von sjcbuch
4. Autor dieses Themas

   siteplayer

   siteplayer hat kostenlosen Webspace.

   17:19, 16.7.2010

   Vielen Dank =) endlich funzt es =)

5. bigbaer

   bigbaer hat kostenlosen Webspace.

   8:58, 28.7.2010

   Um Himmels Willen, wenn ich mir diese Lösung ansehe ... Klappen tuts vielleicht, aber sauber ist das auf keinen Fall. Richtig sieht das so aus:
   
   

   <script type="text/javascript">
   var width = 15;
   var height = 10;
   var color =new Array('000000', '000033', '000004', '000077', '0000FF', '005511', '005533', '005500', '005577', '0055FF', '00EE11', '00EE33', '00EE00', '00EE77', '00EEFF', 'CCBB11', 'CCDD33', 'CCEE00', 'CCFF77', 'CCFFFF', 'FFBB11', 'FFDD33', 'FFEE00', 'FFFF77', 'FFFFFF');
   document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
   for (i = 0; i < 25; i++) {
   	if(i%5==0) { document.writeln('<tr>'); }
   	document.write('<td bgcolor="#' + color[i] + '" style="width: ' + width + 'px; height: ' + height + 'px; cursor: pointer" onclick="insert(\'[color=#' + color[i] + ']\', \'[/color]\'); return false;">');
   	document.write('<img src="images/spacer.gif" width="' + width + '" height="' + height + '" title="[color=#' + color[i] + ']Text[/color]" />');
   	document.writeln('</td>');
   	if(i%5==4) { document.writeln('</tr>'); }
   }
   document.writeln('</table>');
   </script>

   
   
   Also bitte die tr-Tags vor und nach der Schleife weglassen. Das tr-Tag nach der Schleife war übrigens falsch, da es ein Öffnendes statt einschließendes Tag war. Beim nächsten Mal lass Dir doch einfach den erzeugten Code als Klartext ausgeben, dann kannst Du überprüfen, was Deine Schleife genau macht.
   
   LG
   
   BigBaer

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?