[javascript] menu probleem

[Verwijderd]

Ik heb een javascriptje gevonden dat goed werkt maar er mist alleen in functie, dat hij meerdere menu's kan laten zien.. Dit is me code:

code:

        <script language="javascript">
        

                function ShowMenu(Item) {
            document.getElementById(Item).style.visibility = 'Visible';
        }
        
        function HideMenu(Item) {
            document.getElementById(Item).style.visibility = 'Hidden';
        }
        
        function MenuSelect(Item) {
            document.getElementById(Item).style.backgroundColor = '#ffff99';
        }
        
        function MenuDeselect(Item) {
            document.getElementById(Item).style.backgroundColor='white';
        }
        
        </script>

Voorbeeld html:

code:

[img]"file:///F:/music049.gif"[/img]</p>
            <p>&nbsp;</p>
    <table id="1000" style="background-color:white;top:26;left:161;position:absolute;visibility:hidden; border-collapse:collapse" onmousemove="ShowMenu('1000')" onmouseout="HideMenu('1000')" bordercolor="#111111" cellpadding="0" cellspacing="0">
    
    <tr>
        <td id="IntranetApplications" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/applications'">Applications</td>
    </tr>
        
    <tr>
        <td id="IntranetProducts" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/products'">Products</td>
    </tr>   
    <tr>
        <td id="IntranetNews" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/applications'">News</td>
    </tr>
        
    <tr>
        <td id="IntranetHelp" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/products'">Help</td>
    </tr>
    
    
    </table>

Het werkt dus, als je over het plaatje hoverd komt het menu naar beneden, maar nu wil ik dus 4 van die plaatjes naast elkaar en elke keer een ander menu. Nu wil ik weten hoe je dat doet?

[r0bert]

PHP:

onmouseout="HideMenu('1000')"  onmouseover="ShowMenu('1000')"

De waarde binnen quotes in de de jsfunctie (1000 dus) is de ID van het element die moet worden weergegeven of verborgen moet worden. Dus als je nu gewoon nog een table (of ander element) maakt en je geeft deze bijv het id 'el2000' mee, dan worden de bovenstaande functies:

PHP:

onmouseout="HideMenu('el2000')"  onmouseover="ShowMenu('el2000')"

Eigenlijk kun je gewoon dezelfde code kopieeren en dan overal waar 1000 staat, iets anders neerzetten

Edit:

Je kunt trouwens beter this.id gebruiken ipv id in je js functies menuSelect & menuDeselect

dus ipv

PHP:

menuSelect(id);

// dit gebruiken:

menuselect(this.id);

[ Voor 0% gewijzigd door r0bert op 30-08-2002 19:45 . Reden: Zie onder edit ]

[crisp]

Ik zou als id ook zeker geen nummer nemen, of in elk geval niet met een nummer laten beginnen; dat is vragen om ellende aangezien het dan geen geldige naam-value is.