Toon posts:

[javascript] Menu ook netscape/mozilla/opera competable make

Pagina: 1

Acties:

35 views sinds 30-01-2008

maandag 14 oktober 2002 14:02

Acties:

Vulpecula

Topicstarter

Ik heb dit zelf geschreven. Dit werkt helaas alleen maar in IE. Ik ben niet zo goed in javascript. Weet iemand hoe dit ook werkend krijg in netscape en mozilla? Opera zou ook mooi zijn maar is niet echt nodig.

code:

<script>
var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sProp) {
    var iPos = 0
    while (el!=null) {
        iPos+=el["offset" + sProp]
        el = el.offsetParent
    }
    return iPos

}

function show(el,m) {

    if (m) {
        m.style.display='inline';
        m.style.pixelLeft = getPos(el,"Left")
        m.style.pixelTop = getPos(el,"Top") + el.offsetHeight
    }
    if ((m!=cm) && (cm)) cm.style.display='none'
    cm=m
}
</script>

maandag 14 oktober 2002 14:05

Acties:

Pelle

🚴‍♂️

Heb je dit zelf geschreven? Kun je ons dan even uitleggen wat het doet wellicht?

maandag 14 oktober 2002 14:05

Acties:

momania

iPhone 30! Bam!

offtopic:
competable = compatible

Neem je whisky mee, is het te weinig... *zucht*

maandag 14 oktober 2002 14:14

Acties:

Vulpecula

Topicstarter

Pelle schreef op 14 oktober 2002 @ 14:05:
Heb je dit zelf geschreven? Kun je ons dan even uitleggen wat het doet wellicht?

Sorry voor het vergeten van het uitleggen wat het precies doet.

Het is een soort drop-down menu. Als iemand met de muis over een td gaat komt daar een klein menuutje onder te staan. Ik zal de gehele source ff plaatsen.

code:

<html>
<head>
    <title>TEST</title>
<script>
var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sProp) {
    var iPos = 0
    while (el!=null) {
        iPos+=el["offset" + sProp]
        el = el.offsetParent
    }
    return iPos

}

function show(el,m) {

    if (m) {
        m.style.display='inline';
        m.style.pixelLeft = getPos(el,"Left")
        m.style.pixelTop = getPos(el,"Top") + el.offsetHeight
    }
    if ((m!=cm) && (cm)) cm.style.display='none'
    cm=m
}
</script>
<link href="styles/test.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#000000">
<table border="0" cellspacing="0" cellpadding="0" width="760">
  <tr>
    <td class="menuclass"><div onMouseOver="show();"><a href="#" title="Terug naar hoofdpagina">Home</a></div></td>
    <td class="menuclass" onMouseOver="show(this,news);"><a href="news.php" title="Nieuws">Nieuws</a></td>
  </tr>
</table>
<div id="news" style="display: none; position: absolute;" class="submenuclass">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="submenutext" onMouseOver="this.style.backgroundColor = '#FFFFFF'" onMouseOut="this.style.backgroundColor = '#000000';">Deze week</td>
          </tr>
          <tr>
            <td class="submenutext">Vorige week</td>
          </tr>
          <tr>
            <td class="submenutext">Vorige maand</td>
          </tr>
        </table>
        </div>
</body>
</html>

maandag 14 oktober 2002 14:16

Acties:

Verwijderd

Momenteel doet die code blijkbaar niets vanwege de null variable die ie doorstuurt. Maar heeft waarschijnlijk iets te maken met het positioneren van elementen en ze wel of niet zichtbaar maken. Ik kan je in ieder geval meteen vertellen dat het onder NS4 niet gaat werken. NS6 en Opera hebben beide zo'n kleine markt dat het de moeite niet eens waard is om de code NS en opera compatible te maken.

maar tis nochtans wat jij wilt...

maandag 14 oktober 2002 14:22

Acties:

Pelle

🚴‍♂️

frankschers schreef op 14 oktober 2002 @ 14:14:
Sorry voor het vergeten van het uitleggen wat het precies doet.

Nou, eigenlijk doelde ik dus op de daadwerkelijke werking van het script. Iedereen kan overal een script vandaan halen en zeggen waar het voor dient. Maar ik vraag me serieus af of je kunt uitleggen hoe het werkt, en wat het doet. Want als je dat kunt, dan kun je het ook in Mozilla laten werken.
Wat is het stuk waar je op vast loopt? Wat snap je precies niet? Wat heb je al geprobeerd om het in Mozilla te laten werken?

maandag 14 oktober 2002 14:27

Acties:

Pelle

🚴‍♂️

Oh, trouwens, je script is wel erg bekend trouwens.. het wordt over de hele wereld al gebruikt:

http://www.siteexperts.co...ry/ts02/page1.asp?main=on
http://www.dhtmlshock.com/forum2/topic.asp?TOPIC_ID=2989
http://www.experts-exchan...avaScript/Q_20321007.html
http://school.itnow.com.c...0000902/20000902574.shtml
http://www.yesky.com/20000823/107982.shtml

Enzovoorts. Ga je moeder maar voor de gek houden, ik ga je in ieder geval niet helpen met dit domme geneuzel van je.

Pagina: 1

Dit topic is gesloten.