Muy buenas a todos, estoy con una gran duda la cual no he podido encontrarle la solución, pese a largas horas de búsqueda en Google y en documentación.
Espero me puedan orientar o dar una ayuda.
Tengo este menu (que adjunto debajo) el cual luego que el usuario selecciona una categoria se despliega y muestra las diferentes subcategorias asociadas a esa.
Categoria A
Subcategoria 1
Subcategoria 2
Subcategoria 3
Categoria B
Categoria C
Lo que quiero hacer es que al hacer un click sobre alguna de esas subcategorias, la categoria que contiene a esa subcategoria anteriormente seleccionada, quede desplegada luego de haberse actualizado la página
Categoria A
Subcategoria 1
Subcategoria 2
Subcategoria 3
Categoria B
Categoria C
Aclaración: A traves de la URL puedo saber que Subcategoria el usuario seleccionó.
Aca va el menú
<style type="text/css">
#menu { text-align: left;
font-size: 11px;
font-family: tahoma;
font-weight: bold;
}
#menu #cat { padding: 2px 0px 5px 5px; margin: 0px; }
#menu #cat a { color: #1C4176; }
#menu #cat li { display: none; }
#menu #cat li a { text-decoration: none; color: #F08712; }
</style>
<script type="text/javascript">
function desplegar( catNode )
{
var menu = document.getElementById( 'menu' );
var cats = menu.getElementsByTagName( 'UL' );
for( i=0; i<cats.length; i++ ) {
var items = cats[i].getElementsByTagName( 'LI' );
for( u=0; u<items.length; u++ ) {
if( cats[i] != catNode ) {
items[u].style.display = 'none';
} else {
items[u].style.display = 'block';
}
}
}
}
</script>
<!-- MENU DESPLEGABLE -->
<div id="menu">
<?php
require_once('Connections/cn.php');
mysql_select_db($database_cn, $cn);
//echo mysql_errno($cn) . ": " . mysql_error($cn). "\n";
$categorias = mysql_query( "SELECT * FROM categorias ORDER BY NombreCategoria ASC", $cn );
while ( $datos_categoria = mysql_fetch_array( $categorias ) ) {
$direccion=$datos_categoria['IdCategoria'];
$subcategorias = mysql_query( "SELECT * FROM subcategorias WHERE IdCategoria ='$direccion' ORDER BY NombreSubcategoria ASC", $cn );
echo '<ul id="cat"><strong>• </strong><a href="javascript:void(0);" onclick="desplegar( this.parentNode );">'.$datos_categoria['NombreCategoria'].'</a>'."\n";
while ( $datos_subcategoria = mysql_fetch_array( $subcategorias ) ) {
echo "\t".'<li style="padding: 1px 0px 5px 5px; margin: 2px;">» <a href="'."notadepedido.php".'?codigocategoria='.$da tos_subcategoria['IdSubcategoria'].'" TARGET="_self">'.$datos_subcategoria['NombreSubcategoria'].'</a></li>'."\n";
}
echo '</ul>'."\n";
}
?>
</div>
Gracias !!!