SELFHTML Forum  SELFHTML Forumsarchiv  2006  April

	SELFHTML Forumsarchiv Nach 5 sek. div einblenden
	(JAVASCRIPT) Nach 5 sek. div einblenden von Phil, 30. 04. 2006, 16:35  (JAVASCRIPT) Nach 5 sek. div einblenden von berdn, 30. 04. 2006, 16:43  (JAVASCRIPT) Nach 5 sek. div einblenden von Rouven, 30. 04. 2006, 16:46  (JAVASCRIPT) Nach 5 sek. div einblenden von Jeena Paradies, 01. 05. 2006, 13:40  (JAVASCRIPT) Nach 5 sek. div einblenden von Mssmar, 01. 05. 2006, 00:52

Nach 5 sek. div einblenden

Die folgende Nachricht zum Thema stammt von: Phil, 30. 04. 2006, 16:35

HI Leute!


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

Nach 5 sek. div einblenden

Die folgende Nachricht zum Thema stammt von: berdn, 30. 04. 2006, 16:43

Hallo Phil,

ja gibt es. Schau mal unter timeout.

Liebe Grüße,


Bernd

Nach 5 sek. div einblenden

Die folgende Nachricht zum Thema stammt von: Rouven, 30. 04. 2006, 16:46

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

--
-------------------
ie:| fl:| br:> va:| ls:& fo:) rl:( n4:{ ss:) de:] js:| ch:? mo:} zu:|

Nach 5 sek. div einblenden

Die folgende Nachricht zum Thema stammt von: Jeena Paradies, 01. 05. 2006, 13:40

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
--
Gute alte CSS-Hacks | Jlog | Gourmetica Mentiri

Nach 5 sek. div einblenden

Die folgende Nachricht zum Thema stammt von: Mssmar, 01. 05. 2006, 00:52

»» 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  

 SELFHTML Forum  SELFHTML Forumsarchiv  2006  April

© 1998-2006  Impressum, Software: Classic Forum