Entrar

Javascript getElementById

ayosefj92 · · Solicitar retirada
Hola, bueno esta duda que traigo es que quiero introducir un formulario en un apartado de mi web, pero como es un formulario con poco significado , lo que quiero es que solo se muestra si visitante hace click en una palabra:

Se me ocurrio hacerlo con javascript

<html>
<head>
<title>Documento sin t&iacute;tulo</title>

<script language="javascript" type="text/javascript">


function mostrar()
{
	document.getElementById("div_formulario").innerHTML="hola";

}

</script>

</head>
<body>
<a href="#" onClick="mostrar()">muestra</a><br>
<div id="div_formulario"></div>
</body>
</html>

la idea es donde esta el hola, introducir las etiquetas del formulario, pero no me muestra el formulario...

noc si es la manera correcta de hacerla, pero es la que se me ocurrio.

QUien me ayuda?
Doodleo · · Solicitar retirada
Prueba a poner este código donde quieras poner el formulario "oculto"
<div class="divspoiler">
<a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >[COLOR="red"]Mostrar formulario[/COLOR]</a>
</div><div><div class="spoiler" style="display: none;">
[COLOR="red"]AQUÍ EL CONTENIDO QUE APARECERÁ AL CLICKAR EN EL TEXTO[/COLOR]
</div></div>

Donde pone Mostrar formulario es el texto que aparecerá y al clickar aparecerá el formulario, y en donde pone AQUÍ EL... es donde debes poner el formulario ;)

saludos!
rodojpm · · Solicitar retirada
Yo lo haria de la siguiente forma, es mas facil...


<html>
<head>
<title>Documento sin t&iacute;tulo</title>

<script language="javascript" type="text/javascript">
function mostrar()
{
document.getElementById("div_formulario").style.visibility="visible";
document.getElementById("div_formulario").style.display="inline";
}

</script>

</head>
<body>
<a href="#" onClick="mostrar()">muestra</a><br>
<div id="div_formulario">hola</div>
</body>
</html>

Solo tendrias que incluir el formulario donde AHORA esta "hola"
rodojpm · · Solicitar retirada
Lo que el script anterior hace es cambiar el estilo de el id que estaba oculto, y lo pone visible, asi que cualquier cosa que pongas alli, una foto, un formulario, hasta una la pagina, funcionara igual de bien