5 junio 2010 0 Comments

Mostrar elementos ocultados con javascript

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…

Artículos relacionados:

  1. Actualizar tu feed de twitter con AJAX Hoy con la nueva categoria AJAX os mostrare un código...
  2. Mostrar feed de busqueda en twitter Esta funcion de php permite recoger cualquier busqueda en twitter...

Leave a Reply