Avatar billede jeh_dk Nybegynder
06. november 2002 - 15:36 Der er 4 kommentarer

mouseover funktion virker ikke efter submenu har været åben?

Hej med Jer!

Jeg har en lille javascript menu som egentlig virker fint. Dog har jeg et lille problem.
Når jeg åbner et menupunkt i menuen og derefter åbner en submenu - og så herefter igen lukker hovedmenu punktet på virker min mouseover ikke længere.

Da jeg ikke selv er en haj til javascript - så kunne en af Jer derude måske hjælpe mig.

Hvis nogen vil se hele koden så skriv mig.
Avatar billede Spotgun Seniormester
06. november 2002 - 15:55 #1
Hvorfor poster du ikke bare koden her - så var det nok lidt nemmere at komme igang...
Avatar billede jeh_dk Nybegynder
06. november 2002 - 15:56 #2
Det kan jeg godt den fylder bare en hel del.....

Men her er den




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Stability</title>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=ISO-8859-1">
    <LINK REL="stylesheet" HREF="stability.css" TYPE="text/css">

<script language="JavaScript" type="text/javascript">
<!--
    var mainopen = "";

    var menuliste = new Array( "undermenu1", "undermenu2", "undermenu3", "undermenu4" );
    var picliste = new Array( "main1", "main2", "main3", "main4" );
    var offpics = new Array( "billeder/hvem_er_vi.gif", "billeder/hvad_kan_vi.gif", "billeder/hvordan_goer_vi.gif", "billeder/kontakt.gif" );
    var onpics = new Array( "billeder/hvem_er_vi_click.gif", "billeder/hvad_kan_vi_click.gif", "billeder/hvordan_goer_vi_click.gif", "billeder/kontakt_click.gif" );

    var preloader = new Array();  //benyttes til preload.
    for (i=0; i<picliste.length; i++) {
        preloader[i] = new Image();
        preloader[i].src = onpics[i]; // preload on billederne
    }

    function findMenu ( nummer ) {
        if ( nummer < 0 || nummer >= menuliste.length ) return null; // findes ikke
        if ( document.getElementById ) return document.getElementById( menuliste[ nummer ] );
        if ( document.all ) return document.all[ menuliste[ nummer ] ];
        return null; // desværre dette duer ikke i Netscape 4
    }; //end findMenu( Number ) -> menu object

    var nuverende = -1; // alle lukket

    function open_menu(aaben) {
        if ( aaben == nuverende ) {
            findMenu(aaben-1).style.display="none"
            document.images[ picliste[ aaben-1 ] ].src = offpics[ aaben-1 ];
            nuverende = -1;
        } else {
            for (i=0; i < menuliste.length; i++) {
                if (i+1==aaben) { // skal vises
                    findMenu(i).style.display="block"
                    document.images[ picliste[ i ] ].src = onpics[ i ];
                } else {        // skal gemmes
                    findMenu(i).style.display="none"
                    document.images[ picliste[ i ] ].src = offpics[ i ];
                }
            }

            nuverende = aaben; // husk den der er åben.
        }
    }; //end open_menu( number )


    if (document.images) {
        // main menu
        main1on = new Image();
        main1on.src = "billeder/hvem_er_vi_2.gif";
        main1off = new Image();
        main1off.src = "billeder/hvem_er_vi.gif";
        main2on = new Image();
        main2on.src = "billeder/hvad_kan_vi_2.gif";
        main2off = new Image();
        main2off.src = "billeder/hvad_kan_vi.gif";
        main3on = new Image();
        main3on.src = "billeder/hvordan_goer_vi_2.gif";
        main3off = new Image();
        main3off.src = "billeder/hvordan_goer_vi.gif";
        main4on = new Image();
        main4on.src = "billeder/kontakt_2.gif";
        main4off = new Image();
        main4off.src = "billeder/kontakt.gif";
       
        // submenu
        image1on = new Image();
        image1on.src = "billeder/og_hvad_staar_vi_for_2.gif";
        image2on = new Image();
        image2on.src = "billeder/deres_virksomhed_2.gif";
        image3on = new Image();
        image3on.src = "billeder/netvaerk_2.gif";
        image4on = new Image();
        image4on.src = "billeder/vpn_eller_2.gif";
        image5on = new Image();
        image5on.src = "billeder/webdesign_2.gif";
        image6on = new Image();
        image6on.src = "billeder/i_praksis_2.gif";
        image7on = new Image();
        image7on.src = "billeder/pr_email_2.gif";
        image8on = new Image();
        image8on.src = "billeder/pr_telefon_2.gif";
        image9on = new Image();
        image9on.src = "billeder/lad_os_kontakte_dem_2.gif";

        image1off = new Image();
        image1off.src = "billeder/og_hvad_staar_vi_for.gif";
        image2off = new Image();
        image2off.src = "billeder/deres_virksomhed.gif"; 
        image3off = new Image();
        image3off.src = "billeder/netvaerk.gif"; 
        image4off = new Image();
        image4off.src = "billeder/vpn_eller.gif"; 
        image5off = new Image();
        image5off.src = "billeder/webdesign.gif"; 
        image6off = new Image();
        image6off.src = "billeder/i_praksis.gif"; 
        image7off = new Image();
        image7off.src = "billeder/pr_email.gif"; 
        image8off = new Image();
        image8off.src = "billeder/pr_telefon.gif"; 
        image9off = new Image();
        image9off.src = "billeder/lad_os_kontakte_dem.gif"; 
    }

    function changeImages() {
        if (document.images) {
            for (var i=0; i<changeImages.arguments.length; i+=2) {
                if (changeImages.arguments[0].substring(0,4) == 'main') {
                    if (mainopen != changeImages.arguments[0]) {
                        document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
                    }
                } else {
                    document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
                }
            }
        }
    }

    function setMain(main) {
        if (mainopen != main) mainopen = main;
        else mainopen = -1;
    }
