Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje05-11-2009, 23:28 (UTC)    
Título del mensaje: [Código Javascript] Mostrar/Ocultar Texto

Hola, les traigo aqui un sencillo codigo, que al apretar mostrar aparece el texto y al apretar ocultar desaparece el texto, el codigo:

Cita:
<!--- Codigo proporcionado por ProUpload.es.tl --->
<script type="text/javascript">
OCULTO="none";
VISIBLE="block";
function mostrar1(blo) {
document.getElementById(blo).style.display=VISIBLE;
document.getElementById('ver_off1').style.display=VISIBLE;
document.getElementById('ver_on1').style.display=OCULTO;
}
function ocultar1(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off1').style.display=OCULTO;
document.getElementById('ver_on1').style.display=VISIBLE;
}
</script>
<div id="bloque1" style="display: none;"><span style="color: rgb(0, 0, 0);">Texto que aparecera al hacer click</span></div>
<div id="ver_on1" style="display: block;"><a onclick="mostrar1('bloque1')" href="#">Mostrar</a></div>

<div id="ver_off1" style="display: none;"><a onclick="ocultar1('bloque1')" href="#">No Mostrar</a></div>
<!--- Codigo proporcionado por ProUpload.es.tl --->


Edita lo que esta en colores:

Rojo: Texto que aparecera al hacer click.
Naranja: Texto del contenido que aparecera cuando hagas click.

Si lo quieres colocar en tu web, no le quites los creditos.

Salu2!
______________


Ultima edición por proupload el Vie Nov 06, 2009 4:23 pm; editado 4 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group