Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tem um script que encontrei aqui no fórum que esta funcionado quase que por inteiro para o que desejo.
Ele esta marcando os itens que são clicados corretamente, eu gostaria que o primeiro botão ao carregar a página já estivesse selecionado, como estou usando class para formatação css dos botões seria preciso usar uma id no primeiro botão.
Estou usando dessa forma.
Estilo:
.estilo-botao {} input:hover,input.active {}
Botão:
<input class="estilo-botao" value="botao 1" /> <input class="estilo-botao" value="botao 2" /> <input class="estilo-botao" value="botao 3" />
Script:
<script src='/jquery.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('input').click(function() { $('input.active').removeClass("quot;active"); $(this).addClass("quot;active"); }); }); </script>
Script foi desenvolvido para um menu simples, eu tirei o " li " e adicionei o " input ".
Da uma força ai pessoal, gostaria de aprender e ver onde estão meus erros, agradeço a atenção!
>
Mude o seu 'ready' pra isso aqui:
$(document).ready(function () {
$('input').click(function () {
$('input.active').removeClass("quot;active");
$(this).addClass("quot;active");
});
var primeiro = document.getElementsByClassName('estilo-botao')[0];
if (primeiro) $(primeiro).addClass("quot;active");
});Perfeito fiote, suas mudanças no código foram precisas e pontuais, agora ta tudo funcionado do jeito que eu queria, agradeço pela rapidez da resposta e pelo tempo gasto para me ajudar, brigadão mesmo ajudou muito!
:yes: :yes: :yes: :yes: :yes: :yes: :yes: :yes: :yes: :yes: :yes: .....
Você marcou o SEU post como a solução? UIAEHUEAHUEAHUEAHUEAH ok então. O importante é ajudar xD
Ps: Tem um jeito mais simples/bonito de fazer essa linha aqui com jQuery (que parece ser o framework que você está usando), mas como uso outro framework, respondi em javascript puro mesmo.
var primeiro = document.getElementsByClassName('estilo-botao')[0];
Como já usava a Jquery no slide e o menu é exibido apenas na home abaixo dele, o código se encaixou como uma luva sem interferir no carregamento da página!
Mude o seu 'ready' pra isso aqui: