DIV links uitlijnen submenu, wel ie geen firefox - Softwareontwikkeling

dinsdag 29 november 2005 15:58

Acties:

Topicstarter

Ik heb een stuk code wat ik moet aanpassen:

code:

function showSub(nummer)
        {
            hideAll()
            document.getElementById('hoofdmenu_'+nummer).style.backgroundColor = '#dd1826'
            document.getElementById('link_'+nummer).style.color = '#ffffff'
            if (document.getElementById( 'submenu_'+nummer ))
                {
                    document.getElementById( 'submenu_'+nummer ).style.visibility = 'visible'

                    var oBody = document.getElementsByTagName("BODY").item(0);
                    var oHelperIframe = document.getElementById(HELPER_IFRAME_ID);

                    var oDiv = document.getElementById('submenu_'+nummer );
                    oDiv.style.zIndex = topDivZIndex;
                    oDiv.style.left = document.getElementById("hoofdmenu_"+nummer).offsetLeft+document.getElementById("Oak").offsetLeft+1                   <% If Request("menuId") & "" = "" Then %>
                        oDiv.style.top = "304"
                    <% Else %>
                        oDiv.style.top = "89"
                    <% End If %>
                    oDiv.style.width = document.getElementById("hoofdmenu_"+nummer).offsetWidth
                    oHelperIframe.style.zIndex = topDivZIndex - 1000;
                    topDivZIndex += 1;
                    oHelperIframe.style.top = oDiv.style.top;
                    oHelperIframe.style.left = oDiv.style.left;
                    oHelperIframe.width = document.getElementById( 'submenu_'+nummer ).getElementsByTagName("table").item(0).offsetWidth;
                    oHelperIframe.height = document.getElementById( 'submenu_'+nummer ).getElementsByTagName("table").item(0).offsetHeight;
                    oHelperIframe.style.visibility = 'visible';
                    oDiv.style.visibility = 'visible';
                }
        }

        var HELPER_IFRAME_ID = "IFrmHelper";
        var topDivZIndex = 10000;

        function ShowHelper()
        {
            var oBody = document.getElementsByTagName("BODY").item(0);
            var oHelperIframe = document.createElement("IFRAME");
            oHelperIframe.setAttribute("id", HELPER_IFRAME_ID);
            oHelperIframe.style.border = 0;
            oHelperIframe.width = 0;
            oHelperIframe.height = 0;
            oHelperIframe.style.position = "absolute";
            oBody.appendChild(oHelperIframe);
        }

Nu weet ik dat Firefox met Layers (document.Layers) werkt maar dan blijft het hele submenu helaas boven staan.

hier de code waarin ik 'm aanroep:

code:

1
2
3

<body marginwidth="0" marginheigth="0" topmargin="0" leftmargin="0" onLoad="ShowHelper()">
<div id="submenu_677" style="position:absolute; visibility:hidden; border:1px solid #dd1826">
<table border="0" cellspacing="0" cellpadding="2" bgcolor="#FFFFFF" width="100%">

enz enz

code:

<table cellpadding="0" cellspacing="0" border="0"  width=100% height="37">
<tr><td width="150" onMouseOver="showSub(<%= rsHoofdmenu("id") %>)" id="hoofdmenu_<%= rsHoofdmenu("id") %>" height="20" bgcolor="#FFFFFF">
<a class="menuLink" id="link_<%= rsHoofdmenu("id") %>" href="default.asp?menuID=<%=rsHoofdmenu("id")%>&submenuID=0"><%= rsHoofdmenu("title")%>/a>
</td>

enz enz
Wie kan me vertellen wat ik fout doe!?

[ Voor 16% gewijzigd door source op 29-11-2005 16:00 ]

Diplomacy is the ability to tell a person to go to hell in such a nice way that he looks forward to the trip.

dinsdag 29 november 2005 16:00

Acties:

Willem

Waar denk je zelf dat het fout gaat?

Motor onderhoud bijhouden

dinsdag 29 november 2005 16:06

Acties:

crisp

Devver

Pixelated

source schreef op dinsdag 29 november 2005 @ 15:58:
Ik heb een stuk code wat ik moet aanpassen:
[...]
Nu weet ik dat Firefox met Layers (document.Layers) werkt maar dan blijft het hele submenu helaas boven staan.

oh, sinds wanneer?

Intentionally left blank

dinsdag 29 november 2005 18:06

Acties:

source

Topicstarter

iemand?

Diplomacy is the ability to tell a person to go to hell in such a nice way that he looks forward to the trip.

dinsdag 29 november 2005 18:10

Acties:

crisp

Devver

Pixelated

source schreef op dinsdag 29 november 2005 @ 18:06:
iemand?

Je zou uit mijn voorgaande opmerking af kunnen leiden dat jouw aanname fout is; het is aan jou dan om eens te gaan zoeken hoe je iets dergelijks dan wel in standards-compliant browsers kunt doen...

Zoals ik het nu even snel bekijk zou de dergelijke constructie ook in Firefox moeten werken vermits je netjes maataanduidingen meegeeft als je bijvoorbeeld style-properties als top, left, width en height set.

edit: en negatieve Z-index vind Firefox vaak ook niet leuk

[ Voor 32% gewijzigd door crisp op 29-11-2005 18:12 ]

Intentionally left blank