Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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...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;
}<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 cliqueiresolvido, 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....
esqueceste de colocar o mais importante, a parte do javascript