« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: [AYUDA] Spoiler  (Leído 359 veces)

Desconectado Adidi

  • PHPer@ Fijo
  • ***
  • Mensajes: 123
  • Karma: 0
    • Ver Perfil
[AYUDA] Spoiler
« en: 11 de Julio de 2010, 03:11:59 am »
Hola!
La verdad es que no si se estoy en php pero bueno xD
E visto que en foros y en otras páginas se puede poner el botoncito ese que muestra/oculta un contenido.
Me gustaria saber como se hace para ponerlo en mi página web (sin foro ni nada)
gracias! :D
En línea

Comunidad PHPeros

[AYUDA] Spoiler
« en: 11 de Julio de 2010, 03:11:59 am »

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[AYUDA] Spoiler
« Respuesta #1 en: 11 de Julio de 2010, 03:16:02 am »
Quien dijo que eso era php?

Es JavaScript... Para ser mas especifico es Show & Hide
Saludos.
En línea
Twitter: @JoakoM010

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:[AYUDA] Spoiler
« Respuesta #2 en: 11 de Julio de 2010, 06:33:47 am »
De hecho se llama toggle
Código: [Seleccionar]
$('<input type="button" value="toggle" id="tolggleButton">')
 .insertAfter('#box');
$('#toggleButton').click(function(){
$('#box').toogle();
});
(:
En línea

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[AYUDA] Spoiler
« Respuesta #3 en: 11 de Julio de 2010, 14:40:16 pm »
Cita de: OmaarV en 11 de Julio de 2010, 06:33:47 am
De hecho se llama toggle
Código: [Seleccionar]
$('<input type="button" value="toggle" id="tolggleButton">')
 .insertAfter('#box');
$('#toggleButton').click(function(){
$('#box').toogle();
});
(:

Yo siempre lo resuelvo con un simple Show & Hide xd
Es mas fácil :S
Código: [Seleccionar]
<html>
<head>
<script type="text/javascript">
function mostrar() {
  obj = document.getElementById('pepe');
  obj.style.display = (obj.style.display=='none') ? 'block' : 'none';
  document.getElementById('enla').innerHTML = (obj.style.display=='none') ? 'mostrar' : 'ocultar';
}
</script>
</head>
<body>
<a href="#" id="enla" onclick = "mostrar(); return false">mostrar</a>
<div id="pepe" style="display:none">Texto</div>
</body>
</html>
Saludos
En línea
Twitter: @JoakoM010

Páginas: [1]   Ir Arriba
« anterior próximo »