Noticias Weblogs Foros Wiki Código
 

JavaScript

Mostrar u ocultar un DIV

Lo siguiente muestra un link “Ver más” que abre un div oculto:

<script>
// definiciones basicas
OCULTO="none";
VISIBLE="block";
 
function mostrar(blo) {
  document.getElementById(blo).style.display=VISIBLE;
  document.getElementById('ver_off').style.display=VISIBLE;
  document.getElementById('ver_on').style.display=OCULTO;
}
 
function ocultar(blo) {
  document.getElementById(blo).style.display=OCULTO;
  document.getElementById('ver_off').style.display=OCULTO;
  document.getElementById('ver_on').style.display=VISIBLE;
}
</script>

Y el código HTML que lo utiliza:

<div id="ver_on"><a href="#" onclick="mostrar('bloque'); return false;">Ver más</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('bloque'); return false;">Ver menos</a></div>
<div id="bloque" style="display: none">Texto a mostrar u ocultar</div>
 
trocitos/javascript.txt · Última modificación: 2009/02/04 20:37 por 81.202.144.6
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki