activar enlace con chekbox

lexus · #1 (**permalink**) 04/09/2002, 23:18

ola,

hay alguna forma de hacer activar un enlace por medio de una casilla de comprobacion (chekbox), osea que cuando la seleccione o chulee, se pueda utilizar el enlace (se active) y cuando la deseleccione o deschulee, me aparezca desactivado nuevamente,

la idea que tengo sobre este script, es para que no borren cosas si no estan absolutamente seguros de que lo quieren borrar, osea que cuando utilicen ese objeto de formulario (casilla de seleccion chekbox) es porque estan seguros que van a borrar, y despues de seleccionar se activara el enlace para borrar (es una imagen que dice borrar nada mas con un vinculo comun y corriente)

espero me puedan ayudar y sea claro, si no lo soy , por favor avisenme para explicarme mejor.

<img src="http://www.lexus.com/images/nav/nav_i_logo.gif" width="109" height="47" alt="Lexus" border="0">

KarlanKas · #2 (**permalink**) 05/09/2002, 03:32

Tal vez sea un poco chapucero, pero funciona...

Al menos te indico una vía por la que tirar. Utilizo la etiqueta font porque se limita a lo que tiene dentro, mientras que la etiqueta P abarca toda la línea y eso no interesa...

El código:

Código:

&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;Ejemplo t.o.n.t.o.&lt;/title&gt;
	&lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;
	destino=&quot;#&quot;
	a=0
function cambio(){
a=a+1;

if (a==1){
document.getElementById('texto').style.color=&quot;blue&quot;;
document.getElementById('texto').style.cursor=&quot;hand&quot;;
destino=&quot;http://www.forosdelweb.com&quot;;
}
else{
a=0;
document.getElementById('texto').style.color=&quot;silver&quot;;
document.getElementById('texto').style.cursor=&quot;normal&quot;;
destino=&quot;#&quot;;}}
&lt;/script&gt;
&lt;/head&gt;

&lt;body style=&quot;color:black;font:normal 10px/14px verdana;&quot;&gt;
&lt;form action=&quot;mailto:[email protected]&quot; method=&quot;post&quot; name=&quot;formulario&quot; id=&quot;formulario&quot;&gt;

&lt;input  onclick=&quot;cambio()&quot; type=&quot;checkbox&quot; name=&quot;confirmar&quot; id=&quot;confirmar&quot; value=&quot;1&quot;&gt;Estoy seguro, quiero ir a Foros del Web!

&lt;/form&gt;
&lt;font id=&quot;texto&quot; onclick=&quot;location.href(destino)&quot; style=&quot;text-decoration:underline;cursor:normal;color:silver;font:normal 10px/14px verdana;&quot;&gt;Ir a Foros del Web&lt;/font&gt;

&lt;/body&gt;
&lt;/html&gt;

tunait · #3 (**permalink**) 05/09/2002, 05:24

Buenas,

Pues yo también me puse a jugar con esto a ver qué me salía.

Sin ánimo de desmerecer la propuesta de mi apreciado Karlankas (pst, hola :) ) dejaré también mi propuesta (que pa mi extrañeza funcionó :P)

Allá va:

<script language="javascript">
var pepe=false
function activar(cual)
{
if (cual.checked)
{
pepe=true
return pepe
}
}
</script>

----------------------------------------

<input type="checkbox" name="checkbox" onClick="activar(this)">

-----------------------------------------

y por otro lado al enlace....

<a href="http://www.yahoo.es/" onClick="return pepe"><img src="imagen.jpg"></a>

Parece tonto pero funciona.

Un saludo a los dos

KarlanKas · #4 (**permalink**) 05/09/2002, 07:17

Buenos días Tunait!

Me quito el sombrero. El tuyo es mucho más sencillo y elegante!

Mis felicitaciones

tunait · #5 (**permalink**) 05/09/2002, 07:57

:) Muchas gracias, Karlankas!!

Te comento que más sencillo sí lo es... pero no más elegante que he leido detenidamente tu propouesta y me parece cojonuda

De hecho me anoto en la sesera la idea que propones para cuando necesite algo así con un enlace de texto.

Un saludote

lexus · #6 (**permalink**) 05/09/2002, 10:00

Hola,

muchas gracias por la ayuda, me sirvio mucho, pero antes tenia en la imagen "borrar" otro evento Onclick, que me mandaba a llamar una funcion "confirm" que era como un alert donde decia si estaba seguro de que queria borrar ese articulo, sera posible aparte de lo que ya esta hecho, osea que cuando seleccionen el checkbox, cuando opriman el boton o imagen borrar, tambien aparezca el mensaje de confirm?

<script>
function seguro() {

if (confirm("¿Esta seguro que desea borrar esta queja? ¡¡CUIDADO!! Esta opción no se puede deshacer.")) {
return true;
} else {

return false;
}
}
</script>

la funcion era esta, ovbiamente solo deberia salir cuando este activado el vinculo no antes. y cuando se oprima la imagen no el checkbox.

gracias.

PD: acabo de encontrar un error en ese escript,
cuando chequeo el checkbox se activa el enlace, y cuando le quito la seleccion, sigue quedando activo, deberia qeudar inactivo nuevamente.

gracias por todo.

<img src="http://www.lexus.com/images/nav/nav_i_logo.gif" width="109" height="47" alt="Lexus" border="0">

tunait · #7 (**permalink**) 05/09/2002, 13:18

Lexus... a ver si te sirve esto:

<script language="javascript">

var pepe=false
function activar(cual)
{
if (cual.checked)
{
document.getElementById('imagen').style.cursor='ha nd'
pepe=true
return pepe
}
else{pepe=false}
}
function seguro() {
if (pepe){
if (confirm("¿Esta seguro que desea borrar esta queja? ¡¡CUIDADO!! Esta opción no se puede deshacer."))
{
window.location.href='http://www.yahoo.com/'
}
}
}

</script>

En tu checkbox....

<input type="checkbox" name="checkbox" onClick="activar(this)">

...y en tu imagen de borrar...

<img id="imagen" src="imagen.gif" width="70" height="41" onClick="seguro()">

Ya me contarás si te sirvió.

Un saludo

lexus · #8 (**permalink**) 05/09/2002, 23:34

Hola a todos, excelente el script, era justo lo que necesitaba, funciona a la perfeccion, son unos genios..

MUCHAS GRACIAS

<img src="http://www.lexus.com/images/nav/nav_i_logo.gif" width="109" height="47" alt="Lexus" border="0">