Ir para conteúdo
Fórum Script Brasil
  • 0

Show/Hide Menu


Silva Melo

Pergunta

Alguém sabe como fazer com que o menu abaixo inicie mostrando o submenu? Ele já salva a posição em cookies, mas eu preciso que na primeira vez que o usuário acessar, apareça a mensagem do submenu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.open {display: block;}
.closed {display: none;}
</style>
<script type="text/javascript">
<!--
function toggle(id)
{
ul = "ul_" + id;
ulElement = document.getElementById(ul);
if (ulElement)
{
if (ulElement.className == 'closed')
{
ulElement.className = "open";
setCookie("autoOpen_" + id, ul, 1);
}
else
{
ulElement.className = "closed";
removeCookie("autoOpen_" + id);
}
}
}

function setCookie(name, value, days)
{
if (days) {
var theDate = new Date();
theDate.setTime(theDate.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + theDate.toGMTString();
}
else
expires = "";

document.cookie = name + "=" + value + expires + "; path=/";
}

function removeCookie(name)
{
document.cookie = name + "=deleted; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/";
}

function checkcookies()
{
if (document.cookie.length > 0)
{
var cookieParts = document.cookie.split(";");
for (var c = 0; c < cookieParts.length; c++)
{
var cookieBits = cookieParts[c].split("=");
var cookieElement = document.getElementById(cookieBits[1]);
if (cookieElement)
{
cookieElement.className = 'open';
}
}
}
}

window.onload = checkcookies;
//-->
</script>
</head>
<body>
<ul class="open" style="list-style-type: none; padding: 0 0 0 0;">
<li id="item1" class="subnav"><a onclick="toggle('item1');" style="cursor: hand; cursor: pointer;">Lorem Ipsum</a>
<ul id="ul_item1" class="closed" style="list-style-type : none; padding:0 0 0 0;">
<li id="item1_1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
</ul>
</li>
</ul>
</boby>
</html>

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

creio que você já tentou isso mas vou falar mesmo assim

mude isso

<ul id="ul_item1" class="closed" style="list-style-type : none; padding:0 0 0 0;">
colocando o class="closed" para class="open" assim quando alguém abrir o site já estará aberto esse submenu ficando assim
<ul id="ul_item1" class="open" style="list-style-type : none; padding:0 0 0 0;">

vai funcionar mas não sei se vai tar de acordo com os cookies

falow tenta ai

Link para o comentário
Compartilhar em outros sites

  • 0
creio que você já tentou isso mas vou falar mesmo assim

mude isso

<ul id="ul_item1" class="closed" style="list-style-type : none; padding:0 0 0 0;">
colocando o class="closed" para class="open" assim quando alguém abrir o site já estará aberto esse submenu ficando assim
<ul id="ul_item1" class="open" style="list-style-type : none; padding:0 0 0 0;">

vai funcionar mas não sei se vai tar de acordo com os cookies

falow tenta ai

é, isso eu já tentei...

funciona, mas os cookies param de salvar a posição.

será que é preciso mudar alguma no código dos cookies?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...