Avatar billede stinejh1980 Nybegynder
27. oktober 2009 - 11:32 Der er 5 kommentarer og
1 løsning

Få submenuer til at blive åbne

Få submenuer til at forblive åbne
Jeg har fundet nedenstående på nettet. Jeg har slet ikke forstand på java, og vil høre om der er mulighed for at få sub menu til at forblive åben indtil musen kører henover et andet menupunkt.

Jeg har forsøgt at ændre følgende:
animateduration: {over: 200, out: 20000} men det gør bare at den forsvinder meget langsomt

Mvh Stine

P.S.
Det hele bundet i følgende spørgsmål:
http://www.eksperten.dk/spm/889543

Jeg har også forsøgt med AJAX tabs.
Hvis nogen har en alternativ løsning modtager jeg også gerne forslag

Nedenstående er fundet på: http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/
/*********************
//* jQuery Drop Line Menu- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last updated: June 27th, 09'
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/

var droplinemenu={

arrowimage: {classname: 'downarrowclass', src: 'down.gif', leftpadding: 5}, //customize down arrow image
animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds

buildmenu:function(menuid){
    jQuery(document).ready(function($){
        var $mainmenu=$("#"+menuid+">ul")
        var $headers=$mainmenu.find("ul").parent()
        $headers.each(function(i){
            var $curobj=$(this)
            var $subul=$(this).find('ul:eq(0)')
            this._dimensions={h:$curobj.find('a:eq(0)').outerHeight()}
            this.istopheader=$curobj.parents("ul").length==1? true : false
            if (!this.istopheader)
                $subul.css({left:0, top:this._dimensions.h})
            var $innerheader=$curobj.children('a').eq(0)
            $innerheader=($innerheader.children().eq(0).is('span'))? $innerheader.children().eq(0) : $innerheader
            //if header contains inner SPAN, use that
            $innerheader.append(
                '<img src="gfx/'+ droplinemenu.arrowimage.src
                +'" class="' + droplinemenu.arrowimage.classname
                + '" style="border:0; padding-left: '+droplinemenu.arrowimage.leftpadding+'px" />'
            )
            $curobj.hover(
                function(e){
                    var $targetul=$(this).children("ul:eq(0)")
                    if ($targetul.queue().length<=10) //if 1 or less queued animations
                        if (this.istopheader)
                            $targetul.css({left: $mainmenu.offset().left, top: $mainmenu.offset().top+this._dimensions.h})
                        if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
                            $mainmenu.find('ul').css({overflow: (this.istopheader)? 'hidden' : 'visible'})
                        $targetul.slideDown(droplinemenu.animateduration.over)
                },
                function(e){
                    var $targetul=$(this).children("ul:eq(0)")
                    $targetul.slideUp(droplinemenu.animateduration.out)
                }
            ) //end hover
        }) //end $headers.each()
        $mainmenu.find("ul").css({display:'none', visibility:'visible', width:$mainmenu.width()})
    }) //end document.ready
}
}
Avatar billede Slettet bruger
27. oktober 2009 - 12:32 #1
Quick&dirty {over: 200, out: 1000000000}
- Meget, meget, meget langsomt - gletcherspeed. Godt nok ?
Avatar billede stinejh1980 Nybegynder
27. oktober 2009 - 13:42 #2
Nej det var jo hele pointen at ændre out ikke var nok for mig
Avatar billede stinejh1980 Nybegynder
28. oktober 2009 - 08:12 #3
Derudover bliver submenuerne på de andre heller ikke vist hvis man kører musen henover dem.
Avatar billede stinejh1980 Nybegynder
12. november 2009 - 13:13 #4
Jeg gik væk fra denne menu. Fandt ud af det ved at bruge AJAX tab panel.

Men hvis der er nogen der har et eksempel på hvordan man laver en fed 3 niveau horisontal menu, hvor undermenuerne ikke forvinder ved mouse out, så tildler jeg gerne point til dem.

Menupunkternes text og URL hentes fra en SQL database.
Avatar billede stinejh1980 Nybegynder
15. januar 2010 - 08:55 #5
Er der stadig ingen der har et bud?
Jeg vil gerne have noget der minder om denne:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

Men menuerne skal forblive åbne og markeret, så brugeren altid ved hvor vedkommende er.

Jeg har lavet noget fusk med AJAX tabscontrol, men kan ikke tilføje menulevel 3.
Avatar billede stinejh1980 Nybegynder
27. august 2010 - 11:07 #6
Jeg lukker på opfordring af andre brugere.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester