Foros del Web » Programando para Internet » Javascript »

como hacer este menu con divs?

Estas en el tema de como hacer este menu con divs? en el foro de Javascript en Foros del Web. HOla que tal, intente probar este ejemplo de menu con javascript y css pero pues la vdd no me funciona y no se si sea ...
  #1 (permalink)  
Antiguo 01/06/2007, 16:30
Avatar de Gaby_Corr  
Fecha de Ingreso: junio-2005
Mensajes: 672
Antigüedad: 18 años, 11 meses
Puntos: 0
como hacer este menu con divs?

HOla que tal, intente probar este ejemplo de menu con javascript y css pero pues la vdd no me funciona y no se si sea algo de javascript o no se

les dejo el codigo y el link donde lo saque aqui

Código:
En primer lugar diseñamos la clase de fondo de la Barra de Navegación:

.toolsBarArea {background:#D4D0C8;border: 2px groove #F3EFE7;}
A continuación tendremos las 3 clases de estilo para las celdas de la tabla de navegación para los 3 estados que estas pueden adoptar:

.toolsBarOff {background:#D4D0C8;color:#000000;border: 2px outset #F3EFE7;font-weight: normal;font-size: 10px;text-align: center;padding: 1px 3px;font-family: arial,helvetica,sans-serif;}

.toolsBarOn {background:#D4D0C8;color:#000000;border: 2px inset #F3EFE7;font-weight: normal;font-size: 10px;text-align: center;padding: 1px 3px;font-family: arial,helvetica,sans-serif;}

.toolsBarOver {background:#F4F0E8;color:#000000;border: 2px inset #F3EFE7;font-weight: normal;font-size: 10px;text-align: center;padding: 1px 3px;font-family: arial,helvetica,sans-serif;}
Y la función Javascript que realiza el rollover sobre las celdas de la tabla de navegación (y además lanza la página enlazada) es: 

var pulsada=new Array();
function toolsBar(id,classe,ev)
{
if (ev==0)
{
if(pulsada[0]!=id) document.getElementById(id).className=classe;
}
else if(ev==1)
{
if(pulsada[0]!=id) document.getElementById(id).className=classe;
}
else
{
if(pulsada[0]!=id&&pulsada!='') document.getElementById(pulsada[0]).className=pulsada[1];
pulsada[0]=id;
pulsada[1]='toolsBarOff';
document.getElementById(id).className=classe;
}
} 
Que es el mismo código que el mostrado en el caso 4.1 Barra de Opciones con Rollover. Esta función nos permite, además del rollover de celdas, "recordar" cual fue la última opción pulsada, e inhibir para esta la funcionalidad de rollover.

Finalmente, el código HTML para cada celda es:

<td class="toolsBarOff" id="6" title="Shareware & Freeware" onMouseOver="toolsBar(6,'toolsBarOn',1)" onMouseOut="toolsBar(6,'toolsBarOff',0)" onClick="toolsBar(6,'toolsBarOver',2);Launch('#shareware')"> Shareware & Freeware</td> 
lo q quiero hacer es tener en un archivo externo mi menu para no repetirlo en cada pagina.. se puede cone sto?
__________________
" Recuerda , estas donde debes estar ..."
  #2 (permalink)  
Antiguo 01/06/2007, 17:02
Avatar de Gaby_Corr  
Fecha de Ingreso: junio-2005
Mensajes: 672
Antigüedad: 18 años, 11 meses
Puntos: 0
Re: como hacer este menu con divs?

ya supe por q no me funcionaba bien y es por el Launch
solo que no se donde lo manda llamar en la funcion javascript :S
<td ... Launch('#shareware')">
__________________
" Recuerda , estas donde debes estar ..."
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 16:45.