[Javascript] Code für blinkenden Text !

nero26

Banned
Registriert
Juli 2004
Beiträge
45
Hallo,

weiß nicht wie der Code ist so das ich einen Text blinken lassen kann ?

Beispiel: Willkommen im Forum
Ich will dann das der Text konstand blink. Und vieleicht noch jedes Wort in einer anderen Farbe.
Nützlich wären auch links zu Webseiten die so was erklären.

Wer weiß bescheid ?
Danke
 
Re: Code für blinkenden Text !

In HTML kann man dieses mittels des Tags <blink> bewerkstelltigen. Das funktioniert dann aber nur für den Netscape Navigator oder die Mozilla Browser. Im Internet Explorer oder Opera Browser blinkt der Text nicht.

Beispiel:

<blink>Dieser Text blinkt nun im Mozilla Browser und Netscape Navigator, aber nicht im IE und Opera.</blink>
 
Re: Code für blinkenden Text !

Ist für den News Fader in einem YaBB Forum, und in einem Forum benutzen ja alle verschiedene Browser.
Also muß das blinken bei jedem gehen.

Es langt ja schon wenn der Text ein paar sekunden da ist und dann wieder kurz weg ist.
 
Re: Code für blinkenden Text !

Für den IE gibts noch marquee. Wenn du was für alle Browser haben willst dann musst du wohl mit JS arbeiten.
Code:
<script language="JavaScript">
<!--
blink(0.7);

function blink(speed) 
{
if (speed) {
if (document.all)
setInterval("blink()", speed*1000)
return;
}
var blink = document.all.tags("BLINK" ) 
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
}

// -->
</script>

Aufruf
Code:
<FONT COLOR="#FF0000"><blink>Hallo FB</blink></FONT>
 
Re: Code für blinkenden Text !

Also mit dem unteren Code blinkt es im Firefox Browser konstand und im IE langsam.

Wie kann man die schnelligkeit des blinken noch einstellen ?
 
Re: Code für blinkenden Text !

Das blinkt schon gleich schnell nur im Opera ist es ein wenig langsamer. Über
Code:
blink(0.7);
stellst du die Geschwindigkeit ein.
 
Re: Code für blinkenden Text !

Ich hab nur en unteren Code eingegeben, nicht den jc .
 
Re: Code für blinkenden Text !

Mit dem unteren sollte es im IE überhaupt nicht gehen. Also lies nochmal alles von vorne.... :rolleyes:
 
Re: Code für blinkenden Text !

Ja muß ich den ober und dann drunter den unteren Code eingeben ?

Also so:


<script language="JavaScript">
<!--
blink(0.7);

function blink(speed)
{
if (speed) {
if (document.all)
setInterval("blink()", speed*1000)
return;
}
var blink = document.all.tags("BLINK" )
for (var i=0; i<blink.length; i++)
blink.style.visibility = blink.style.visibility == "" ? "hidden" : ""
}

// -->
</script>
<FONT COLOR="#FF0000"><blink>Hallo FB</blink></FONT>
 
Re: Code für blinkenden Text !

Ok ich glaub hast nix verstanden von dem was ich meine! Schonmal was mit JS gemacht? Der Javascriptteil kommt in den Headbereich der HTML Datei. Ungefähr so
Code:
<html>
<head>

<script language="JavaScript">
<!--
blink(0.7);

function blink(speed) 
{
if (speed) {
if (document.all)
setInterval("blink()", speed*1000)
return;
}
var blink = document.all.tags("BLINK" ) 
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
}

// -->
</script>
</head>

Was du nun blinkend darstellen willst schreibst du in die tags <blink>blinktext</blink>
Für alles weitere lies hier nach:
http://de.selfhtml.org/
 
<blink> entspricht (zurecht) keinem Standard.
Du solltest also in diesem Fall nicht das böse mit noch böserem bekämpfen :)

Ich will damit sagen, dass die Funktion von The Prophet im IE funktioniert und in allem andere nicht. Mozilla lässt <blink> von sich aus blinken (mit einer sicherlich anderen Geschwindigkeit).

Der Ansatz ist prinzipiell gut, nur würde ich alles komplett per JS erledigen, damit alle DOM fähigen Browser was davon haben:
Code:
<html>
<head>

<script language="JavaScript">
<!--

var blinkElements = Array();


function blink(speed)
{
    if (speed) {
        var blink = document.getElementsByTagName("span");
        for(var i = 0; i < blink.length; i++) {  // das Element ist ein Span
            if(blink[i].attributes.length > 0) { // das Element hat Attribute
                for(var j = 0; j < blink[i].attributes.length; j++) {
                    if(blink[i].attributes[j].name == "special" && blink[i].attributes[j].nodeValue == "blink") {
                        blinkElements.push(blink[i]);
                    }
                }
            }
        }

        setInterval("blink()", speed*1000)
        return;
    }

    for (var i=0; i<blinkElements.length; i++) {
        blinkElements[i].style.visibility = (blinkElements[i].style.visibility == "") ? "hidden" : "";
    }
}
// -->
</script>
</head>
<body>

<span special="blink">blinkender Text</span>

<script>
<!--
blink(0.7);
// -->
</script>

</body>

</html>
Mit dem Code kommt man aber auch nicht durch den TÜV (W3C Validator), weil "special" eigentlich kein Attribut von <span> ist.
Du kannst aber irgend eins der vorhandenen Attribute missbrauchen oder eine CSS Class, die sich z.B. "blink" nennt dafür zweckentfremden.

Du solltest aber bedenken, dass blinkender Text unglaublich nervig ist.
 
[UPS]Erazor schrieb:
Ich will damit sagen, dass die Funktion von The Prophet im IE funktioniert und in allem andere nicht. Mozilla lässt <blink> von sich aus blinken (mit einer sicherlich anderen Geschwindigkeit).

Nönö das funktioniert so schon alles ;) Ok sauber ist es nicht aber es geht. Deinen Code kann es natürlich nicht toppen. :p
 
Zurück
Oben