Hi Susanne -
und nochmal Danke: ich hab's getestet, und auch einen alert() eingebaut:
an den Menüpunkten 1 und 4 (also, wenn die aktiv sind) wird das Skript
nicht einmal ausgelöst, an den Menüpunkten 2, 3 und 5 schon.
Ich bin komplett verwirrt.
Schöne Grüße,
Peter
Am 12.03.2014 17:45, schrieb Susanne:
Hallo Peter,
noch ein Versuch:
$(document).ready(function()
{ $( "#primenav li" ).hover(
function() {
$(this).children("div").fadeIn();
}, function() {
$(this).children("div").fadeOut();
}
);
});
Gruß
Susanne
Am 11.03.2014 19:51, schrieb Peter Kühnlein:
Schönen Abend Susanne,
und Danke für das Snippet... ich werd heut echt noch wahnsinnig: das
macht exakt das Gleiche wie das, das ich gebastelt hatte. Also: vom
aktiven Menüpunkt aus, dem nächsten und überübernächsten... das ist
doch irre.
LG Peter
Am 11.03.2014 17:00, schrieb Susanne:
Hi,
sorry, irgendwas ist beim reincopieren mit dem code passiert. Hier
der code nochmal (hoffentlich) in ordentlich:
ungetestet, aber versuchs mal mit hover:
$(document).ready(function()
{ $( "#primenav li" ).hover(
function() {
$($(this).find("div")).fadeIn();
}, function() {
$($(this).find("div")).fadeOut();
}
);
});
Gruß Susanne
Am 11.03.2014 09:32, schrieb Peter Kühnlein:
Moin Liste,
ich hab ein kleines Offtopic-Problem, eigentlich eher jQuery:
Ich erzeuge ein Dropdown-Menü mit dieser Struktur
<ul id="primenav">
<li class="menu_act"><a href="home/" onfocus="blurLink(this);"
>HOME</a></li>
<li class="menu_no"><a href="leistungen/akquisition/"
onfocus="blurLink(this);" >LEISTUNGEN</a>
<div>
<ul class="menu-level2">
<li class="menu_no"><a href="leistungen/akquisition/"
onfocus="blurLink(this);" >Akquisition</a></li>
<li class="menu_no"><a href="leistungen/direktmarketing/"
onfocus="blurLink(this);" >Direktmarketing</a></li>
<li class="menu_no"><a
href="leistungen/firmenadressen-international/"
onfocus="blurLink(this);" >Firmenadressen International</a></li>
<li class="menu_no"><a
href="leistungen/firmenadressen-deutschland/"
onfocus="blurLink(this);" >Firmenadressen Deutschland</a></li>
</ul>
</div>
</li>
...
</ul>
Die div mit der Liste auf der 2. Ebene ist ausgeblendet übers CSS
#primenav li div {
position:relative;
z-index:10;
display:none;
...
}
Sie soll eingeblendet werden mit einem kleinen jQuery-Skript
<script>
$(document).ready(function(){
$("#primenav li").mouseenter(function(){
$($(this).find("div")).fadeIn();
});
});
$(document).ready(function(){
$("#primenav li").mouseleave(function(){
$($(this).find("div")).fadeOut();
});
});
</script>
Aber dieses Skript greift nur, wenn der Menüpunkt, in dem die div
steht, aktiviert ist. Soll natürlich greifen, wann immer der
Mauszeiger über dem entsprechenden li der 1. Ebene landet.
Verdammt! Was mach ich falsch?
Danke schon jetzt für die Hilfe,
Peter
--
http://function2form.net
http://peter-kuehnlein.net
"By being impatient, matters are damaged and great works can not be done. If one
considers something not to be a matter of time, it will be done surprisingly
quickly."
(Hagakure)
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
