Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Tenho um problema. Recentemente fiz uso de um ótimo recurso para obter um sistema de abas, geralmente desenvolvido por meio de JS, mas este utiliza somente CSS. Seu tutorial se encontra aqui ( http://css-tricks.co...tabs-revisited/ ), mas resumindo, as abas são labels de inputs radio ocultos por css, quando se clica na aba, o radio fica "checked", e exibe o conteúdo.
O grande problema é que meu projeto possui navegação por meio de Links âncoras. Um exemplo do problema está aqui: http://jsfiddle.net/L6Zdw/
Se você notar, ao clicar no "Âncora para o alvo 1", ele irá para o Alvo 1 sem problemas, mas isso porque a aba do alvo 1 já está aberta.
Quando clicamos no "Âncora para o alvo 2", a âncora vai até o Alvo 2, mas o conteúdo e o alvo não são exibidos porque a aba está fechada. O que ocorre com todos as outras alvos de abas fechadas.
O problema é meio óbvio, as abas só abrem quando os labels são clicados, o que não ocorre por meio das âncoras, daí o problema.
Precisava de uma solução para, quando um alvo fosse acessado, ele automaticamente acionasse o input radio da sua aba para ficar "checked" e assim mostrar o conteúdo na tela.
/applications/core/interface/imageproxy/imageproxy.php?img=http://forum.wmonline.com.br/public/style_emoticons/default/ponder.gif&key=8c81c3230fb061259c08b8197e1bebd53ae50f240764103a86146f690dd34563" alt="ponder.gif" /> Pesquisei muito no google, e não sei se javascript tem algum método de fazer isso possível, gostaria da opinião e ajuda de vocês.
Obrigado pela atenção.
Obrigado angelorubin, mas fiz os testes usando sua indicação (http://jqueryui.com/tabs). Aconteceu o mesmo problema com minhas abas em css: os "alvos" dentro das abas não são capazes de abrir as abas fechadas quando acionados. O seu script mudou nada em relação ao que estou usando.
i aew cara, não sei se entendi muito bem, mas ve se é mais ou menos isso:
http://jsfiddle.net/ravelino/scKd4/1/
espero que ajude, abraço!
>
i aew cara, não sei se entendi muito bem, mas ve se é mais ou menos isso:
http://jsfiddle.net/ravelino/scKd4/1/
espero que ajude, abraço!
Seu exemplo parece meio incompleto, porque clico nos links e nada se altera.
Mas enfim, vou explicar melhor agora.
Eu montei este aqui: http://jsfiddle.net/L6Zdw/. Note pelo HTML onde são os link âncoras e os respectivos alvos (Os alvos são os títulos dentro do conteúdo das abas). Inicialmente, a Aba 1 começa aberta, então se você clicar no "Âncora para alvo 1", você será levado ao "Alvo 1". Se você clicar na Aba 2, você verá o "Alvo 2" e o "Alvo 3", e se clicar na Aba 3, verá o "Alvo 4". Agora clique na Aba 1 e tente acessar o "Âncora para alvo 4": você não verá o "Alvo 4", porque sua aba (Aba 3) está fechada. Se você clicar na "Aba 3" e abri-la, e acessar o "Âncora para alvo 4", aí sim temos o resultado esperado.
Só consigo visualizar os alvos que possuem sua respectiva aba já aberta. A questão é, quero também poder acessar os alvos escondidos pelas abas fechadas com os links "Âncora para alvo X".
Essas abas são abertas por um input radio oculto, quando ele é "checked", o css exibe a aba. No caso, seria um js que acessasse o alvo, verificaria se sua respectiva aba tem o input radio "checked", e se caso não estiver "checkado", o js faria o "checked" no input.
Ufa que coisa :wacko:. Espero que tenham entendido a explicação e obrigado aos que tentaram me ajudar. :grin:
Boa tarde,
Sugestão - http://jqueryui.com/tabs
Rápido, prático e indolor !
Espero que ajude.