Alguém sabe um código html pra criar tipo um spoiler?

2 participantes

Ir para baixo

Tópico resolvido Alguém sabe um código html pra criar tipo um spoiler?

Mensagem por Joker™ 25.09.12 17:29

Qual é minha questão:
Seguinte eu quero colocar um widget dentro de um outro widget com função de ocultar ele, e que apareça quando clicar nele, simplesmente para a página não carregar lentamente e ir abrindo aos poucos, à medida que a pessoa abri os "spoiler's"

Se possivel também colocar uma imagem para quando o widget estiver aberto e outra quando fechado..

OBS: NÃO QUERO UM WIDGET DO TIPO QUE OCULTA TODOS OS WIDGETS, MAS, SOMENTE AQUELE QUE A PESSOA QUEIRA ABRIR E QUE NÃO CARREGE NA PAGINA, MAS SÓ CARREGUE QUANDO CLICADO..

Links e imagens do meu problema:
Quero isso pra fazer meu portal abrir mais rápido...

Portal.

Endereço do meu fórum:
Tudakil.

Versão do meu fórum:
PUNBB.


Última edição por Joker™ em 27.09.12 15:44, editado 1 vez(es)
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alguém sabe um código html pra criar tipo um spoiler?

Mensagem por Joker™ 25.09.12 18:05

Ai galera eu achei um código bom mas tem apenas um problema que eu quero que resolvam.

Aqui o código:
Código:
<html>
<head>
    <title>

</title>
    <style type="text/css">
body,input
    {
    font-family:"Comic Sans Ms",arial;font-size:0.9em;
    color:#333;
    }
.spoiler
    {
    border:1px solid #ddd;
    border-radius:5px;
    padding:3px;
    }
.spoiler .inner
    {
    border:1px solid #eee;
    border-radius:5px;
    padding:3px;margin:3px;
    }
    </style>
    <script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>
</head>
<body>
<h1></h1><div class="spoiler">
    <input type="button" onclick="showSpoiler(this);" value="Mostrar e ocultar!" />
    <div class="inner" style="display:none;">

<iframe name="Kboing" marginheight="1" marginwidth="1" src="http://www.kboing.com.br/tocauseradio.php?t=AlanCG&idradio=396231" width="400" frameborder="0" height="470" scrolling="no" class="borda"></iframe>

</div>
</div>
</body>
</html>

O problema que eu quero que resolvam é assim. Ele oculta o conteudo (Não toca a música) quando ta fechado, é assim mesmo que eu quero, mas quando você fecha a música continua tocando, eu quero que cada vez que você abra o conteudo do spoiler carregue e quando feche descarregue entendem? Quero que só mostre e carregue o conteudo quando estiver aberto, e quando feche reinicie..

Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alguém sabe um código html pra criar tipo um spoiler?

Mensagem por MateusV. 25.09.12 20:14

Olá!

Não há como, pois o código deixa o widget invisível ele não simplesmente apaga-o, então a música continuará a tocar.

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Alguém sabe um código html pra criar tipo um spoiler?

Mensagem por Joker™ 25.09.12 23:35

Mas o código não carrega, só quando abri, percebi isso porque a música toca altomaticamente, mas quando não ta aberta não toca, uma vez aberta ela nao para de tocar, Quero que quando feche ele pare de tocar...
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alguém sabe um código html pra criar tipo um spoiler?

Mensagem por MateusV. 26.09.12 18:25

Joker™️ escreveu:Mas o código não carrega, só quando abri, percebi isso porque a música toca altomaticamente, mas quando não ta aberta não toca, uma vez aberta ela nao para de tocar, Quero que quando feche ele pare de tocar...

Olá!

Sim, mas como eu disse o código deixa os widgets invisíveis, não apaga, o que quer dizer que a música continuará tocando.

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Alguém sabe um código html pra criar tipo um spoiler?

Mensagem por Joker™ 27.09.12 15:44

Ok pode fechar...
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos