Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde a todos!
Estou criando um menu horizontal e me perdi em um erro que está me tirando noites de sono. Ao clicar em algum item do menu, o mesmo não fica ativado, o resto esta funcionando perfeitamente.
Segue os scripts:
div.idTabs{
padding:5px 0px 6px 0px;
border-bottom:1px solid #000000;
position:relative;
z-index:100;
text-align:center;
}padding:5px;
text-decoration:none;
background: url(../navegacao_abas/btn_closed_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}text-decoration:none;
background:url(../navegacao_abas/btn_open_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}position:relative;
z-index:101;
background: url(../navegacao_abas/btn_open_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}text-decoration:none;
}
<form action="index.php" method="post" name="adminForm" id="adminForm" enctype="multipart/form-data" class="form-validate" onSubmit="return myValidate(this);">
<div class= "tabs_wrapper">
<div class="idTabs">
<span><a class="selected" href="#aaaa">aaaa</a></span>
<span><a href="#bbbb">bbbb</a></span>
<span><a href="#cccc">cccc</a></span>
<span><a href="#dddd">dddd</a></span>
<span><a href="#eeee">eeee</a></span>
<span><a href="#ffff">ffff</a></span>
<span><a href="#gggg">gggg</a></span>
</div>
</div>Alguém poderia me ajudar?
Obrigado
Estou fazendo em JS e estou fechando o form sim, esta é parte do script, ficaria muito longo postar todo.
o JS é:
// JavaScript Document
$(function(){
$('#conteudo').hide();
var noticia;
var hash = window.location.hash;
if (hash !='')
{
noticia = $(hash).html();
$('.idTabs a[href="' + hash + '"]').parent().addClass('ativo');
} else {
noticia = $('#conteudo div:first-child').html();
$('.idTabs:first-child').addClass('ativo');
}
$('#noticia').append('<div>' + noticia + '</div>').find('div').slideDown();
$('.idTabs a').click(function(){
$('.idTabs').removeClass('ativo');
$(this).parent().addClass('ativo');
var ancora = $(this).attr('href');
var nome = ancora.substr(1, ancora.length);
noticia = $('#conteudo div[id="' + nome + '"]').html();
$('#noticia').empty();
$('#noticia').append('<div>' + noticia + '</div>').find('div').slideDown();
return false();
})
})aqui vc usa ativo
$('.idTabs').removeClass('ativo');
$(this).parent().addClass('ativo');mas lá no css, usa outra coisa:div.idTabs span a.selected{seja coerente :lol:
1) Você está usando JS ou PHP para fazer a verificação de página? Eu particularmente faço a verificação em PHP de acordo com a URL capturada por GET e então ativo a classe "active" (active porque eu sempre uso assim, a sua seria a selected).
2) O seu form está sendo fechado?