Ir para conteúdo
Fórum Script Brasil
  • 0

Sublinhado


rstoever

Pergunta

Ae galera !!

Tenho um lista de itens que vem do banco de dados e gostaria que no momento que fosse clicado em cima de um link da lista este mesmo seja selecionado, deixe-o sublinhado, mas quando for clicado sobre outro da lista o anterior seja limpado(tirado o traço) e no que cliquei fique o sublinhado.

Obs.: A lista pode ser alterada toda hora, pois é uma lista que vem de um banco de dados.

Exemplo:

fase 1 (lista normal)

lista 10

lista 2

lista 8

lista 20

fase 2 (click sobre lista 2)

lista 10

lista 2

lista 8

lista 20

fase 2 (click sobre lista 8)

lista 10

lista 2

lista 8

lista 20

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

É barbada, só dar uma olhada no site da SB, ou daqui a pouco alguém posta, não tenho aqui no momento, mas é só usar style...

Link para o comentário
Compartilhar em outros sites

  • 0

Nem é caso de onclick eu acho, pra mim é só colocar um style que tá resolvido...

Link para o comentário
Compartilhar em outros sites

  • 0

Acho que não importa se tem frames ou não... Isso é aquele troço de a:hover, a, a:visited...

Eu só não lembro a sintaxe direito...

Link para o comentário
Compartilhar em outros sites

  • 0

Consegui fazer e ai está o que fiz.

Valeu pela dica do style.

============

<script>

var ant = 0;

function sublinhado(antes,atual)

{

ant = atual;

if (antes != 0)

{

document.getElementById('selec'+antes).style.color="#000000";

document.getElementById('selec'+antes).style.backgroundColor="#F5F5F5";

document.getElementById('selec'+antes).style.textDecoration="none";

}

document.getElementById('selec'+atual).style.color="#FFFFFF";

document.getElementById('selec'+atual).style.backgroundColor="#483D8B";

document.getElementById('selec'+atual).style.textDecoration="underline";

}

</script>

<a id=10 onclick="sublinhado(ant,this.id);">lista 10</a>

<a id=2 onclick="sublinhado(ant,this.id);">lista 2</a>

<a id=8 onclick="sublinhado(ant,this.id);">lista 8</a>

<a id=20 onclick="sublinhado(ant,this.id);">lista 20</a>

===============

[]'s

Rafael Stoever

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...