mestre fyoda Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 eu precisava de uma ajudinha de vocês, eu tenho varias <a></a> onde a minha estrutuira vai ser a seguinte :<div id="header"> <ul> <li ><a href="#">Pagina Inicial</a></li> <li id="current" ><a href="#">News</a></li> <li > <a href="#" >Products</a></li> <li ><a href="#">About</a></li> <li ><a href="#">Contact</a></li> </ul> </div> aonde está a id="current" vai ser aonde o cliente clicou no link. Essa id vai ser utilizada pelo css para deixar diferenciado graficamente. Eu precisava fazer com que quando o link é clicado retirar o id="current" e colocar o id="current"aonde foi clicado, como eu poderia fazer isso ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Graymalkin Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 Isso deveria ser feito na geração da página, não? Ou seja, através de uma plataforma (ASP, ASP.NET, PHP, JSP, etc.) e uma linguagem de programação (VBScript, VB, C#, PHP, Java, etc.), não?Abraços,Graymalkin Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 mestre fyoda Postado Julho 22, 2007 Autor Denunciar Share Postado Julho 22, 2007 não, poderia ser feito em js também! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Mestre SAM Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 dae fyoda,veja se a ideia desse tópico te ajuda:http://scriptbrasil.com.br/forum/index.php...c=98283&hl=sucesso ai, Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 mestre fyoda Postado Julho 22, 2007 Autor Denunciar Share Postado Julho 22, 2007 Mestre Sam não seria isso!eu queria fazer algo do tipo, quando clicar em um dos links , alterar a id que esta setada com current para vazia, e o que o cliente clickou setar para current. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Mestre SAM Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 eu sei.é a mesma ideia, é só adaptar. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Graymalkin Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 Mas, o fato de clicar no link não vai levar à outra página? Se não levasse eu até concordaria que você poderia usar JavaScript para alterar a classe (aliás, lembre-se de que o id deve ser único - então no seu caso você deveria procurar um meio de alterar a classe do elemento).Abraços,Graymalkin Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 CSML sistemas Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 (editado) Será que é isso:<html> <head> <style type="text/css"> li#current { font-weight: bold; } </style> <script type="text/javascript"> function selecionaItem(obj) { document.getElementById('current').id = ''; obj.parentNode.id = 'current'; } </script> </head> <body> <div id="header"> <ul> <li ><a href="#" onclick="selecionaItem(this);">Pagina Inicial</a></li> <li id="current"><a href="#" onclick="selecionaItem(this);">News</a></li> <li > <a href="#" onclick="selecionaItem(this);">Products</a></li> <li ><a href="#" onclick="selecionaItem(this);">About</a></li> <li ><a href="#" onclick="selecionaItem(this);">Contact</a></li> </ul> </div> </body> </html>??? Editado Julho 22, 2007 por CSML sistemas Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 mestre fyoda Postado Julho 22, 2007 Autor Denunciar Share Postado Julho 22, 2007 (editado) ali na função eu dei um alert(obj) e imprimiu em tela :[object] e o codigo não esta dando certo! EDITADO-> Na verdade não é no <a></a. que chamo a função. Seria no <li> <div id="header"> <ul> <li ><a href="#">Pagina Inicial</a></li> <li id="current" onclick="MudaID(this);"><a href="#">News</a></li> <li onclick="MudaID(this);"> <a href="#" >Products</a></li> <li ><a href="#">About</a></li> <li ><a href="#">Contact</a></li> </ul> </div> Editado Julho 22, 2007 por mestre fyoda Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 CSML sistemas Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 alert(obj) ???Não entendi... que parte do código não está funfando? Sério... testei no IE7 e no FF... :blink:Se tiver que ser no "li", remova o "parentNode."... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 mestre fyoda Postado Julho 22, 2007 Autor Denunciar Share Postado Julho 22, 2007 (editado) Editando .............Perfeito, como estou utilizando no <li> seria sem o parentnode.O que seria esse .parentNode ? e porque não posso utiliza-lo no li ? Editado Julho 22, 2007 por mestre fyoda Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 CSML sistemas Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 (editado) Explicando o código que havia postado:Quando clica num link "<a ...>...</a>", a função envia este link para a função "selecionaItem", que primeiro anula o atributo "id" do elemento que atualmente possui "id" com valor "current", e depois atribui o valor "current" ao "id" do elemento que contém o link clicado, elemento este identificado por "parentNode".Daí pode fazer as adaptações que quiser, mas que troca o "id", isso troca... :lol:Consulte: DOM:element.parentNode - MDC Editado Julho 22, 2007 por CSML sistemas Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 mestre fyoda Postado Julho 22, 2007 Autor Denunciar Share Postado Julho 22, 2007 perfeito, vlw . Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 mestre fyoda Postado Julho 22, 2007 Autor Denunciar Share Postado Julho 22, 2007 Quando você passa o parametro this, o que ele esta passando para a função ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 CSML sistemas Postado Julho 22, 2007 Denunciar Share Postado Julho 22, 2007 Da forma como fiz o código, o "this" passa o elemento "a" (link) para a função, para que "this.parentNode" (na função, "obj.parentNode") faça referência ao elemento "li" que contém este link ("a"). Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
mestre fyoda
eu precisava de uma ajudinha de vocês, eu tenho varias <a></a> onde a minha estrutuira vai ser a seguinte :
aonde está a vai ser aonde o cliente clicou no link. Essa id vai ser utilizada pelo css para deixar diferenciado graficamente. Eu precisava fazer com que quando o link é clicado retirar o e colocar oaonde foi clicado, como eu poderia fazer isso ?
Link para o comentário
Compartilhar em outros sites
14 respostass a esta questão
Posts Recomendados
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.