Avatar billede partymann Nybegynder
21. februar 2001 - 01:38 Der er 3 kommentarer og
1 løsning

menu skal altid være øverst

jeg er ved og lave en side hvor der er frames og en d-html menu. mit problem er at når menuen folder sig ud ligger den sig under den freme jeg har ved siden af.
kan man ikke få sin menu eller frame  til at altid være øverst??
Avatar billede sesam Nybegynder
21. februar 2001 - 01:38 #1
Må vi se koden?
Avatar billede seider Nybegynder
21. februar 2001 - 01:43 #2
jo, men jeg skal lige bruge lidt tid på at få det fra en af mine vener, han havde problemet selv.

den skal bare i Background ikke ?

altså menuen overlapper dhtml\'en

/* seider */
Avatar billede vandhunden Nybegynder
21. februar 2001 - 01:57 #3
Det kan man ikke. Men der findes scripts som kan vise layers i andre frames end dens egen...

se fx. www.bratta.com under \"cool frame menus\"...

/Andreas
Avatar billede partymann Nybegynder
22. februar 2001 - 05:08 #4
Her er scriptet.

<!--
.menu { position:absolute;
        visibility:hidden;
        background-color: white;
        color: black;
        width: 160px;
        height: auto;
        border-style: solid;
        border-color: black;
        border-width: 2px;
        padding: 2px;
        font-size : 12px;
        font-family: \"arial\", \"helvetica\";
        font-weight: bold;
        line-height: 16px;}

.menu A:hover {color: red;}
.menu A {text-decoration: none; color: black;}
-->       
</style>

<SCRIPT language=\"javascript\">

