Hoi iedereen,
Ik moet aan een menu subpagina's koppelen, maar het lukt niet om de display onclick op block te zetten.
Hier mijn code:
Menu:Code:<script language="javascript"> <!– var state = 'none'; function showhide(layer_ref) { if (state == 'block') { state = 'none'; } else { state = 'block'; } if (document.all) { //IS IE 4 or 5 (or 6 beta) eval( "document.all." + layer_ref + ".style.display = state"); } if (document.layers) { //IS NETSCAPE 4 or below document.layers[layer_ref].display = state; } if (document.getElementById &&!document.all) { hza = document.getElementById(layer_ref); hza.style.display = state; } } //–> </script>
In de broncode blijft er bij alle pagina's dit staan:PHP Code:/*subpagina's worden opgehaald als een en door de $num_sub wordt gekeken of een pagina uberhaupt wel subpagina's heeft, zoniet dan moet er de gewone pagina weergegeven worden. */
$select_sub = mysql_query("SELECT id,page_id,titel FROM sub_page WHERE page_id = '".secure_string($menu['id'])."'")or die (mysql_error());
$num_sub = mysql_num_rows($select_sub);
echo'<li><a href="url_page" target="_self" title="Title" '; if($num_sub > 0) { echo'onclick="showhide(\'div'.$menu['id'].'\');"'; } echo'>Page</a></li>';
/*heeft een pagina een subpagina dan wordt de onderstaande div weergegeven als er geklikt is */
<div id="div'.$menu['id'].'" style="display: none;">';
while($sub = mysql_fetch_assoc($select_sub))
{
echo'
<li><a href="url" target="_self" title="Title">Page</a></li>';
}
echo'
</div>
';
De subpagina test wordt alleen niet weergegeven, ziet iemand ergens een fout?Code:<li><a href="url" target="_self" title="Contact" onclick="showhide('div19');">Contact</a></li> <div id="div19" style="display: none;"> <li><a href="url" target="_self" title="Test">Test</a></li> </div> <li><a href="url" target="_self" title="Sitemap" >Sitemap</a></li> <div id="div20" style="display: none;"> </div>
-
18-04-2011, 10:26 #1
SVM Solutions
- Berichten
- 1.245
- Lid sinds
- 18 Jaar
Javascript dropdown
-
-
20-04-2011, 10:21 #2
Particulier
- Berichten
- 1.478
- Lid sinds
- 17 Jaar
Re: Javascript dropdown
Probeer het eens als volgt..
Code:<head> <script language="JavaScript"> function showmenu(elmnt) { document.all(elmnt).style.visibility="visible" } function hidemenu(elmnt) { document.all(elmnt).style.visibility="hidden" } </script> </head> <body> <ul id="menu"> <li><a href="#">Menuitem 1</a></li> <li><a href="#" onmouseover="showmenu('1')" onmouseout="hidemenu('1')">Menuitem 2</a> <ul class="submenu"> <li><a href="#">Subitem 1</a></li> </ul></li> <li><a href="#">Menuitem 3</a></li> </ul> </body>
