Ejecutar accion con Boton Rollover effect

14/04/2006 - 01:55 por Giovanni | Informe spam
Saludos,

Me baje de internet un codigo en el cual me permite cambiar la apariencia de
los botones cuando el mouse pasa sobre ellos. Funciona bien, pero no se
como
programar el evento Click, por elemplo para que carguen otra pagina.

Este es el codigo que utilizo.

<SCRIPT LANGUAGE="JavaScript"> <!--
function new_img(no){document.images[no].src="new"+no+".jpg";}
function org_img(no){document.images[no].src="org"+no+".jpg";}

<BODY>
<IMG SRC="org0.jpg" onMouseOver="new_img(0)" onMouseOut="org_img(0)">
<IMG SRC="org1.jpg" onMouseOver="new_img(1)" onMouseOut="org_img(1)">
<IMG SRC="org2.jpg" onMouseOver="new_img(2)" onMouseOut="org_img(2)">
</BODY>

Realmente no tengo mucha experiencia con java.

Espero me puedan ayudar, gracias.
Giovanni
 

Leer las respuestas

#1 Raul Guerrero
14/04/2006 - 12:20 | Informe spam
De esta manera le indicas a la imagen el evento onclick

<SCRIPT LANGUAGE="JavaScript"> <!--
function new_img(no){document.images[no].src="new"+no+".jpg";}
function org_img(no){document.images[no].src="org"+no+".jpg";}
function oClick(dir){document.URL=dir;}
<BODY>
<IMG SRC="org0.jpg" onMouseOver="new_img(0)" onMouseOut="org_img(0)"
onclick="oClick('http://www.superneurona.com')">
<IMG SRC="org1.jpg" onMouseOver="new_img(1)" onMouseOut="org_img(1)"
onclick="oClick('http://podcast.superneurona.com')">
</BODY>

Saludos

Atentamente,

Raúl Guerrero
http://www.superneurona.com

Escucha mi podcast en:
http://podcast.superneurona.com

Referencia de este tema en mi blog:
http://neuronahelp.blogspot.com/200...lover.html

"Giovanni" wrote:

Saludos,

Me baje de internet un codigo en el cual me permite cambiar la apariencia de
los botones cuando el mouse pasa sobre ellos. Funciona bien, pero no se
como
programar el evento Click, por elemplo para que carguen otra pagina.

Este es el codigo que utilizo.

<SCRIPT LANGUAGE="JavaScript"> <!--
function new_img(no){document.images[no].src="new"+no+".jpg";}
function org_img(no){document.images[no].src="org"+no+".jpg";}

<BODY>
<IMG SRC="org0.jpg" onMouseOver="new_img(0)" onMouseOut="org_img(0)">
<IMG SRC="org1.jpg" onMouseOver="new_img(1)" onMouseOut="org_img(1)">
<IMG SRC="org2.jpg" onMouseOver="new_img(2)" onMouseOut="org_img(2)">
</BODY>

Realmente no tengo mucha experiencia con java.

Espero me puedan ayudar, gracias.
Giovanni



Preguntas similares