//do browser detect stuff
var isNS = (navigator.appName == \"Netscape\");
var isMacIE = ( (navigator.userAgent.indexOf(\"IE 4\")  > -1) && (navigator.userAgent.indexOf(\"Mac\")  > -1) );
var layerRef = (isNS) ? \"document\" : \"document.all\";
var styleRef = (isNS) ? \"\" : \".style\";
var isDynamic = ( (document.layers || document.all) && !isMacIE );

var activeMenu = 0;
var finalClip;


function activateMenu(menuLayerRef, offset) {
   
    if (isDynamic && activeMenu != menuLayerRef) {

        if (activeMenu) hideMenu(\"menu\" + activeMenu);
           
        menuID = \"menu\" + menuLayerRef;
        activeMenu = menuLayerRef;
   
       
        if (isNS) {
            document[menuID].top = offset;
            //This should be changed according to the size of your image
            document[menuID].left = 100;
        } else {
            document.all[menuID].style.pixelTop = offset;
            //This should be changed according to the size of your image
            document.all[menuID].style.pixelLeft = 100;
        }
       

        showMenu(menuID)
       
    }
    if (isDynamic && !isNS) window.event.cancelBubble = true;
}

function showMenu(layerID) {
    eval(layerRef + \'[\"\' + layerID + \'\"]\' + styleRef + \'.visibility = \"visible\"\');
}

function hideMenu(layerID) {
    eval(layerRef + \'[\"\' + layerID + \'\"]\' + styleRef + \'.visibility = \"hidden\"\');
}

function killMenu(e) {
    //check if theres a menu active
    if (activeMenu) {
        menuID = \"menu\" + activeMenu;
        if (isNS) {
            menuX1 = document[menuID].left;
            menuX2 = menuX1 + document[menuID].clip.right;
            menuY1 = document[menuID].top;
            menuY2 = menuY1 + document[menuID].clip.bottom;
           
            if (e.pageX < menuX1 || e.pageX > menuX2 || e.pageY > menuY2) {
                hideMenu(menuID);
                activeMenu = 0;
            }
        } else {
                hideMenu(menuID);
                activeMenu = 0;

        }
    } 

}


function init() {
    if (isDynamic) {
        if (isNS) {
            document.captureEvents(Event.MOUSEMOVE);
            document.onmousemove = killMenu;
        } else {
            document.onmouseover = killMenu;
        }
       
    }
}

//This function is included just for demonstration
function popUp(moviePath, winName, xSize, Ysize) {   
      window.open(moviePath, winName, \"width=\" + xSize + \",height=\" + Ysize + \",directories=no,status=no,scrollbars=no,resize=no,menubar=no,toolbar=no,alwaysRaised=yes\" );
}
</script>
</head>

<body bgcolor=\"#FFFFFF\" marginwidth=\"0\" marginheight=\"0\" topmargin=\"0\" leftmargin=\"0\" onload=\"init();\">

<script language=\"javascript1.2\">

if (isDynamic) {
    document.write(\"<DIV id=menu1 class=menu onMouseover=activateMenu(1,13);><A href=\\\"nyheder.html\\\">Nyt på siden</A><BR></DIV>\");
    document.write(\"<DIV id=menu2 class=menu onMouseover=activateMenu(2,73);><A href=\\\"judohis.html\\\">Judoens Historie</A><HR><A href=klubhis.html>Klubbens Historie</A><BR></DIV>\");
    document.write(\"<DIV id=menu3 class=menu onMouseover=activateMenu(3,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
      document.write(\"<DIV id=menu4 class=menu onMouseover=activateMenu(4,146);><A href=\\\"avisen.html\\\">Avisen</A><HR><A href=tv.html>Tv</A></DIV>\");
      document.write(\"<DIV id=menu5 class=menu onMouseover=activateMenu(5,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Træning tider</A><HR><A href=http://www.viewsource.dk/jspop.asp>Priser</A><HR><A href=http://www.viewsource.dk/dhtmlpop.asp>Bestyrelsen</A></DIV>\");
      document.write(\"<DIV id=menu6 class=menu onMouseover=activateMenu(6,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Gult Snip</A><BR><A href=http://www.viewsource.dk/jspop.asp>Orange Snip</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Grønt Snip</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Blå Snip</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Brunt Snip</A><HR><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Gult Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Orange Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Grønt Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Blå Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Brun Streg</A><HR><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Gult Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Orange Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Grønt Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Blåt Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Brunt Bælte</A><HR></DIV>\");
      document.write(\"<DIV id=menu7 class=menu onMouseover=activateMenu(7,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
      document.write(\"<DIV id=menu8 class=menu onMouseover=activateMenu(8,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
      document.write(\"<DIV id=menu9 class=menu onMouseover=activateMenu(9,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
      document.write(\"<DIV id=menu10 class=menu onMouseover=activateMenu(10,146);><A href=\\\"http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");




}
</script>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=100% height=100%>
<tr>
                <td width=297 BGCOLOR=\"#FFFFFF\" valign=top>
                    <div align=\"left\">
                        <p></p>
                        <p></p>
                        <p><img src=\"judologo.gif\" width=\"99\" height=\"100\" border=\"0\"><br>
                        </p>
                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=75>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu1\', 150, 200)\" onmouseover=\"activateMenu(1,118)\"><img src=\"menu/nyheder.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu2\', 150, 200)\" onmouseover=\"activateMenu(2,138)\"><img src=\"menu/Historie.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu3\', 150, 200)\" onmouseover=\"activateMenu(3,156)\"><img src=\"menu/judo_klubben.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu4\', 150, 200)\" onmouseover=\"activateMenu(4,172)\"><img src=\"menu/pressen.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu5\', 150, 200)\" onmouseover=\"activateMenu(5,192)\"><img src=\"menu/information.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu6\', 150, 200)\" onmouseover=\"activateMenu(6,50)\"><img src=\"menu/pensum.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu7\', 150, 200)\" onmouseover=\"activateMenu(7,225)\"><img src=\"menu/tatami.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu8\', 150, 200)\" onmouseover=\"activateMenu(8,244)\"><img src=\"menu/bixen.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu9\', 150, 200)\" onmouseover=\"activateMenu(9,262)\"><img src=\"menu/gaestebog.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>
                            <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\"><a \', \'menu10\', 150, 200)\" onmouseover=\"activateMenu(10,280)\"><img src=\"menu/link.gif\" width=\"130\" height=\"18\" border=0><br>
                                    </a></td>
                            </tr>                           



                                <tr bgcolor=\"#FFFFFF\">
                                <td width=\"75\">&nbsp;</td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
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