tag:forum.selfhtml.org,2005:/selfBlinktext – SELFHTML-Forum2007-02-01T22:18:21Zhttps://forum.selfhtml.org/self/2007/feb/1/blinktext/1074391#m1074391Ian772007-02-01T12:34:02Z2007-02-01T12:34:02ZBlinktext<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#m1074394jack2007-02-01T12:47:04Z2007-02-01T12:47:04ZBlinktext<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#m1074393Gunnar Bittersmannself2006@gunnarbittersmann.dehttp://gunnarbittersmann.de/2007-02-01T12:50:00Z2007-02-01T12:50:00ZBlinktext<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#m1074392wahsagahttp://wazgnuks.net/2007-02-01T22:18:21Z2007-02-01T22:18:21ZBlinktext<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#m1074395Ian772007-02-01T13:07:43Z2007-02-01T13:07:43ZBlinktext<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#m1074396stecklstefan-stoeckl@gmx.de2007-02-01T13:32:45Z2007-02-01T13:32:45ZBlinktext<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#m1074397Ian772007-02-01T13:58:24Z2007-02-01T13:58:24ZBlinktext<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#m1074398blinker22007-02-01T15:00:29Z2007-02-01T15:00:29ZBlinktext<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>