Nach 5 sek. div einblenden

[Phil]

HI Leute!

Gibt es irgendeine Zeit Funktion in JavaScript mit der man nach einer gewissen Zeit CSS Eigenschaften oder den Class-Namen ändern kann?

[berdn]

Hallo Phil,

ja gibt es. Schau mal unter timeout.

Liebe Grüße,

Bernd

[Rouven]

Hallo,

ja gibt es. Schau mal unter timeout.

...also was der Kamerad genau meint ist window.setTimeout().

Dazu dann noch document.getElementById und das style-Objekt, dann hast du ales...

MfG
Rouven

[Jeena Paradies]

Hallo,

Dazu dann noch document.getElementById und das style-Objekt, dann hast du ales...

Sinnvoller ist es wohl die Klasse zu ändern dann hat man nämlich nichts was mit der Präsentation zu tun hat (Farben, Breite, etc.) im JavaScript was bei einem Redesign erheblich Zeit spart, da man sich nicht auch noch zusätzlich zum CSS durch unendliche Wüsten an JavaScript-Code wühlen muss.

Aus s5:

/* Prüft ob ein Objekt einer bestimmten CSS-Klasse angehört. */  
function isClass(object, className) {  
        if(!object.className) return false;  
        return (object.className.search('(^|\\s)' + className + '(\\s|$)') != -1);  
}  
  
/* Entfernt eine CSS-Klasse von einem Objekt. */  
function removeClass(object, className) {  
        if(!object) return;  
        object.className = object.className.replace(new RegExp('(^|\\s)'+className+'(\\s|$)'), RegExp.$1+RegExp.$2);  
}  
  
/* Fügt eine CSS-Klasse zu einem Objekt hinzu. */  
function addClass(object, className) {  
        if(isClass(object, className)) return;  
        if(object.className) object.className += " "+className;  
        else object.className = className;  
}

Grüße
Jeena Paradies

[Mssmar]

HI Phil,

wenn der Posting oben deiner ist, dann stimmt dein Code nicht.
Du hast zwei Fehler drin:

1. Der Parameter "ele" bei dem Funktionsaufruf stil() innerhalb der setTimeout(), ist falsh und wird gar nicht gebraucht.

Du musst die Funktion einfach ohne Parameter aufrufen:

  
window.setTimeout("stil()", 5000);  

2. Das Einbinden der CSS-Klassen über JScript erfordert, dass die in Hoch-komma ein müssen und dann wird das ganze ohne Weiteres funktionieren:

  
document.getElementById("xD").className = "test2";  

Gruß
Messmar