Boton mostrar o ocultar texto o codigos.

ejemplo:

clic para ver el CHAT
ESTE ES EL EJEMPLO :

codigo html:

<div class="pre-spoiler">
    <span style="color: #00ffff;">AQUI COLOCAN EL TEXTO QUE SE VERA AL DAR CLIC</span> <input type="button" value="Mostrar" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick=
    "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" />
    </div>

<div>
    <div class="spoiler" style="display: none;">
        AQUI ESCRIBEN TODO EL CONTENIDO QUE OCULTARAN YA SEA UN CHAT, REPRODUCTOR,ETC
    </div>
</div>


Escribir comentario

Comentarios: 57
  • #1

    10detodo (domingo, 27 mayo 2012 13:27)

    buenisimo el boton de ocultar y mostrar
    Entren: http://10detodo.jimdo.com/

  • #2

    10detodo (miércoles, 20 junio 2012 14:56)

    Nueva imagen de cabecera en 10detodo!!!!!
    Entren para verla: http://10detodo.jimdo.com/

  • #3

    Chen (sábado, 27 octubre 2012 12:37)

    Esto es es super chulo, entra en mi pagina: http://boladedragonfull.jimdo.com

  • #4

    Boladedragonfull (sábado, 27 octubre 2012 12:38)

    Esto es es super chulo, entra en mi pagina: http://boladedragonfull.jimdo.com

  • #5

    EL RINCON DEL PULPO (miércoles, 23 enero 2013)

    TV, PELICULAS ONLINE, SERIES, CLAVES NOD32, DESCARGAS... todo lo que te gusta a un click, no te lo pierdas.
    Entra a El Rincón del Pulpo
    Http://juanpedromayoral.jimdo.com

  • #6

    codigosdulcegominola (miércoles, 23 enero 2013 12:51)

    0k. ¿pero se ponen los códigos o la descripción. No se porfis espilikenmelo siempre lo intento

  • #7

    radioelrefugio1 (viernes, 15 febrero 2013 00:54)

    Me encanta esta pagina primera vez por aquí vendré seguido ojala también puedan visitar la mia saludos www.radioelrefugio.com si alguien quiere poner nuestra radio en su pagina seria genial y nosotros los nombraremos en todos los programas y los pondremos en nuestra pagina saludos :)

  • #8

    Jimmy Macias (viernes, 12 abril 2013 16:50)

    Fantastico

  • #9

    Yimber (lunes, 20 mayo 2013 10:50)

    Hola, Muchas Gracias, pero en mi caso no me ha funcionado. habra que agregar algo mas ?

  • #10

    Javier (viernes, 07 junio 2013 10:05)

    El boton deberia de cambiar de texto con innerhtml o el value.Y si es posible desde un archivo externo.

  • #11

    fjo704 (lunes, 19 agosto 2013 09:37)

    Oigan Como HAgo PAra Colocar Chat

  • #12

    ParaguanaX'Trema Cs (lunes, 02 septiembre 2013 14:33)

    llégate a mi web, todo para tu Counter Strike

  • #13

    WIFITV (sábado, 02 noviembre 2013 17:22)

    ENTRA A MI WEB DE TELEVISION POR INTERNET

  • #14

    detodounlugar (viernes, 15 noviembre 2013 21:22)

    entren en de detodounlugar.jimdo.com estoy iniciando por eso pidan algo
    y si me puedan ayudar con sus sugerencias

  • #15

    franpruebauno (martes, 26 noviembre 2013 03:20)

    Hola !!! esta genial, pero tengo una duda, me gustaria que en vez de un botton fuese un link y que al pulsarlo apareciese todo el texto oculto, saben como seria posible eso ?

  • #16

    Pitufin30216 (miércoles, 27 noviembre 2013 19:55)

    Visiten mi pagina web

  • #17

    djituby (domingo, 06 abril 2014 15:42)

    muchas gracias por el boton me ha sido de mucha utilidad

  • #18

    RONALD JESUS MEMENZA PANDOI (martes, 02 diciembre 2014 19:24)

    Muchas gracias, excelente dato.

  • #19

    juan lacosta (lunes, 08 junio 2015 13:49)

    yo no se para que sirve, porque intento poner texto y no me deja

  • #20

    Willman_GT (lunes, 27 julio 2015 20:39)

    esta bueno te la lacreaste

  • #21

    order_cialis (lunes, 12 octubre 2015 23:45)

    Hello!

  • #22

    order_viagra (lunes, 12 octubre 2015 23:46)

    Hello!

  • #23

    purchase_cialis (lunes, 12 octubre 2015 23:47)

    Hello!

  • #24

    purchase_viagra (lunes, 12 octubre 2015 23:48)

    Hello!

  • #25

    fast (lunes, 26 octubre 2015 20:20)

    Hello!

  • #26

    fast (lunes, 26 octubre 2015 20:22)

    Hello!

  • #27

    discount_cialis (lunes, 26 octubre 2015 20:23)

    Hello!

  • #28

    discount_viagra (lunes, 26 octubre 2015 20:24)

    Hello!

  • #29

    cialis_online (jueves, 12 noviembre 2015 07:43)


  • #30

    viagra_online (jueves, 12 noviembre 2015 07:46)


  • #31

    for (jueves, 26 noviembre 2015 06:29)


  • #32

    for (jueves, 26 noviembre 2015 06:30)


  • #33

    cialis_price (jueves, 26 noviembre 2015 12:40)

    Hello!

  • #34

    viagra_pills (jueves, 26 noviembre 2015 12:40)

    Hello!

  • #35

    fast (jueves, 26 noviembre 2015 12:41)

    Hello!

  • #36

    cialis (jueves, 26 noviembre 2015 20:49)

    Hello!

  • #37

    super (jueves, 26 noviembre 2015 20:49)

    Hello!

  • #38

    fast (jueves, 26 noviembre 2015 20:50)

    Hello!

  • #39

    cialis (lunes, 22 agosto 2016 16:35)

    Hello!

  • #40

    discount_cialis (viernes, 26 agosto 2016 02:31)

    Hello!

  • #41

    sildenafil_citrate (miércoles, 31 agosto 2016 09:43)

    Hello!

  • #42

    generic_cialis (viernes, 02 septiembre 2016 08:43)

    Hello!

  • #43

    cialis_professional (viernes, 02 septiembre 2016 08:46)

    Hello!

  • #44

    tadalafil (viernes, 02 septiembre 2016 13:51)

    Hello!

  • #45

    cheap_cialis (viernes, 02 septiembre 2016)

    Hello!

  • #46

    cialis (martes, 06 septiembre 2016 10:32)

    Hello!

  • #47

    cialis (lunes, 19 septiembre 2016 10:09)

    Hello!

  • #48

    viagra (lunes, 19 septiembre 2016 10:12)

    Hello!

  • #49

    cialis (lunes, 19 septiembre 2016 22:15)

    Hello!

  • #50

    from (lunes, 19 septiembre 2016 22:19)

    Hello!

  • #51

    without (miércoles, 21 septiembre 2016 04:52)

    Hello!

  • #52

    cialis_cost (miércoles, 21 septiembre 2016 04:55)

    Hello!

  • #53

    cialis (jueves, 29 septiembre 2016 23:44)

    Hello!

  • #54

    purchase_viagra (jueves, 20 octubre 2016 14:55)

    Hello!

  • #55

    lowest (lunes, 07 noviembre 2016 15:24)

    Hello!

  • #56

    cialis_professional (viernes, 18 noviembre 2016 23:58)

    Hello!

  • #57

    cialis (miércoles, 18 enero 2017 07:33)

    Hello!