mostrar y ocultar formulario desde imagen

[moisesneveu]

Hola, he buscado poder hacer esto pero no me funciona, lo que si he encontrado es como mostrar un formulario al pinchar un checkbox o un radiobutton

¿Como lo hago para mostrar un formulario simple al pinchar una imagen?

aquí les dejo como se hace al pinchar un radiobutton



<script type="text/javascript">
<!--
function mostrarReferencia(){
//Si la opcion con id Conocido_1 (dentro del documento > formulario con name fcontacto > y a la vez dentro del array de Conocido) esta activada
if (document.fcontacto.Conocido[1].checked == true) {
//muestra (cambiando la propiedad display del estilo) el div con id 'desdeotro'
document.getElementById('desdeotro').style.display ='block';
//por el contrario, si no esta seleccionada
} else {
//oculta el div con id 'desdeotro'
document.getElementById('desdeotro').style.display ='none';
}
}
-->
</script>


//se le asigna un name al formulario de contacto.
<form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="fcontacto">
//inputs

<p>A través de donde nos has conocido:<br />
//importante llamar a la función
<input type="radio" name="Conocido" value="Google" id="Conocido_0" onclick="mostrarReferencia();" /> Google
<input type="radio" name="Conocido" value="Otros" id="Conocido_1" onclick="mostrarReferencia();" /> Otros
<img src="all-invoices.jpg" width="10" height="10" id="conocido_1" onclick="mostrarReferencia();"/>
</p>

//div oculto
<div id="desdeotro" style="display:none;">
<p>Referencia de la oferta:</p>
<p><input type="text" name="otro" class="input" /></p>
</div>

Gracias.