[TYPO3-german] jQuery Frage

[Michael Holzer]

Hallo zusammen,

so habs hingebracht mit hoverIntent :)

$(document).ready(function() {
$('.menu-sub').css('display', 'none'); 

$('.dropdown > li').hoverIntent(function(){
    $(this).find('> ul').fadeIn('fast');
  
}, function(e){
    var t = e.relatedTarget.nodeName; 
    if(t === 'LI' || t === 'A'){
        $(this).find('> ul').hide();
    }else{
        $(this).find('> ul').fadeOut('fast');
    }
  }); 
});



-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces at lists.typo3.org [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von Susanne
Gesendet: Mittwoch, 19. Juni 2013 16:43
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] jQuery Frage

Hallo Michael,

hast du es schon mit setTimeout probiert?

setTimeout(function() {
       // hier das, was ausgeführt werden soll }, 500);

Gruß
Susanne

Am 19.06.2013 13:55, schrieb Michael Holzer:
> Hallo zusammen,
>
>   
>
> ich hab ein kleines Problem das jetzt nicht direkt was mit TYPO3 zu tun hat.
>
>   
>
> Ich muss das aufklappen eines Dropdown Menüs verzögern bin aber was jQuery angeht ein totaler Laie.
>
> Das Dropdown soll sich erst öffnen wenn man mit der Maus 500ms auf dem Oberpunkt verweilt.
>
>   
>
> Ich hab schon mit hoverIntent etc. rumprobiert aber gebracht hats 
> dummerweise nix L
>
> Evt. Hat ja einer nen Tipp für mich.
>
>   
>
> Hier wäre mal das CSS des Menüs und die Seite
>
>   
>
> http://mp.df-kunde.de/municall_de/
>
>   
>
> /* general */
> .dropdown, .menu-sub, .submenu {
>    list-style:none;
> }
>
> #mainmenu {
>    /*background:url(../../images/background/menu.jpg) repeat-x;*/
>    background:#0D64C6;
>    width:950px;
>    height:40px;
>    border:3px solid #d3d6db;
>    /*border-left:3px solid #d3d6db;
>    border-right:3px solid #d3d6db; */
>    margin:13px 66px 10px 61px;
>    position:relative;
>    z-index:1000;
> }
> #mainmenu .menu-item a {
>    color:#fff;
>
>    letter-spacing:1px;
>    padding:3px 10px 0 15px;
> }
>
>
> /* first level */
>
> .dropdown
> {
>    width:100%;
>    position:relative;
> }
>
> .menu-item
> {
>    background:url(../../images/menu/separator.png) no-repeat right top;
>    float:left;
>    height:31px;
>    line-height:30px;
>    text-transform:uppercase;
> }
>
> /*.menu-item>a
> {
>    display:inline-block;
>    height:30px;
>    padding:7px 20px 3px 25px !important;
>    font-size:13px;
>    font-weight:bold;
> }*/
>
> #mainmenu .menu-header {
>    color:#fff;
>    font-weight:bold;
>    padding:5px 0 0 0;
> }
> #mainmenu .menu-item {
>    display:inline-block;
>    height:30px;
>    padding:7px 10px 3px 10px !important;
>    font-size:13px;
>    font-weight:bold;
>    color:#fff;
> }
> #mainmenu .menu-item:hover {
>
>    background-color:#233459;
>    cursor:default;
> }
>
> .menu-item:hover>a
> {
>    background-color:#233459;
>    color:#fab62a;
> }
>
>
> /* second level */
>
> .menu-sub
> {
>    background:url(../../images/background/bg_subnav.png);
>    /*background:#233459;*/
>    position:absolute;
>    top:39px;
>    left:0;
>    width:100%;
> }
> .menu-sub a {
>    text-transform:none;
>    font-size:12px;
>    font-weight:bold;
> }
> .menu-sub {
>    display:none;
> }
> .menu-item:hover .menu-sub
> {
>    display:block;
> }
>
> .menu-sub-col
> {
>    float:left;
>    width:210px;
>    text-transform:none;
>    border-right: 1px solid #35497a;
>    min-height:320px;
> }
>
>
> .menu-sub-col>a
> {
>    display:block;
>    /*background:#162138;*/
>    margin:5px 2px;
> }
>
> .menu-sub-col>a:hover
> {
>    /*background-color:#162138;*/
>    cursor:default;
> }
>
>
> /* third level */
>
> .submenu
> {
> }
>
> .submenu-item
> {
>    font-size:11px;
>    line-height:20px !important;
> }
>
> .submenu-item>a
> {
>    font-size:11px;
>    display:block;
>    font-weight:normal;
> }
>
> .submenu-item>a:hover
> {
>    color:#295BC4 !important;
>   /* background:#091738;*/
> }
>
>
> .js-dmenu-page {
>    width:290px;
>    color:#fff;
>    padding:15px 10px 0 10px;
>    line-height:15px;
>    font-size:10px;
> }
> .js-dmenu-page p {
>    margin-bottom:8px;
> }
> .js-dmenu-page h1 {
>    font-size:12px;
> }
> .js-dmenu-page a {
>    font-size:10px;
>    margin:0;
>    padding:0 !important;
>    letter-spacing:0px !important;
>    
> }
> /* page desc */
>
> .dmenu-page
> {
>    float:left;
> }
>
> .page-data {
>    display:none;
> }
>
> .page-title
> {
> }
>
> .page-desc
> {
>    width:100%;
>    line-height:1em;
>    padding:8px 0 0 25px;
>    color:#fff;
> }
>
> #mainmenu .page-link
> {
>    display:inline;
>    font-size:1em;
>    line-height:1em;
>    letter-spacing:0;
>    text-transform:none;
>    margin:0;
>    padding:0 0 0 25px;
>    color:#fff;
>    background:0;
>    
> }
> #mainmenu .page-link:hover,
> #mainmenu .page-link:focus
> {
>    text-decoration:underline;
> }
>
> /* Trenner */
> .trenner {
>    margin:10px 0 0 10px;
> }
>
> Mit freundlichen Grüßen
>
> Michael Holzer
> Webdesign / Flottensteuerung
>
> MP-TELEKOMMUNIKATION GMBH
> Telekommunikation - Medienagentur - Telematiksysteme
>
> Puricellistraße 34
> 93049 Regensburg
>
> Telefon   +49 (0) 941 29 86 19 - 0
> Telefax   +49 (0) 941 29 86 19 - 20
> Web        www.mp-telekommunikation.de <http://www.mp-telekommunikation.de/>
> Mail         mh at mp-telekommunikation.de <mailto:mh at mp-telekommunikation.de>
>
> Folgen Sie uns auf Facebook. Wir freuen uns auf Sie!
> www.facebook.com/mp.telekommunikation 
> <http://www.facebook.com/mp.telekommunikation>
> Folgen Sie uns auf Twitter. Wir freuen uns auf Sie!
> www.twitter.com/mp_tele <http://www.twitter.com/mp_tele>
>
> Registergericht Regensburg HRB 10239
> Geschäftsführer: Armin Prommersberger
> Umsatzsteuer ID-Nr: DE 249 436 976
>
>   
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german