18/9/2015 Ocultar texto :: NoSetup.

org

"Porque grande no significa mejor"

Publicidad
Ocultar texto
Descubre los
Dctos Dell™ El "mejor" ejemplo esta en la página principal de esta web. En las noticias hay un enlace que pone Leer más al pulsarle aparece o
Adquiere equipos
hasta $170.535 desparece un texto.
Off Con los
Procesadores
Intel® Core™. Voy a tratar de explicar como lo he logrado... para ello hace falta un poco de javascript, de CSS y como siempre de html.
Javascript
Buscador A mi personalmente me gusta meter todos las funciones javascript que uso en un archivo a aparte, por ejemplo ARCHIVO.js, y
enlazarle, en el archivo html correspondiente:
programa
Buscar <script src="ARCHIVO.js" type="text/javascript"></script>
Usuarios

Nombre: De esta manera creo que carga antes y sobre todo tengo todo el javascript junto.
nick
Contraseña: Concretamente la función display es la encargada de jugar con la ocultación o no, para ello mira la característica display de la capa
en concreto y pone la contraria.
Entrar
La función sería:
Darse de alta.
function cambiar(esto)
Confirmar alta.
{
Recuperar contraseña.   vista=document.getElementById(esto).style.display;
Menú principal   if (vista=='none')
Noticias     vista='block';
Categorias   else
Alarmas     vista='none';
Archivos
  document.getElementById(esto).style.display = vista;
Cortadores
}
Internet
M ultimedia
Sistema En vista guardamos la visibilidad actual, que comparamos si es none la pasamos a block y sino viceversa. Por último aplicamos la
Varios nueva visibilidad.
Programas
NueVo programa El texto
Sugerir
Programa aleatorio Cuando escribos el texto que después ocultaremos lo englobaremos dentro de una capa, en el campo de id le pondremos un
TCPView 2.34 nombre único, ejemplo en este caso y en display indicamos que none para que por defecto este oculto.
Últimos programas
M is Notas 1.5.6 <div id="ejemplo" style="display: none;">
JavaScript Utilities 1.1 texto...
</div>
M is Notas 1.5
Safarp 0.5
PrintFolders 1.5 El enlace
LS ‐ File List Generator © 2003‐2007 NoSetup.org Porque grande no significa mejor
1.52 El enlace sería:
Usuarios online: 27. Estadísticas desde 07/nov/04 20:10:49: 2.762.553 visitas y 19.583.766 impresiones.
Listing Windows 3.31m [ ] [ ] [SUbir] [XHTML 1.1] [CSS] [RSS 2.0] [Atom 0.3] [vie, 18/sep/15 15:34:22] [7] [0.0469629 s.]
<a href="#" onclick="cambiar('ejemplo'); return false;">Leer más</a>
Length Converter 1.14
Infoman 1.0
i.Disk 1.8 Como se ve, se hace uso de la función onclick que llama a nuestra función cuyo argumento es el identificador de la capa.
Scripts PHP
Aplicaciones PHP on line Ejemplo
Manuales Leer más
TeLevisión
Foro
Enlaces Navegación: Manuales » Ocultar texto
FAQ
COntacto

http://nosetup.org/manuales/ocultar 1/2