Johan de Bruin » mostrar contenido http://www.johandebruin.com Programación en php, tutorial de api wordpress y posicionamiento en buscadores seo. Sun, 05 Feb 2012 15:18:06 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Mostrar elementos ocultados con javascript http://www.johandebruin.com/mostrar-elementos-ocultados-con-javascript/ http://www.johandebruin.com/mostrar-elementos-ocultados-con-javascript/#comments Sat, 05 Jun 2010 17:55:26 +0000 Johan http://www.johandebruin.com/?p=593 Aquí una rápida pieza de código que permitira ocultar contenido para luego mostrarlo si así lo quiere el usuario. Empleamos javascript junto al reconocimiento DOM de elementos html para definir el contenido de un div.

<head>
<script type="text/javascript">
function mostrar()
{
	document.getElementById("contenedor").innerHTML = 'hola mundo';
}
</script>
</head>
<body>
<a href="javascript://" onclick="mostrar()">Mostrar contenido del contenedor</a>
<div id="contenedor>
<!-- Este contenedo ahora mismo esta vacio -->
</div>


Y así de facil, únicamente tenemos que hacer referencia con el atributo de onclick a la función que insertara contenido al elemento que queramos mostrar, también sirve para cambiar de imagen, únicamente deberiamos usar el atributo de javascript document.getElementById(“contenedor”).src al hacer click a la imagen…

]]> http://www.johandebruin.com/mostrar-elementos-ocultados-con-javascript/feed/ 0