| 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
MGI-Loser 2008
Dabei seit: 25.10.2004
Ort: Trier
Alter: 25
Geschlecht:
|
Verfasst Di 17.03.2009 14:32
Titel
|
 |
|
|
setTimeout()
|
|
| |
|
 |
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: 27
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: 27
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: 27
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)
Mit JavaScript ausblenden
[Javascript] Divs ein- und ausblenden
[javascript] mauszeiger ausblenden
div ein und ausblenden per javascript
[Javascript] Image Transition / Ein- und Ausblenden?
|
 |