Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nknk

Altera contéudo de DIV

Por , em Javascript

Recommended Posts

nknk    3

nknk
Postado

Gostaria de saber se existe outra forma de fazer esse tipo de aplicação e como eu faria para consertar esse problema com o segundo duplo clique.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<p>Dê dois cliques sobre o item:</p>
<p>
  <script>function pega(id,nu){
if (nu==0){
var valor = document.getElementById(id).innerHTML;
document.getElementById(id).innerHTML = "<input type=\"text\" name=\""+ id +"\" value=\"" + valor + "\"><a href=\"java script:pega('" + id + "',1)\">Alterar</a> <a href=\"java script:pega('" + id + "',3)\">Cancelar</a>";
document.getElementsByName(id)[0].focus();
document.getElementsByName(id)[0].select();
}
if (nu==1){
document.getElementById(id).innerHTML = "<b>" + document.getElementsByName(id)[0].value + "</b>";
}
if (nu==2){
document.getElementById("div1").innerHTML = "Maçã";
document.getElementById("div2").innerHTML = "Laranja";
document.getElementById("div3").innerHTML = "Pera";
document.getElementById("div4").innerHTML = "Uva";
}
if (nu==3){
var valor = document.getElementById(id).innerHTML;
document.getElementById(id).innerHTML = document.getElementsByName(id)[0].value;
}
}
  </script>
</p>
<div id="div1" onDblClick="pega('div1',0)" style="padding:4px;border:1px solid gray;display:block;width:20%;margin:1px;cursor: pointer">Maçã</div>
<div id="div2" onDblClick="pega('div2',0)" style="padding:4px;border:1px solid gray;display:block;width:20%;margin:1px;background:#CCCCCC;cursor: pointer">Laranja</div>
<div id="div3" onDblClick="pega('div3',0)" style="padding:4px;border:1px solid gray;display:block;width:20%;margin:1px;cursor: pointer">Pera</div>
<div id="div4" onDblClick="pega('div4',0)" style="padding:4px;border:1px solid gray;display:block;width:20%;margin:1px;background:#CCCCCC;cursor: pointer">Uva</div>
<br />
<a href="java script:pega(null,2)">Original</a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

lifeSample    1

lifeSample
Postado

Não há nada que o Javascript faça que o Jquery (Library) não faça.

Portanto:

Jquery Download(.js)

Após isso:

$(document).ready(function(){

$("#id_do_link").dblclick(function(){

$("#id_do_div").empty().html('Texto do div');

});

});

> .dblclick() = OnDblClick

> .empty() = Limpa o conteúdo, .innerHTML('')

> .html('conteudo') = Inseri qualquer coisa em um elemento, innerHTML('conteudo')

 

* Mais sobre jQuery, leia a documentação

http://docs.jquery.com/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito