0

Pessoal esse é o meu código em PHP

$sql = mysql_query("SELECT * FROM noty");
while($linha = mysql_fetch_array($sql)){
    $notificacao = $linha["notificacao"];

echo"<div class='adm_edit'>".$notificacao."
   <input type='text' class='input_edit' value='".$notificacao."'/>
</div>";
}

Como vocês podem ver estou pegando as informações do banco e mostrando. Até ai tudo certo, mas o problema vem no JQuery.

$(document).ready(function(){

$(".adm_edit").on("click", function() {
    $(this).children(".input_edit").show();
    $("#exit_edit").show();
});

$("#exit_edit").click(function() {
    $(".adm_edit").text($(".input_edit").val());
    $(".input_edit").hide();
    $("#exit_edit").hide();
});
});

Cada conteúdo que é gerado pelo banco como vocês podem ver tem uma Input invisível que é mostrada quando o usuário clica no conteúdo. O problema vem depois disso que é quando eu gostaria que quando a Inputquando fosse fechada o conteúdo digitado ali passasse a ser da Div que foi clicada.

6
  • aonde está esse "#exit_edit" no arquivo php? está oculto mesmo?
    – DiChrist
    2/02/2016 às 19:13
  • "como vocês podem ver tem uma Input invisível", desculpa. Mas não entendi essa frase, entrei num paradoxo. 2/02/2016 às 19:46
  • Ia tentar ajudar, mas também achei confuso. Talvez alguém possa entender e ajudar, mas de repente é melhor tentar esclarecer melhor. Como não tenho uma noção visual dos elementos ficou meio difícil pra mim entender o que você chama de fechar input e também que div seria essa que teria um conteúdo a ser colocado no input.
    – Joao Paulo
    2/02/2016 às 19:54
  • @DiegodeSouzaSilva eu acabei não colocando o código do "exit.php" mas é uma div com "display:none" que serve para esconder a input quando clicada. Caso queira ver o código aqui está "<div id="exit_edit" ></div>" 2/02/2016 às 21:41
  • @Zoom desculpe é minha primeira vez postando aqui e eu devia ter detalhado mais, mas sobre sua dúvida a input está com "display:none" e fica visível quando é clicado a div ".adm_edit" 2/02/2016 às 21:51

1 Resposta 1

0

Igor, tente armazenar o .adm_edit e o .input_edit atuais em alguma variavel com escopo mais amplo.

$(document).ready(function(){
  (function () {    
    var atual = {};
    var inputs = {};

    inputs.exitEdit = $("#exit_edit");
    inputs.admEdit = $(".adm_edit");    
    inputs.admEdit.on("click", function() {
      atual.admEdit = $(this);
      atual.inputEdit = atual.admEdit.children(".input_edit");

      atual.inputEdit.show();
      inputs.exitEdit.show();
    });

    inputs.exitEdit.click(function() {
      atual.admEdit.text(atual.inputEdit.val());
      atual.inputEdit.hide();
      inputs.exitEdit.hide();
    });
  })():
});

Note que estou armazenando a div.adm_edit cliacado e o seu respesctivo input.adm_edit em uma variavel... fiz isto dentro de um closure para evitar problemas de escopo futuros.

1
  • Muito obrigado funcionou do jeito que eu queria :) e vou começar tentar utilizar sobre o que você falou sobre armazenar variáveis 2/02/2016 às 22:01

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .