Ir para conteúdo
halfar

evento onclick funciona dentro de uma div

Recommended Posts

sei que dá para utilizar o onclick no jquery,  mas resolvi fazer via javascript mesmo, e ocorre que tenho 3 divs,  onde constam os eventos onclick.

 

Citar

 

<div id="conteudo_titulos" class="conteudo_titulos">
<div id="titulo_relato1" class="titulos_relatos" style="left:4px; top:4px;" onclick="exibe_materia(1);"></div>

</div>

 

<div id="conteudo_titulos" class="conteudo_titulos">
<div id="titulo_relato2" class="titulos_relatos" style="left:4px; top:104px;" onclick="exibe_materia(2);"></div>

</div>

 

 

<div id="conteudo_titulos" class="conteudo_titulos">
<div id="titulo_relato3" class="titulos_relatos" style="left:4px; top:204px;" onclick="exibe_materia(3);"></div>

</div>

 

 

Ocorre que ao clicar em alguma delas, na funcao exibe_materia, coloquei um alert para exibir o valor que a função passou e a função retorna a informação das tres divs simultaneamente, explicando melhor:

se clico na  ultima div (titulo_relato3), o alert existente na função, responde que o valor que foi passado é 3,  então você dá um enter no OK da caixa de diálogo, imediatamente entra uma outra caixa e informa que o valor passado foi 2, sucede novamente a mesma situação, e aparece uma nova caixa e informa que o valor passado foi 1.

 

Se eu clico na segunda div, ocorre o mesmo, apenas informando inicialmente que o valor é 2, e depois o valor é 1.

 

Então nota-se que apesar de clicar em apenas uma div, ele retorna a informação das demais também.

 

Então fico pensando se realmente esta história de onclick em div realmente funciona via javascript puro...

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

esqueceste de colocar o mais importante, a parte do javascript

Compartilhar este post


Link para o post
Compartilhar em outros sites

não coloquei por não achar necessário, mas segue abaixo:

Citar

 

function exibe_materia(id){

 


var result = id + "/";

alert(result);

 

 

 

// Iniciar uma requisição

  

var req = CriaRequest();

     
     // Atribui uma função para ser executada sempre que houver uma mudança de ado
     req.onreadystatechange = function(){

         // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
         if (req.readyState == 4) {

             // Verifica se o arquivo foi encontrado com sucesso
             if (req.status == 200) {

                 //resultado.innerHTML = req.responseText;

                 


document.getElementById("texto_relatos").innerHTML = req.responseText;

             }else{
                 cadas_numeros.innerHTML = "Erro: " + req.statusText;
             }
         }
     }


//principal.innerHTML = '<img src="imagens/aguarde.jpg"/>';
 

  
  req.open("GET", "exibe_texto.php?retorno="+result, true);
  req.setRequestHeader("Content-Type", "text/html");
  req.send();
  return false;

    
}

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script>
  function exibe_materia(id){
	alert(id);
  }
</script>
<div id="conteudo_titulos" class="conteudo_titulos">
<div id="titulo_relato1" class="titulos_relatos" style="left:4px; top:4px;" onclick="exibe_materia(1);">1</div>
</div>
 
<div id="conteudo_titulos" class="conteudo_titulos">
<div id="titulo_relato2" class="titulos_relatos" style="left:4px; top:104px;" onclick="exibe_materia(2);">2</div>
</div>
 
 
<div id="conteudo_titulos" class="conteudo_titulos">
<div id="titulo_relato3" class="titulos_relatos" style="left:4px; top:204px;" onclick="exibe_materia(3);">3</div>
</div>

Fiz o teste aqui e funcionou normalmente, chamou só o que eu cliquei

Compartilhar este post


Link para o post
Compartilhar em outros sites

resolvido, eu estava esquecendo de colocar a barra (/) de fechamento nas divs, então o que ocorria é que abria uma outra div ao invés de fechar....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por rossgellen
      Boa noite pessoal, preciso fazer com que seja carregado somente a informação dentro de uma determinada div, pois ela deve atualizar quando for alterada a informação no BD. Carregar a pagina inteira a cada 5 segundos seria ruim pois provavelmente o usuário estranharia, fiz da seguinte forma, conforme os prints.
       
      Deu certo, porém a informação foi alterada a partir da alteração feita no banco de dados, porém, dentro da div, apareceu outra página igual, gerando duplicidade sobreposta.
      Aguardo sugestões.

      nox

    • Por Henrique Flausino
      Olá.
      Preciso ocultar uma DIV que está dentro de um IFRAME, porém não consigo.
      Esta DIV está identificada por um ID, porém mesmo montando um CSS especifico para ocultar ela, a mesma continua aparecendo.

      Estou usando o seguinte CSS.
      <style type="text/css"> #topo-conteudo { display: none } </style> Alguém poderia me dar uma luz de como posso ocultar está DIV?
      Meu IFRAME carrega uma página de outro site.
    • Por MateusOFCZ
      Olá, eu criei uma página de publicidade, porém não fluiu como eu queria, então coloquei essa página em uma DIV, alguém poderia me informar se irá funcionar caso eu faça um sistema para ocultar essa DIV depois de 10 segundos?
      <!--- Publicidade ------> <div id="publicidadediv"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title><?= $config['hotelName'] ?> - Publicidade</title> <script src="/templates/GalaxyServers/client/js/jquery-latest.js" type="text/javascript"></script> <script src="/templates/GalaxyServers/client/js/jquery-ui.js" type="text/javascript"></script> <script src="/templates/GalaxyServers/client/js/spacehotel2018.js"></script> <script src="/templates/GalaxyServers/client/js/flash_detect_min.js"></script> <script src="/templates/GalaxyServers/client/js/client.js" type="text/javascript"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="icon" type="image/png" href="<?= $config["favicon"];?>"> </head> <body> <body style="background-color:black;"> <center><img src="https://i.imgur.com/kHdzpqq.png" style="width:396px;height:91px;"></center> <center><?php $imagens = array(); $imagens[] = '<a href="https://hobbyhotel.club/hotel?room=255" target="_blank"><img src="https://i.imgur.com/O0gSito.png" style="width:330px;height:250px;"></a>'; $imagens[] = '<a href="https://hobbyhotel.club/hotel?room=255" target="_blank"><img src="https://i.imgur.com/O0gSito.png" style="width:330px;height:250px;"></a>'; $chave = array_rand($imagens); $imagem = $imagens[$chave]; echo $imagem; ?></center> <center><img src="https://i.imgur.com/9FH4A5O.png" style="width:396px;height:91px;"></center> </body> </div> <!--- Publicidade ------> Gostaria de sabem também como faço para ocultar tudo isso após X segundos...
    • Por luisdiascb
      ola pessoal eu queria por exemplo, eu tenho + de 4 mil visitas por dia no site mas nem todos dão um click para eu ganhar eu uso PoPADS.NET e por isso eles tende clicar.....
      Queria algo que podece usar no codigo index ou nas postagens dentro de uma div ou algo parecido e que automaticamente daria um click dentro da pagina em qualquer lugar para abrir o anuncio....
    • Por luisdiascb
      ola pessoal eu queria por exemplo, eu tenho + de 4 mil visitas por dia no site mas nem todos dão um click para eu ganhar eu uso PoPADS.NET e por isso eles tende clicar.....
      Queria algo que podece usar no codigo index ou nas postagens dentro de uma div ou algo parecido e que automaticamente daria um click dentro da pagina em qualquer lugar para abrir o anuncio....
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.