Cambiar onClick con JavaScript

[elkevin]

Resuelto.

Buenas tardes colegas!,

Es posible, que a un elemento, mas precisamente un botón, pueda cambiarle el evento onClick con JavaScript?.

Para ser mas claro, tengo un bóton que al pulsarlo se dirige a una función, pero deseo que valla a otra función si es que algo pasa, por eso necesito esto.

Pensaba en hacer algo como esto:

Código:

document.getElementById('elemento').onclick = "función('parametro')";

Desde ya, muchas gracias!.

[ClubIce]

document.getElementById('elemento').onclick = function MyFuncion (parametro) {
contenido de la funcoion
}

o si tambiem

document.getElementById('elemento').onclick = MyFuncion

[jackson666]

document.getElementById('elemento').setAttribute=( "onclick","funcion('parametro');");

[zerokilled]

@jackson666,
el ejemplo que muestra es valido pero lamentablemente para iexplorer no funciona, al menos desde la version 7 y anteriores, no lo he intentado en el 8. y por cierto, luego de setAttribute te sobra el operador de asignacion ya que setAttribute es una funcion.

Código:

setAttribute=( "onclick","funcion('parametro');");

edit @ 19:20 DST -5 GMT,
acabo de comprobar en el 8 y funciona. no tengo la version 7 para asegurarse si funciona. se que puedo cambiar el modo a la version 7 pero no se cuan fiable es.

[elkevin]

Iniciado por ClubIce

document.getElementById('elemento').onclick = function MyFuncion (parametro) {
contenido de la funcoion
}

o si tambiem

document.getElementById('elemento').onclick = MyFuncion

Iniciado por jackson666

document.getElementById('elemento').setAttribute=( "onclick","funcion('parametro');");

Muchas gracias por su rápida ayuda muchachos!, pero no logro hacerlo andar.

Al precionar un botón en el documento, se abre un LightBox, dentro del LightBox tengo 2 botones, uno es "Cancelar", que cierra el LightBox, y otro es "Aceptar", que realizaría la función que yo establezca con el onClick que deseo modificar.

Para simplificar un poco, solamente le doy al botón "Cancelar" el onClick que tiene por defecto, para probar que anda, pero nada, acá les dejo el código:

- HTML:

Código HTML:

<p><a href="#" onClick="showLightbox('Mostrando!')">Mostrar LightBox</a></p>

<div id="over" class="overbox">
	<div id="content">
        <input type="button" onclick="" id="cancelar" value="Cancelar" />
	</div>
</div> 

- JavaScript:

Código:

function showLightbox(titulo)
{
	document.getElementById('over').style.display='block';
	document.getElementById('cancelar').setAttribute=( "onclick","hideLightbox();");
	
}

No agregué la función "hideLightBox" por que no lo consideré relevante.

El tema es que pruebo ese código, y en este caso, el botón "Cancelar" no funciona. Si funciona si coloco ese atributo manualmente en el Botón.

Que estoy haciendo mal?, muchas gracias muchachos!.

Iniciado por zerokilled

@jackson666,
el ejemplo que muestra es valido pero lamentablemente para iexplorer no funciona, al menos desde la version 7 y anteriores, no lo he intentado en el 8. y por cierto, luego de setAttribute te sobra el operador de asignacion ya que setAttribute es una funcion.

Código:

setAttribute=( "onclick","funcion('parametro');");

Gracias por participar!, aún no logro que esto funcione, y estoy con FF3. De todos modos, si esto llega a funcionar en FF, como puedo hacerlo andar también en IE?.


Muchas gracias a todos nuevamente!.

[masterojitos]

y para que utilizas titulo ???????

<p><a href="#" onClick="showLightbox()">Mostrar LightBox</a></p>

<div id="over" class="overbox">
<div id="content">
<input type="button" onclick="" id="cancelar" value="Cancelar" onclick="hideLightbox();" />
</div>
</div>

function showLightbox(titulo)
{
document.getElementById('over').style.display='blo ck';
}

[elkevin]

Iniciado por masterojitos

y para que utilizas titulo ???????

<p><a href="#" onClick="showLightbox()">Mostrar LightBox</a></p>

