Problemas em pegar variáveis

[Raffael Chacon 0]

Estou criando uma pagina com textos editáveis, que salve no banco quando o usuário edite um texto.

Fiz um codigo em java que ao clicar no texto ele vira um input e então o user digita o que quer e quando click fora o texto fica modificado, até ai tudo 100%. Mas para colocar o que ele digito no banco sem mudar ou atualizar a pagina ($_get ou $_post) estou tomando uma surra.

Segue função:

 span.onclick = function(){
          var textoAtual = this.firstChild.nodeValue;
          var input = '<input type="text" name="1" value="'+textoAtual+'">';
          this.innerHTML = input;
          var field = this.firstChild;
          this.onclick = null;
          this.onmouseover = null;
          field.focus();
          field.select();
          field.onblur = function(){
            this.parentNode.innerHTML = this.value;
            editTitle();
          }

Agora teria que pegar o que foi digitado (variável "input") e passar ela para php e então para o banco. Mas não sei como, acabaram minhas ideias.

[Beraldo 864]

Movido:

Plataforma Java -> Java WEB http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML

[William Bruno 1501]

Ai você terá que usar AJAX.

[Raffael Chacon 0]

Como assim?

 

 

 

Estava aqui agora mesmo quebrando a cabeça, de novo. Mas nada...

Estava penssando em fazer com form, um botão e outro codigo para savar no banco, mas queria mesmo fazer em uma unica pagina. você click edita e ele salva no banco.

[Thiago Retondar 18]

Vai ter que usar AJAX pois você disse que não quer que haja reload na página.

 

Dá uma olhada nessa Classe: http://forum.imasters.com.br/index.php?/topic/359316-classe-ajax/, pode te ajudar.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Raffael Chacon 0]

Estava desde então estudando e aprendendo ajax. Conhecia mas não a fundo. Comecei a desenvolver com ajax. Mas estou tendo um problema.

Este é parte do codigo do index.php:

<script type="text/javascript">
    window.onload = function(){
      function editTitle(){
        var title = document.getElementsByTagName('h1')[0];
        var span = title.firstChild;
        span.onmouseover = function(){
          this.title = 'Clique para editar o texto';
          this.style.background = '#f5f5f5';
        }
        span.onmouseout = function(){
          this.title = '';
          this.style.background = '';
        }
        span.onclick = function(){
          var textoAtual = this.firstChild.nodeValue;
          var input = '<input type="text" name="1" value="'+textoAtual+'">';
          this.innerHTML = input;
          var field = this.firstChild;
          this.onclick = null;
          this.onmouseover = null;
          field.focus();
          field.select();
      
	  
	      field.onblur = function(){
		  	var setor = this.value;
            this.parentNode.innerHTML = this.value;
            editTitle();
			xajax_GravaSetor(setor);			
          }
      

	    }
      }
      editTitle();
    }
  </script>

Este parte aqui pega o texto transforma em texto editável a pessoa digita o que quer então clica fora. Ele sava o texto digitado e chama a função GravaSetor();(Que está em ajax).

 

A função GravaSetor() está em uma pagina php que utiliza o ajax (pelo menos foi isso que entendi do ajax), este aqui:

function GravaSetor($setor){
//CONECTA AO MYSQL 
$conn = mysql_connect("127.0.0.1", "root", "*****") 
   or die("Erro na conexão com a base de dados");
//SELECIONA A BASE DE DADOS 
$db = mysql_select_db("ti", $conn) or die("Erro na seleção da base de dados"); 
   $sql = ("INSERT INTO impressoras (setor) VALUES (".$setor.")");;
}

Quando clico fora da caixa ele me manda uma msg pelo browser dizendo que o XML é inválido.

 

 

OBS.: Estou utilizando um codigo exemplo que funcionava.