mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 22:36 Benutzername: Passwort: Auto-Login

Thema: Javascript Verzögerung beim Ausblenden von Menupunkten vom 17.03.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Javascript Verzögerung beim Ausblenden von Menupunkten
Seite: 1, 2  Weiter
Autor Nachricht
diestreich
Threadersteller

Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.03.2009 14:27
Titel

Javascript Verzögerung beim Ausblenden von Menupunkten

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ich würde gerne in diese JS Steuerung für mein CSS Menu eine Verzögerung beim Ausblenden einbauen. Hat jemand eine Idee?

iehover = function() {
var cssRule;
var newSelector;
for (var i = 0; i < document.styleSheets.length; i++)
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
{
cssRule = document.styleSheets[i].rules[x];
if (cssRule.selectorText.indexOf("LI:hover") != -1)
{
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
}
}
var getElm = document.getElementById("top").getElementsByTagName("LI");
for (var i=0; i<getElm.length; i++) {
getElm[i].onmouseover=function() {
this.className+=" iehover";
}
getElm[i].onmouseout=function () {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}


if (window.attachEvent) window.attachEvent("onload", iehover);
  View user's profile Private Nachricht senden
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Di 17.03.2009 14:32
Titel

Antworten mit Zitat Zum Seitenanfang

setTimeout()
  View user's profile Private Nachricht senden
Anzeige
Anzeige
diestreich
Threadersteller

Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.03.2009 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

setTimeout()

Hmm, ja schon, aber wie kann ich das hier integrieren? Ich kriege es nicht so umgestellt, dass es läuft...
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Di 17.03.2009 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

diestreich hat geschrieben:
setTimeout()

Hmm, ja schon, aber wie kann ich das hier integrieren? Ich kriege es nicht so umgestellt, dass es läuft...

ja entweder
Code:
if (window.attachEvent) window.attachEvent("onload", window.setTimeout(function(){iehover();},1234));
// keine Ahnung, ob er das auch so annimmt ^^

oder
Code:
if (window.attachEvent) window.attachEvent("onload", bla);
function bla() {
 window.setTimeout(function(){iehover();},1234);
}

? Hmm...?!
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Di 17.03.2009 14:59
Titel

Antworten mit Zitat Zum Seitenanfang

Ach quatsch - ich sollte genauer lesen *bäh*

schaltest halt bei
this.className+=" iehover";
das Timeout davor/dazwischen *zwinker*
  View user's profile Private Nachricht senden
diestreich
Threadersteller

Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.03.2009 15:13
Titel

Antworten mit Zitat Zum Seitenanfang

schaltest halt bei
this.className+=" iehover";
das Timeout davor/dazwischen


Ich würde es gerne beim ausblenden verzögern, also hier:

this.className=this.className.replace(new RegExp(" iehover\\b"), "");

aber ich weiß nicht wie ich das setTimout da reinbastel. Ich kriege da Probleme mit dem this.
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Di 17.03.2009 15:21
Titel

Antworten mit Zitat Zum Seitenanfang

diestreich hat geschrieben:

this.className=this.className.replace(new RegExp(" iehover\\b"), "");

die Zeile ersetzt durch:
Code:

window.setTimeout(function(){bla(this);},1234);

und dann bastelst dir noch eine funktion:

function bla(blubb) {
blubb.className=blubb.className.replace(new RegExp(" iehover\\b"), "");
}
  View user's profile Private Nachricht senden
diestreich
Threadersteller

Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.03.2009 15:39
Titel

Antworten mit Zitat Zum Seitenanfang

Ich kriege da nur den Fehler:

className ist Null


*hu hu huu*
  View user's profile Private Nachricht senden
 
Ähnliche Themen mousover DIV ein-/ausblenden Problem (z-index, verzögerung)
div ein und ausblenden per javascript
Mit JavaScript ausblenden
[Javascript] Problem mit Div ein und ausblenden
[javascript] mauszeiger ausblenden
[Javascript] Divs ein- und ausblenden
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.