//-->
    </script>
</head>



<body onLoad="java script:open_menu('');">

<table width="750" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td width="200"><img src="billeder/top_left.gif" width="200" height="23" border="0" alt=""></td>
        <td colspan="4" width="550"><img src="billeder/top.gif" width="550" height="23" border="0" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4" width="200">&nbsp;</td>
        <td rowspan="4" width="163" align="center" valign="bottom" style="background: url('billeder/logo_bg.gif');">
        <a href="index.php"><img src="billeder/logo.gif" width="148" height="41" border="0" alt="Stability"></a>
        </td>
        <td width="129"><img src="billeder/nyhed_top_1.gif" width="129" height="6" border="0" alt=""></td>
        <td width="129"><img src="billeder/nyhed_top_2.gif" width="129" height="6" border="0" alt=""></td>
        <td width="129"><img src="billeder/nyhed_top_3.gif" width="129" height="6" border="0" alt=""></td>
    </tr>
    <tr>
        <td width="129"><img src="billeder/nyhed_overskrift_1.gif" width="129" height="14" border="0" alt=""></td>
        <td width="129"><img src="billeder/nyhed_overskrift_2.gif" width="129" height="14" border="0" alt=""></td>
        <td width="129"><img src="billeder/nyhed_overskrift_3.gif" width="129" height="14" border="0" alt=""></td>
    </tr>
    <tr>
        <td width="129" style="background: url('billeder/nyhed_indhold_bg_1.gif');" valign="top">
       
            <!-- Nyheds boks nr 1 start-->
            <table align="center" width="100%" cellspacing="0" cellpadding="5" border="0">
                <tr>
                    <td>Kan man egentlig kaste med pindsvin uden at få nåle i fingrene? Leth ved det og han ...</td>
                </tr>
            </table>
            <!-- Nyheds boks nr 2 slut-->
   
        </td>
        <td width="129" style="background: url('billeder/nyhed_indhold_bg_1.gif');" valign="top">
       
            <!-- Nyheds boks nr 2 start-->
            <table align="center" width="100%" cellspacing="0" cellpadding="5" border="0">
                <tr>
                    <td>Hvor mange gr. grillet skunk går der på 6 kalorielette landminer ...</td>
                </tr>
            </table>
            <!-- Nyheds boks nr 2 slut-->
   
        </td>
        <td width="129" style="background: url('billeder/nyhed_indhold_bg_2.gif');" valign="top">
       
            <!-- Nyheds boks nr 3 start-->
            <table align="center" width="100%" cellspacing="0" cellpadding="5" border="0">
                <tr>
                    <td>Salg af økologiske jægerfly tilbyder vi ikke, til gengæld ved vi hvordan man tisser på et får uden at man ...</td>
                </tr>
            </table>
            <!-- Nyheds boks nr 3 slut-->

        </td>
    </tr>
    <tr>
        <td width="129" height="20" style="background: url('billeder/nyhed_indhold_bg_1.gif');" align="right"><a href="#"><span style="margin-right: 10px;">Mere</span></a></td>
        <td width="129" height="20" style="background: url('billeder/nyhed_indhold_bg_1.gif');" align="right"><a href="#"><span style="margin-right: 10px;">Mere</span></a>&nbsp;</td>
        <td width="129" height="20" style="background: url('billeder/nyhed_indhold_bg_2.gif');" align="right"><a href="#"><span style="margin-right: 10px;">Mere</span></a>&nbsp;</td>
    </tr>
    <tr>
        <td width="363" colspan="2"><img src="billeder/bobler_ani.gif" width="363" height="120" border="0" alt=""></td>
        <td colspan="3" width="387"><OBJECT id=stability
    codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
    classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=387 height="120">
    <PARAM NAME="movie" VALUE="stability.swf">
    <PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#ffffff">
          <EMBED SRC="stability.swf" QUALITY=high BGCOLOR=#ffffff TYPE="application/x-shockwave-flash"
    PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
    </EMBED></OBJECT></td>
    </tr>
    <tr>
        <td rowspan="2" width="200">&nbsp;</td>
        <td width="163" style="background: url('billeder/menu_bg.gif');" valign="top"><br>
   
   
            <!-- Menu tabel start -->
            <table width="146" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td colspan="2"><img src="billeder/menu.gif" width="46" height="29" border="0" alt=""></td>
                </tr>
                <tr>
                    <td width="18" style="background: url('billeder/menu_dots.gif');"><img src="billeder/menu_dots.gif" width="18" height="2" border="0" alt=""></td>
                    <td width="128">

                    <a href="#" onclick="setMain('main1'); open_menu(1)" style="Cursor:HAND;" onMouseOver="changeImages('main1', 'main1on')" onMouseOut="changeImages('main1', 'main1off')"><img src="billeder/hvem_er_vi.gif" alt="" width="128" border="0" name="main1"></a><br>

                    <div id="undermenu1" style="Display:'NONE';">
                    <a HREF="hvad_staar_vi_for.php?id=1" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')">
                    <img src="billeder/og_hvad_staar_vi_for.gif" width="128" height="15" border="0" alt="" name="image1"></a><br>
                    </div>
       
                    <a href="#" onclick="setMain('main2'); open_menu(2)" style="Cursor:HAND;"onMouseOver="changeImages('main2', 'main2on')" onMouseOut="changeImages('main2', 'main2off')"><img src="billeder/hvad_kan_vi.gif" alt="" width="128" border="0" name="main2"></a><br>
                    <div id="undermenu2" style="Display:'NONE';">
       
                    <a HREF="deres_virksomhed.php?id=2" onMouseOver="changeImages('image2', 'image2on')" onMouseOut="changeImages('image2', 'image2off')">
                    <img src="billeder/deres_virksomhed.gif" width="128" height="15" border="0" alt="" name="image2"></a><br>

       
                    <a HREF="netvaerk.php?id=2" onMouseOver="changeImages('image3', 'image3on')" onMouseOut="changeImages('image3', 'image3off')">
                    <img src="billeder/netvaerk.gif" width="128" height="15" border="0" alt="" name="image3"></a><br>
                   
                    <a HREF="vpn.php?id=2" onMouseOver="changeImages('image4', 'image4on')" onMouseOut="changeImages('image4', 'image4off')">
                    <img src="billeder/vpn_eller.gif" width="128" height="15" border="0" alt="" name="image4"></a><br>
       
                    <a HREF="webdesign.php?id=2" onMouseOver="changeImages('image5', 'image5on')" onMouseOut="changeImages('image5', 'image5off')">
                    <img src="billeder/webdesign.gif" width="128" height="15" border="0" alt="" name="image5"></a><br>
                    </div>

                    <a href="#" onclick="setMain('main3'); open_menu(3)" style="Cursor:HAND;"onMouseOver="changeImages('main3', 'main3on')" onMouseOut="changeImages('main3', 'main3off')"><img src="billeder/hvordan_goer_vi.gif" alt="" width="128" border="0" name="main3"></a><br>

                    <div id="undermenu3" style="Display:'NONE';">
       
                    <a HREF="praksis.php?id=3" onMouseOver="changeImages('image6', 'image6on')" onMouseOut="changeImages('image6', 'image6off')">
                    <img src="billeder/i_praksis.gif" width="128" height="15" border="0" alt="" name="image6"></a><br>
                    </div>

                    <a href="#" onclick="setMain('main4'); open_menu(4)" style="Cursor:HAND;"onMouseOver="changeImages('main4', 'main4on')" onMouseOut="changeImages('main4', 'main4off')"><img src="billeder/kontakt.gif" alt="" width="128" border="0" name="main4"></a><br>
                    <div id="undermenu4" style="Display:'NONE';">
       
                    <a HREF="email.php?id=4" onMouseOver="changeImages('image7', 'image7on')" onMouseOut="changeImages('image7', 'image7off')">
                    <img src="billeder/pr_email.gif" width="128" height="15" border="0" alt="" name="image7"></a><br>

       
                    <a HREF="telefon.php?id=4" onMouseOver="changeImages('image8', 'image8on')" onMouseOut="changeImages('image8', 'image8off')">
                    <img src="billeder/pr_telefon.gif" width="128" height="15" border="0" alt="" name="image8"></a><br>
       
                    <a HREF="lad_os_kontakte_dem.php?id=4" onMouseOver="changeImages('image9', 'image9on')" onMouseOut="changeImages('image9', 'image9off')">
                    <img src="billeder/lad_os_kontakte_dem.gif" width="128" height="15" border="0" alt="" name="image9"></a><br>
                    </div>

                    </td>
                </tr>
            </table>
            <!-- Menu tabel slut -->
   

        </td>
        <td colspan="3" width="387" style="background: url('billeder/indhold_bg.gif');"><br>
   
   
            <!-- Indhold tabel start -->
            <table width="375" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td colspan="2"><img src="billeder/.gif" width="" height="" border="0" alt=""></td>
                </tr>
                <tr>
                    <td width="14" style="background: url('billeder/indhold_dots.gif');"></td>
                    <td width="361" valign="top">                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                    tincidunt ut laoreet dolore magna aliquam erat volutpat.<br><br>

                    Ut wisi enim ad m
                    inim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br><br>

                    Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum
                    lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
                    praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br><br>

                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam erat volutpat.<br><br>

                    Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip
                    ex ea commodo consequat.<br><br>

                    Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
                    willum lunombro dolore eu feugiat <br><br>

                    </td>
                </tr>
            </table>
            <!-- Indhold tabel slut -->
   
   
        </td>
    </tr>
    <tr>
        <td colspan="4" width="550"><img src="billeder/bund.gif" width="550" height="7" border="0" alt=""></td>
    </tr>
</table>

<br><br>

</body>
</html>
Avatar billede jeh_dk Nybegynder
06. november 2002 - 16:04 #3
Kunne være rart hvis også undermenuerne kunne skifte billedet når disse er valgt og ikke kun ved mouseover - men ligesom "hovedmenuen" er åben.... Der kunne meget let falde lidt ekstra af hvis dette også lader sig gøre....
Avatar billede knudgert Nybegynder
06. november 2002 - 22:53 #4
Jeg ville nu foretrække et link til siden... :-)
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