Igor B Posted October 2, 2012 Share Posted October 2, 2012 Boa tarde pessoal, Primeiramente quero dizer que sinto saudades do PDH, porém nesses últimos meses tenho andado meio sem tempo, porém sempre que der apareço por aqui. Eu tenho uma dúvida que parecer ser simples, mas que eu não consigo resolver... Vamos lá: Eu tenho dois botões de seleção (radio) em uma página, quero que ao selecionar o botão 1, apareça o link X no botão para a próxima página e ao selecionar o botão 2 apareça o link Y para a próxima página. Tá, eu sei que essa explicação não vai ajudar em nada, por isso vou postar uma imagem esquematizando o que eu quero dizer: Esperam que tenham entendido. Abraços. Link to comment Share on other sites More sharing options...
Guest Posted October 2, 2012 Share Posted October 2, 2012 jQuery com uma div.. Meu site tem esse sistema no topo, ao clicar na área do cliente. Pode se basear nele. Link to comment Share on other sites More sharing options...
Igor B Posted October 2, 2012 Author Share Posted October 2, 2012 Obrigado Rodrigo, vou dar uma olhada. Link to comment Share on other sites More sharing options...
VictorFernandes Posted October 2, 2012 Share Posted October 2, 2012 <script> function MostrarDIV(opcao) { if (opcao == 1) { document.getElementById('linkum').style.display="block"; document.getElementById('linkdois').style.display="none"; } else if (opcao == 2) { document.getElementById('linkum').style.display="none"; document.getElementById('linkdois').style.display="block"; } } </script> Ai no onclick ou onselect do primeiro rádio coloca: MostrarDIV(1); E no onclick ou onselect do segundo rádio coloca: MostrarDIV(2);[/code] Link to comment Share on other sites More sharing options...
Igor B Posted October 2, 2012 Author Share Posted October 2, 2012 <script> function MostrarDIV(opcao) { if (opcao == 1) { document.getElementById('linkum').style.display="block"; document.getElementById('linkdois').style.display="none"; } else if (opcao == 2) { document.getElementById('linkum').style.display="none"; document.getElementById('linkdois').style.display="block"; } } </script> Ai no onclick ou onselect do primeiro rádio coloca: MostrarDIV(1); E no onclick ou onselect do segundo rádio coloca: MostrarDIV(2);[/code] Humm, valeu mesmo, estou entendendo um pouco agora, mas me diga uma coisa, como eu faço para o link1 ou link2 aparecer no botão azul para ir para a próxima página? Link to comment Share on other sites More sharing options...
VictorFernandes Posted October 2, 2012 Share Posted October 2, 2012 Se o botão for uma div é simples, só duplicar a div e deixar uma com display:none. Agora se for um form use: <script> function MostrarDIV(opcao) { if (opcao == 1) { document.getElementById('NOME DO FORM').action="URL1 DA ACTION"; } else if (opcao == 2) { document.getElementById('NOME DO FORM').action="URL2 DA ACTION"; } } </script> Link to comment Share on other sites More sharing options...
Angel Junior Posted October 2, 2012 Share Posted October 2, 2012 Você poderia simplificar e realizar a modificação direta do link, algo como: $("").click( function ( { if($(link).attr(href) != link1)) $(link).attr(href, link1) else $(link).attr(href, link12) })) Algo por ai... kkkk... Link to comment Share on other sites More sharing options...
Igor B Posted October 4, 2012 Author Share Posted October 4, 2012 Obrigado à todos pela ajuda. Consegui fazer do modo que o HtmlHost recomendou. Valeu! Link to comment Share on other sites More sharing options...
Recommended Posts