[JS]Mostrar una imagen desde un checkbox

[CcCamikaze]

buenos dias amiguitos


necesito que si checkeo un checkbox (bueg) me aparezca o se me habilite una imagen en el mismo form...

alguna idea? pq ni idea narF!

[CoyoteX]

teniendo la imagen no visible, con un if no lo solucionas?

[MoaLaiSkirulais]

kmi si podes usar jquery seria un garrochazo de 6.40mtrs-

[CcCamikaze]

kmi si podes usar jquery seria un garrochazo de 6.40mtrs-

example?

[acha]

y sino podes usar jquery

usa un div y ponelo no visible
cuando chequeas el checkbox lo pones en visible




CREO que necesitas tener el espacio de la imagen reservado en la pagina...o sea por mas que no se vea el hueco donde esta la imagen lo va a ocupar igual...creo


cuando tenga dos minutos libre lo pruebo y te digo

[grago]

Con JQuery es re simple:

 

$(function(){
$("#id-de-la-imagen").hide();
$("#id-del-checkbox").click(function(){$("#id-de-la-imagen").show()});
});

[MoaLaiSkirulais]

claaaa salto en largo de 9.20

[acha]

Servite pibe


sin Jquery, a lo blas giunta


el script

<script>

function mostrar(){
if(document.getElementById('checkboxId').checked==1){
  document.getElementById('carne').style.display ='block';
  }else{
    document.getElementById('carne').style.display ='none';
}
}
</script>

el form con el checkbox

<form name="myform" action="" method="POST">
<div align="center">
<input id="checkboxId"   type="checkbox" name="option1" value="chele" onclick="return mostrar();" >chele<br>

texto de prueba, se desplaza para abajo cuando muestra la imagen
<br>
</div>

<div id="carne" style="display:none;">
<img src="pone_tu_imagen.jpg"</img>
</div>

</form>

esto funciona siempre y cuando la imagen ya se encuentre cargada en la pagina, esto solo la oculta y la muestra


te sirvio?

[MoaLaiSkirulais]

btw .style.display='block'....

y si no era block????

[acha]

btw .style.display='block'....

y si no era block????

eh?

explayese maese

[MoaLaiSkirulais]

sabes todos los display's que existen ??

[ inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none ]

[Coma]

Creo que quiere decir que quizás estaba declarado como inline.
Tonces con eso la secuencia sería:
inline
none
block
none
block

etcetc

Lo cual podría desatar consecuencias inesperadas en Internet Explorer 4 (¿?).

[Coma]

Table = 90's = Menem

Ahora entiendo todo MaoLai...

AHh qué me hago el 2.0, mando tablas a lo loco.

disclaimer: obvio que las tablas estan ok para mostrar contenido tabular, pero para una imágen, noninoninoninoni

[CoyoteX]

hay que pensar en todos los usuarios che, respeten a la commodore 64

[acha]

sabes todos los display's que existen ??

[ inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none ]

apa, no los tenia

pero cami no aclaro nada, solo dijo que queria mostrar y ocultar una imagen en un form

tambien puede usar

style.visibility ='visible'
style.visibility ='hidden'

pero le queda el hueco....