<div id="over" class="overbox">
<div id="content">
<input type="button" onclick="" id="cancelar" value="Cancelar" onclick="hideLightbox();" />
</div>
</div>

function showLightbox(titulo)
{
document.getElementById('over').style.display='blo ck';
}

Nos vemos de nuevo!,

Quedó de la función que estaba utilizando, pasaba un parámetro "título" para cambiar un título en el LightBox que mostraba dentro de un SPAN.

De todos modos, lo que no logro, es cambiar el atributo onClick del botón "Cancelar" (cité el botón "Cancelar" como ejemplo nada mas).

Muchas gracias otra vez!.

[masterojitos]

haber haber....... creo que tu querias el efecto lightbox.... lo cual te lo pase en un post anterior......

ahora por que tienes problemas si en el link que te pase esta como usarlo y es todo sencillo.

la verdad no entiendo bien lo que deseas hacer cuando dices esto:

Quedó de la función que estaba utilizando, pasaba un parámetro "título" para cambiar un título en el LightBox que mostraba dentro de un SPAN.

De todos modos, lo que no logro, es cambiar el atributo onClick del botón "Cancelar" (cité el botón "Cancelar" como ejemplo nada mas).

espero puedas solucionarlo...... ya que yo ya me retiro .........

sino mandame un MP y haber si te logro ayudar.

nos vemos luego.......

Suerte.

[elkevin]

Iniciado por masterojitos

haber haber....... creo que tu querias el efecto lightbox.... lo cual te lo pase en un post anterior......

ahora por que tienes problemas si en el link que te pase esta como usarlo y es todo sencillo.

la verdad no entiendo bien lo que deseas hacer cuando dices esto:



espero puedas solucionarlo...... ya que yo ya me retiro .........

sino mandame un MP y haber si te logro ayudar.

nos vemos luego.......

Suerte.

Es cierto lo que decís, pero olvidate del LightBox.

Estoy realizando una modificación del mismo, para adaptarlo a mis exigencias.

Dentro del LightBox, va a haber un botón, que tengo que poder manipular, y el único modo que se me ocurre, es cambiando el parámetro del onClick del mismo.

Enotonces, cuando invoco el LightBox, aprovecho para configurar el onClick del botón que está ahí dentro.

Hice lo que me recomendaron los muchachos mas arriba, pero no funciona.

Si tenés alguna idea, lo agradecería!, saludos!.

[masterojitos]

es que la verdad...... es dificil modificar las librerias js....... en este caso el lightbox......

o bien lo utilizas como trae, o bien haces el tuyo...... hahaha.

bueno te vuelvo a mencionar...... explica bien lo que realmente deseas hacer con ese boton que quieres modificar y haber que tal ps.

suerte.

[elkevin]

Iniciado por masterojitos

es que la verdad...... es dificil modificar las librerias js....... en este caso el lightbox......

o bien lo utilizas como trae, o bien haces el tuyo...... hahaha.

bueno te vuelvo a mencionar...... explica bien lo que realmente deseas hacer con ese boton que quieres modificar y haber que tal ps.

suerte.

Bueno, no tomemos LightBox como ejemplo :).

Tengo un botón, con el que invoco un función de JS. Esta función, cambia varias atributos, entre estos, el evento onClick de un botón en particular.

Estoy intentando hacer esto, pero no logro hacerlo funcionar.

Plantié un ejemplo para mostrarles, se trata de 2 botones, cuando preciono el primero, debería configurar el evento onClick del segundo, si todo andaría bien, al presionar el segundo, debería imprimir un texto.

- HTML:

Código HTML:

<body>
<p>
	<input type="button" name="boton1" id="boton1" value="boton1" onclick="funcion1();"/>
</p>
<p>
	<input type="button" name="boton2" id="boton2" value="boton2" />
</p>
</body> 

- JavaScript

Código:

<script language="javascript">
function funcion1()
{
	document.getElementById('boton2').setAttribute = ("onClick", "funcion2();");
}

function funcion2()
{
	document.write("Funcion 2");
}

</script>

Haber si con eso pude explicarme! :)

Muchas gracias por su paciencia!.

[elkevin]

Como el tema se murió por acá, hice mas específica mi consulta, y continué en este post, ahí pude resolver mis cuestiones.

Agradezco mucho a todos los que participaron!.