tag:forum.selfhtml.org,2005:/self Blinktext – SELFHTML-Forum 2007-02-01T22:18:21Z https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074391#m1074391 Ian77 2007-02-01T12:34:02Z 2007-02-01T12:34:02Z Blinktext <p>Hallo,</p> <p>wie kann ich zum Beispiel dieses Script umbauen, dass alle Texteelmente mit der ID im Body blinken bzw. die Frabe wechseln...</p> <p>Trägt man mehre ID´s ein, dann blickt immer nur der erste Text mit der ID...</p> <p><html><br> <head><br> <title>Blinkender Text nervt</title><br> <script type="text/javascript"><br> <!--<br> function nerv_mich() {<br>   var obj = document.getElementById("blinker").style;<br>   if(obj.color == "red") {<br>     obj.color = "blue";<br>   }<br>   else {<br>     obj.color = "red";<br>   }<br>   window.setTimeout(nerv_mich, 500);<br> }<br> //--><br> </script><br> </head><br> <body onload="nerv_mich()"><br>   <p>Dieser <span style="color:red" id="blinker">blinkt </span>Blinktext1 blinkt</p><br>   <p>Dieser <span style="color:red" id="blinker">blinkt </span>Blinktext2 blinkt nicht</p><br> </body><br> </html></p> <p>Das ist bei allen zu findenden Scripten im Net...<br> Hat da mal jemand eine Lösung?</p> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074394#m1074394 jack 2007-02-01T12:47:04Z 2007-02-01T12:47:04Z Blinktext <p>id sollte ein Element eindeutig identifizieren, daher solltest du es nicht mehrfach verwenden. Du bekommst daher auch nur das erste zurückgeliefert.</p> <p>Daher heißt es ja auch getElementById und nicht getElement(s)ById</p> <p>Warum benutzt nicht class?</p> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074393#m1074393 Gunnar Bittersmann self2006@gunnarbittersmann.de http://gunnarbittersmann.de/ 2007-02-01T12:50:00Z 2007-02-01T12:50:00Z Blinktext <p>Hello out there!</p> <blockquote> <p>Trägt man mehre ID´s ein, dann blickt immer nur der erste Text mit der ID...</p> </blockquote> <p><a href="http://forum.de.selfhtml.org/archiv/2007/1/t144913/#m940169" rel="nofollow noopener noreferrer">Es kann nur einen geben.</a></p> <blockquote> <p>function nerv_mich()</p> </blockquote> <p>Die Benennung lässt erahnen, dass du weißt, was du da (an)tust?</p> <p>See ya up the road,<br> Gunnar</p> <div class="signature">-- <br> „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe) </div> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074392#m1074392 wahsaga http://wazgnuks.net/ 2007-02-01T22:18:21Z 2007-02-01T22:18:21Z Blinktext <p>hi,</p> <blockquote> <p>wie kann ich zum Beispiel dieses Script umbauen, dass alle Texteelmente mit der ID im Body blinken bzw. die Frabe wechseln...</p> </blockquote> <p>Klasse eines übergeordneten Elements ändern, und Nachfahrenselektor im CSS sinnvoll anwenden.</p> <p>gruß,<br> wahsaga</p> <div class="signature">-- <br> /voodoo.css:<br> #GeorgeWBush { position:absolute; bottom:-6ft; } </div> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074395#m1074395 Ian77 2007-02-01T13:07:43Z 2007-02-01T13:07:43Z Blinktext <p>Wie geht das mit class?<br> Hast nicht ne schnelle Lösung?</p> <p>Stimmt, mit ID gehts nicht, da die immer eindeutig sein muss... Sorry</p> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074396#m1074396 steckl stefan-stoeckl@gmx.de 2007-02-01T13:32:45Z 2007-02-01T13:32:45Z Blinktext <p>Hi,</p> <blockquote> <p>Wie geht das mit class?<br> Hast nicht ne schnelle Lösung?</p> <p>Stimmt, mit ID gehts nicht, da die immer eindeutig sein muss... Sorry</p> </blockquote> <p>Mit document.getElementsByTagName("span") kannst du auf alle Span-Elemente zugreifen.<br> Dann kannst du diese in einer Schleife durchlaufen lassen und darin mit .className abfragen, ob das span-Element die gewuenschte Klasse hat.</p> <p>mfG,<br> steckl</p> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074397#m1074397 Ian77 2007-02-01T13:58:24Z 2007-02-01T13:58:24Z Blinktext <p>In etwa so?</p> <p><head><br> <script type="text/javascript"><br> function blinker() {<br> for(k=0; k<document.getElementsByTagName("span").length; k++) {<br> if(document.getElementsByTagName("span")[k].style.visibility != "hidden") {<br> if(document.getElementsByTagName("span")[k].className.substr(0, 5) == "blink")<br> document.getElementsByTagName("span")[k].style.visibility = "hidden";<br> } else {<br> if(document.getElementsByTagName("span")[k].className.substr(0, 5) == "blink")<br> document.getElementsByTagName("span")[k].style.visibility = "visible";<br> }<br> }<br> var zeit = 750;<br> window.setTimeout("blinker()", zeit);<br> }<br> </script></p> <p><style type="text/css"><br> span.blink_farbe {<br> color: #FF0000;<br> }<br> </style><br> </head><br> <body onLoad="blinker()"><br> Hallo! <span class="blink_farbe">Dieser Text 1 blinkt!</span><br> Hallo! <span class="blink_farbe">Dieser Text 2 blinkt auch!</span><br> </body></p> <p>hihihi</p> https://forum.selfhtml.org/self/2007/feb/1/blinktext/1074398#m1074398 blinker2 2007-02-01T15:00:29Z 2007-02-01T15:00:29Z Blinktext <p>oder so ?</p> <p><html><br> <head><br> <script type="text/javascript"><br> function blinker2(zeit) {<br>  var spans=document.getElementsByTagName("span");<br>  for(k=0; k<spans.length; k++) {<br>   with (spans[k]) {<br>    if (className.substr(0, 5) == "blink") {<br>     style.visibility= style.visibility == "hidden" ? "visible":"hidden";<br>     }<br>    }<br>   }<br>  window.setTimeout("blinker2("+zeit+")", zeit);<br>  }<br> </script></p> <p><style type="text/css"><br> span.blink_farbe {<br> color: #FF0000;<br> }<br> </style><br> </head></p> <p><body onLoad="blinker2(500)"><br> Hallo! <span class="blink_farbe">Dieser Text 1 blinkt!</span><br> Hallo! <span class="blink_farbe">Dieser Text 2 blinkt auch!</span><br> </body><br> </html></p>