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

quando eu clico no link 2 ou 3 é o 1 que fica verde


marcio.sx

Pergunta

Gente eu tenho o seguinte script:

<p>Clique no link abaixo e espere 10 segundos para mudar de cor</p> 

<a id="mudarDeCor" href="https://br.answers.yahoo.com" onclick="myFunction()" target="_blank">Clique Aqui</a> <br/><br/>
<a id="mudarDeCor" href="https://br.answers.yahoo.com" onclick="myFunction()" target="_blank">Clique Aqui2</a> <br/><br/>
<a id="mudarDeCor" href="https://br.answers.yahoo.com" onclick="myFunction()" target="_blank">Clique Aqui3</a> <br/><br/>

<script language="javascript">
    function myFunction() {
        document.getElementById("mudarDeCor").style.color = "green";
        setTimeout(function(){
            document.getElementById("mudarDeCor").style.color = "blue";
        }, 10000);
    }
</script>

 

Tem um erro nele, quando eu clico no link 2 ou 3 é o 1 que fica verde. Tem como me ajudar? Quero que quando clicar no 1 ele fique verde quando clicar no 2 o próprio 2 fique ver e assim segue...

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0
1 hora atrás, lowys disse:

Olá!

Id = identidade

Da mesma forma que se duas pessoas tiverem a mesma identidade vai dar um problema,  elementos html tb!

Cada um deve ter a sua própria id

eu amigo consegui fazer mais ou menos o que eu quero, o unico problema e que mesmo em tabelas diferentes fica verde todos que tiverem o mesmo id! veja:

<p>Clique no link abaixo e espere 10 segundos para mudar de cor</p> 

<a id="id1" href="https://br.answers.yahoo.com" onclick="myFunction(event)" target="_blank">Clique Aqui</a> <br/><br/>
<a id="id2" href="https://br.answers.yahoo.com" onclick="myFunction(event)" target="_blank">Clique Aqui2</a> <br/><br/>
<a id="id3" href="https://br.answers.yahoo.com" onclick="myFunction(event)" target="_blank">Clique Aqui3</a> <br/><br/>

<script language="javascript">
    function myFunction(s) {
        var id = s.target.id;
        
        document.getElementById(id).style.color = "green";
        setTimeout(function(){
            document.getElementById(id).style.color = "blue";
        }, 10000);
    }
</script>

Link para o comentário
Compartilhar em outros sites

  • 0

<script language="javascript">
        function myFunction(e) {
            var id = e.target.id;
            document.getElementById(id).style.color = "#999";
            setTimeout(function(){
                document.getElementById(id).style.color = "blue";
    }, 10000);
}
</script>
      <ol>
        <?php 
            $selecionaColuna1 = mysql_query("SELECT * FROM tabela1");
            $contaColuna1 = @mysql_num_rows($selecionaColuna1);
            
            If($contaColuna1 <= 0){
                echo "<p>Sem link Nesta coluna</p>";
            }else{
                while ($linhaTb = mysql_fetch_array($selecionaColuna1)) {
                    $nome1 = $linhaTb ['nome1'];
                    $link60 = $linhaTb ['link60'];
                    $id = $linhaTb ['id'];

        ?>
                <li><a id="<?php echo $id; ?>" onclick="myFunction(event)" target="_blank" href="<?php echo $link60; ?>"><?php echo $nome1; ?></a></li>
                                    
        <?php } } ?>
    </ol>
    </div>

Link para o comentário
Compartilhar em outros sites

  • 0

Olá Marcio! Segundo o W3s, mantenedor do HTML5, ids devem ser iniciadas com characteres (letras) somente depois é que se pode usar números.
Veja em: http://www.w3schools.com/tags/att_global_id.asp
Tente colocar o nome da tabela e um underline antes do número da id, assim:

<?php 
            $selecionaColuna1 = mysql_query("SELECT * FROM tabela1");
            $contaColuna1 = @mysql_num_rows($selecionaColuna1);
            
            If($contaColuna1 <= ){
                echo "<p>Sem link Nesta coluna</p>";
            }else{
                while ($linhaTb = mysql_fetch_array($selecionaColuna1)) {
                    $nome1 = $linhaTb ['nome1'];
                    $link60 = $linhaTb ['link60'];
                    $id = $linhaTb ['id'];

        ?>
                <li><a id="tabela1_<?php echo $id; ?>" onclick="myFunction(event)" target="_blank" href="<?php echo $link60; ?>"><?php echo $nome1; ?></a></li>
                                    
        <?php } } ?>

P.S.

Atualize seu php!

Há mais de 3 anos o php.net, recomenda fortemente que não se use mais as extensões mysql_*

Veja:

mysql_.jpg

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
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...