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 |
|
|
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);
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Di 17.03.2009 14:32
Titel
|
|
|
setTimeout()
|
|
|
|
|
Anzeige
|
|
|
diestreich
Threadersteller
Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 17.03.2009 14:41
Titel
|
|
|
setTimeout()
Hmm, ja schon, aber wie kann ich das hier integrieren? Ich kriege es nicht so umgestellt, dass es läuft...
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Di 17.03.2009 14:51
Titel
|
|
|
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);
} |
?
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Di 17.03.2009 14:59
Titel
|
|
|
Ach quatsch - ich sollte genauer lesen
schaltest halt bei
this.className+=" iehover";
das Timeout davor/dazwischen
|
|
|
|
|
diestreich
Threadersteller
Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 17.03.2009 15:13
Titel
|
|
|
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.
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Di 17.03.2009 15:21
Titel
|
|
|
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"), "");
}
|
|
|
|
|
|
diestreich
Threadersteller
Dabei seit: 17.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 17.03.2009 15:39
Titel
|
|
|
Ich kriege da nur den Fehler:
className ist Null
|
|
|
|
|
|
|
|
Ä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
|
|