Foros del Web » Programando para Internet » Javascript »

Menu Desplegable con Java Script

Estas en el tema de Menu Desplegable con Java Script en el foro de Javascript en Foros del Web. Buenas estoy Buscando como hacer un Menu Desplegable por java, les muestro lo que estoy haciendo: tengo una tabla de categorias (de productos) y hice ...
  #1 (permalink)  
Antiguo 21/07/2011, 16:25
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Pregunta Menu Desplegable con Java Script

Buenas estoy Buscando como hacer un Menu Desplegable por java, les muestro lo que estoy haciendo:

tengo una tabla de categorias (de productos) y hice un menu para ellas donde por cada campo que me encuentre me imprima un link:

Código HTML:
Ver original
  1. <?php do {
  2. $codigo=$rowcate['ID'];
  3. $codigo=base64_encode($codigo);
  4. ?>
  5. <tr>
  6. <td valign="top" width="7"><img src="imagenes/lider/Arrow_01.gif" height="11" width="7"></td>
  7. <td class="titulo01"><a href="?page=DetallesCategoria&categoriaid=<?php echo $codigo; ?>"><?php echo $rowcate['nombre']; ?></a></td>
  8. </tr>
  9. <?php } while ($rowcate = mysql_fetch_assoc($categorias)); ?>

ahora cada categoria tiene una Sub categoria, y me gustaria que la sub categoria solo apareciera cuando se le hace clic o se le pasa el mouse sobre la opcion, y claro esta que se muestren las sub categorias..

Supongo que esto se hace por JavaScript. alguien podria ayudarme?[/HIGHLIGHT]
  #2 (permalink)  
Antiguo 26/07/2011, 12:21
 
Fecha de Ingreso: noviembre-2010
Mensajes: 28
Antigüedad: 14 años
Puntos: 0
Respuesta: Menu Desplegable con Java Script

Prueba con esto y me dices:
Código HTML:
<?php do {
$codigo=$rowcate['ID'];
$codigo=base64_encode($codigo);
?>

<tr onmousemove="sobre_categoria('<?php echo $rowcate['nombre'];?>')" onmouseout="fuera_categoria('<?php echo $rowcate['nombre'];?>')">
    <td valign="top" width="7"><img src="imagenes/lider/Arrow_01.gif" height="11" width="7"></td>
    <td class="titulo01"><a href="?page=DetallesCategoria&categoriaid=<?php echo $codigo; ?>"><?php echo $rowcate['nombre']; ?></a></td>
</tr>

<!--Mientras existan registros en la tabla subcategorias(PHP):-->
    <tr name="<?php echo $rowcate['nombre'];?>" style="padding-left:10px; display:none">
        <td>
            <!--Lo que quieras poner en la subcategoria-->
        </td>
    </tr>
<!---->

<?php } while ($rowcate = mysql_fetch_assoc($categorias)); ?> 
Código Javascript:
Ver original
  1. function sobre_categoria(nombre)
  2. {
  3.     document.getElementsByName(nombre).style.display="block";
  4. }
  5.  
  6. function fuera_categoria(nombre)
  7. {
  8.     document.getElementsByName(nombre).style.display="none";
  9. }
Saludos
  #3 (permalink)  
Antiguo 26/07/2011, 14:01
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Respuesta: Menu Desplegable con Java Script

COmo le haces para que el codigo en HTML te quede asi porq ami no me quedo asi... (hablo de los HIGHLIGH) y bueno ya probare tu codigo, gracias...

Etiquetas: desplegable, java, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:26.