al clicar imagen que aparezca un formulario

ElAprendiz · #1 (**permalink**) 24/06/2008, 20:12

hola

me gustaria saber si es posible al clicar una imagen aparezca un pequeño formulario. como lo dejo oculto?

killerangel · #2 (**permalink**) 24/06/2008, 23:12

Hola ElAprendiz:

Puede hacerle con la propiedad de estilo:

display:none;..... y su correspondiente display: block;

eso en una funcion javascript...

si deseas algo mas atractivo, con efectos y todo eso ... investiga algo de scriptaculous y su libreria effects en google... te dejara muy interesada en el tema.

espero te sirva
salu2

ElAprendiz · #3 (**permalink**) 25/06/2008, 14:17

y como seria eso lo pongo dentro de un div?

JavierB · #4 (**permalink**) 25/06/2008, 14:29

Hola ElAprendiz

Puedes ocultar el formulario:

<form name="frm" style = "display:none">

y mostrarlo cuando quieras con:

document.frm.style.display = 'block';

Saludos,

ElAprendiz · #5 (**permalink**) 25/06/2008, 17:47

Vale Y Al Pinchar De Nuevo Vuelve A Su Estado Original?

me sale un error
<IMG SRC="" onclick="document.frm.style.display = 'block';">
<form name="frm" style = "display:none">

</FORM>

killerangel · #6 (**permalink**) 25/06/2008, 22:17

mejor con una funcion

Código:

function mostrar(){
 document.frm.style.display = 'block';
}

function ocultar(){
 document.frm.style.display = 'none';
}

<IMG SRC="" onclick="javascript:mostrar();">

inicialmente lo puedes tener en un div: <div style="display:none">...form...</div>

ElAprendiz · #7 (**permalink**) 26/06/2008, 14:34

no muestra nada

Código:

  
<script type="text/javascript">
 function mostrar(){
 document.frm.style.display = 'block';
}

function ocultar(){
 document.frm.style.display = 'none';
}
</script>
</HEAD>


 <BODY>
  <IMG SRC="" onclick="javascript:mostrar();">

<div style="display:none">
<FORM METHOD="POST" ACTION="" name="frm">
<TEXTAREA NAME="" ROWS="" COLS=""></TEXTAREA>
	
</FORM>
</div>
 </BODY>

JavierB · #8 (**permalink**) 26/06/2008, 14:48

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function mostrar() {
  f = document.frm;
  f.style.display = (f.style.display=='none') ? 'block' : 'none';
}
</script>
</head>
<body>
<img src="algo.jpg" onclick = "mostrar()" />
<form method="post" name="frm" style="display:none">
<textarea></textarea>
</form>
</body>
</html>

Saludos,

ElAprendiz · #9 (**permalink**) 26/06/2008, 15:13

perfecto muchas gracias a todos