Auf Thema antworten 2026

Beitrag

<blockquote data-quote="stroyer" data-source="post: 823275" data-attributes="member: 263373">AW: Hintergrundfarbe von Tabellenzellen zufällig ändern@Zro:Also erst einmal ist eine geschwungene Klammer zu viel zu.Zweitens geht alles, bis auf die Zuweisung der Zufallsfarbe beim Laden. Dafür weist Du aber der farbe ein Array zu. Das ist der Fehler.Zweitens hätt ich nicht z01.onmouseover genommen, sondern auch document.getElementById(&#039;z01&#039;).onmouseover. Es kann sein, dass erstere Variante nicht auf allen Browsern läuft.Dann geht alles.Übrigens: Ich denke es ist nur ein Fehler beim kopieren, aber &lt;html&gt; fehlt.&nbsp;@cakalman: Ich denke, das was Du geschrieben hast ist so ziemlich die beste als auch effizieneste Methode.EDIT: Bis auf ein paar kleine Fehler: erstens darfst du in der onmouseover-Funktion nicht document.getElementById(&quot;z1&quot;) schreiben (wenn schon z01) sondern stattdessen einfach this. zweitens fehlen die Zufallsattribute beim Laden der Seite.Alles zusammen hätt ichs dann ungefähr so gemacht:[html]&lt;html&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt; &lt;title&gt;Schriftfarbwechsel&lt;/title&gt;&lt;style&gt;&lt;!--body {&nbsp; &nbsp; margin-left: 60px;&nbsp; &nbsp; margin-top: 60px;&nbsp; &nbsp; margin-right: 0px;&nbsp; &nbsp; margin-bottom: 0px;}--&gt;&lt;/style&gt;&lt;script type=&quot;text/javascript&quot;&gt;//eine Auswahl von Farben...var farben = new Array(&quot;#ff00ff&quot;,&quot;#0000ff&quot;,&quot;#00cccc&quot;,&quot;#ffff00&quot;);var schriftgroesse = new Array(12,13,14,15,16,17);&nbsp; function init() {&nbsp; &nbsp; //alle Tabellenzellen...&nbsp; &nbsp; var zellen = document.getElementsByTagName(&quot;td&quot;);&nbsp; &nbsp; for (var i = 0; i&lt;zellen.length; i++){&nbsp; &nbsp; &nbsp; //sobald man mit der Maus darüberfährt.&nbsp; &nbsp; &nbsp; zellen[i].onmouseover = function(){&nbsp; &nbsp; &nbsp; &nbsp; //Die Farbe soll zufällig aus einer kleinen Auswahl gewählt werden.&nbsp; &nbsp; &nbsp; &nbsp; var num = Math.floor(Math.random()* farben.length);&nbsp; &nbsp; &nbsp; &nbsp; var grosse = Math.floor(Math.random() * schriftgroesse.length);&nbsp; &nbsp; &nbsp; &nbsp; this.style.color = farben[num];&nbsp; &nbsp; &nbsp; &nbsp; this.style.fontSize = schriftgroesse[grosse];&nbsp; &nbsp; &nbsp; &nbsp; //dass sie die Hintergrundfarbe wechseln sollen...&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; var num = Math.floor(Math.random()* farben.length);&nbsp; &nbsp; &nbsp; &nbsp; var grosse = Math.floor(Math.random() * schriftgroesse.length);&nbsp; &nbsp; &nbsp; &nbsp; zellen[i].style.color = farben[num];&nbsp; &nbsp; &nbsp; &nbsp; zellen[i].style.fontSize = schriftgroesse[grosse];&nbsp; &nbsp; }&nbsp; }&lt;/script&gt; &lt;body onload=&quot;init()&quot;&gt;&lt;body&gt;&lt;table width=&quot;165&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td width=&quot;165&quot; height=&quot;20&quot; align=&quot;left&quot; valign=&quot;top&quot; id=&quot;z01&quot;&gt;Schrifttest 1&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td width=&quot;165&quot; height=&quot;20&quot; align=&quot;left&quot; valign=&quot;top&quot; id=&quot;z02&quot;&gt;Schrifttest 2&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td width=&quot;165&quot; height=&quot;20&quot; align=&quot;left&quot; valign=&quot;top&quot; id=&quot;z03&quot;&gt;Schrifttest 3&lt;/td&gt;&nbsp; &lt;/tr&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;[/html]Die random-Funktion von JS selber ist zwar nicht gut aber besser als nichts.</blockquote>

[QUOTE="stroyer, post: 823275, member: 263373"] [b]AW: Hintergrundfarbe von Tabellenzellen zufällig ändern[/b] @Zro: Also erst einmal ist eine geschwungene Klammer zu viel zu. Zweitens geht alles, bis auf die Zuweisung der Zufallsfarbe beim Laden. Dafür weist Du aber der farbe ein Array zu. Das ist der Fehler. Zweitens hätt ich nicht z01.onmouseover genommen, sondern auch document.getElementById('z01').onmouseover. Es kann sein, dass erstere Variante nicht auf allen Browsern läuft. Dann geht alles. Übrigens: Ich denke es ist nur ein Fehler beim kopieren, aber <html> fehlt. @cakalman: Ich denke, das was Du geschrieben hast ist so ziemlich die beste als auch effizieneste Methode. EDIT: Bis auf ein paar kleine Fehler: erstens darfst du in der onmouseover-Funktion nicht [FONT=Courier New][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]getElementById("z1")[/COLOR][/FONT] schreiben (wenn schon z01) sondern stattdessen einfach this. zweitens fehlen die Zufallsattribute beim Laden der Seite. Alles zusammen hätt ichs dann ungefähr so gemacht: [html] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Schriftfarbwechsel</title> <style>  </style> <script type="text/javascript"> //eine Auswahl von Farben... var farben = new Array("#ff00ff","#0000ff","#00cccc","#ffff00"); var schriftgroesse = new Array(12,13,14,15,16,17); function init() { //alle Tabellenzellen... var zellen = document.getElementsByTagName("td"); for (var i = 0; i<zellen.length; i++){ //sobald man mit der Maus darüberfährt. zellen[i].onmouseover = function(){ //Die Farbe soll zufällig aus einer kleinen Auswahl gewählt werden. var num = Math.floor(Math.random()* farben.length); var grosse = Math.floor(Math.random() * schriftgroesse.length); this.style.color = farben[num]; this.style.fontSize = schriftgroesse[grosse]; //dass sie die Hintergrundfarbe wechseln sollen... } var num = Math.floor(Math.random()* farben.length); var grosse = Math.floor(Math.random() * schriftgroesse.length); zellen[i].style.color = farben[num]; zellen[i].style.fontSize = schriftgroesse[grosse]; } } </script> <body onload="init()"> <body> <table width="165" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="165" height="20" align="left" valign="top" id="z01">Schrifttest 1</td> </tr> <tr> <td width="165" height="20" align="left" valign="top" id="z02">Schrifttest 2</td> </tr> <tr> <td width="165" height="20" align="left" valign="top" id="z03">Schrifttest 3</td> </tr> </table> </body> </html> [/html] Die random-Funktion von JS selber ist zwar nicht gut aber besser als nichts. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?