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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por Joker™ em 25/09/12, 01:29 pm

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, 11:44 am, editado 1 vez(es)
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

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

Mensagem por Joker™ em 25/09/12, 02:05 pm

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..

avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

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

Mensagem por MateusV. em 25/09/12, 04:14 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Joker™ em 25/09/12, 07:35 pm

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...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

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

Mensagem por MateusV. em 26/09/12, 02:25 pm

@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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Joker™ em 27/09/12, 11:44 am

Ok pode fechar...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum