Foros del Web » Creando para Internet » Herramientas y Software »

Ayuda con rollover

Estas en el tema de Ayuda con rollover en el foro de Herramientas y Software en Foros del Web. Hola! He creado un menu con la herramienta "rollover" de Dreamweaver y funciona bien, los botones se muestran verdes cuando esta inactivo y cuando se ...
  #1 (permalink)  
Antiguo 26/03/2008, 01:00
 
Fecha de Ingreso: noviembre-2002
Ubicación: Suecia
Mensajes: 253
Antigüedad: 21 años, 6 meses
Puntos: 2
Ayuda con rollover

Hola!

He creado un menu con la herramienta "rollover" de Dreamweaver y funciona bien, los botones se muestran verdes cuando esta inactivo y cuando se mueve el cursor sobre él cambia el color de fondo a un gris. Pero me queda un detalle. Como saben Dreamweaver crea 2 eventos "onmouseover" y "onmouseout" pero yo quiero crear tambien en lo que en Css se conoce como "a:active" o sea que cuando el usuario haga click en el boton "contacto", por ejemplo, se carge la pagina "contacto" y que el boton correspondiente muestre el fondo gris, o sea que quede activo.

He intentado con onClick, onfocus, onactivate pero nada funciona.
Este es el codigo que me entrego dreamweaver al cual le he agregado el evento "onClick", pero no funciona:

Código:
<a href="index.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Start','','/Fixafesten/images/top/menu/startAct.png',1)" onClick="MM_swapImage('Start','','/Fixafesten/images/top/menu/startAct.png',0)">
<img src="/Fixafesten/images/top/menu/startPas.png" alt="Start" name="Start" width="82" height="40" border="0" id="Start" />
</a>
y este e js correspondiente al menu:

Código:
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Es un unico menu que se muestra en todas las paginas.

Hay alguna forma de hacer funcionar el evento "onClick" en este menu?

Gracias
  #2 (permalink)  
Antiguo 26/03/2008, 03:15
 
Fecha de Ingreso: noviembre-2002
Ubicación: Suecia
Mensajes: 253
Antigüedad: 21 años, 6 meses
Puntos: 2
Re: Ayuda con rollover

He estado pensando y creo que el problema es que cada vez que se carga una pagina, tambien se recarga el menu y por lo tanto el evento "onclick" ya no es valido.

Por lo tanto re-enfoco mi pregunta: Como puedo detectar la pagina que se ha cargado y cambiar el boton de dicha pagina?
  #3 (permalink)  
Antiguo 26/03/2008, 08:49
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 6 meses
Puntos: 281
Re: Ayuda con rollover

Lo mejor que no uses javascript para eso. Mejor usa CSS para los tres estados.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #4 (permalink)  
Antiguo 26/03/2008, 09:29
 
Fecha de Ingreso: noviembre-2002
Ubicación: Suecia
Mensajes: 253
Antigüedad: 21 años, 6 meses
Puntos: 2
Re: Ayuda con rollover

Hola
No puedo usar css por que es solo un menu para todas las paginas, quiero decir solo tengo un archivo que contiene el menu y que se llama, utilizando "include", en las demas paginas que necesitan un menu.

Gracias
  #5 (permalink)  
Antiguo 26/03/2008, 11:23
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 6 meses
Puntos: 281
Re: Ayuda con rollover

¿y cual es el problema? eso lo puedes hacer usando una hoja css externa.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
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 13:04.