| franko1809 | 28/04/2008 16:22 |
Problema con menu js con registros de mysql
Mi menu funciona actualmente de la siguiente: muestra las categorias en una fila, al hacer click en una de ellas se despliegan las subcategorias.
Lo que quiero hacer hacer es que el despliege solo se haga una vez, por ejemplo si tengo 2 categorias hardware y software, si clikeo software se desplieguen sus subcategorias y si clickeo hardware se despliguen sus categorias pero que se oculten las subcategorias desplegadas anteriormente.
Espero me haya dejado entender aqui dejo mi codigo completo haber si me ayudan con la funcion en js Código PHP:
<html>
<head>
<script>
function desplegar(id_div)
{
var capa = document.getElementById(id_div);
if(capa.style.display == 'none')
{
capa.style.display = 'block';
}
else
{
capa.style.display = 'none';
}
}
</script>
</head>
<body>
<h1>Productos</h1>
<?php
$conexion = mysql_connect('localhost','root','');
mysql_select_db('MENU');
$consultaCategorias = mysql_query("SELECT * FROM categoria;");
$menu_numero = 0;
while($categorias = mysql_fetch_array($consultaCategorias))
{
echo '<a href="#" onclick="desplegar(\'menu_'.$menu_numero.'\'); return false;">'.$categorias[nomcateg].'</a><br />';
$consultaProductos = mysql_query("SELECT * FROM producto WHERE codcateg = {$categorias[codcateg]};");
echo '<div id="menu_'.$menu_numero.'" style="display:none;">';
while($productos = mysql_fetch_array($consultaProductos))
{
echo '<a href="#">'.$productos[descripcion].'</a><br />';
}
echo '</div>';
$menu_numero++;
}
mysql_free_result($consultaCategorias);
mysql_close($conexion);
?>
</body>
</html>
| 