Jump to content
Fórum Script Brasil
  • 0

Mostrar campos com respectivos ID


greg_kaippert
 Share

Question

Bom dia galera. No sistema que estou desenvolvendo, posso editar, excluir uma informação. Porém, quero fazer o seguinte. Em uma tabela, tem várias colunas: 

 

Nome, sobrenome, email, telefone, e mais alguns outros.

 

Na tela principal, só irá listar NOME: aí quando a pessoa clicar em nome, eu quero apenas que mostre os outros campos abaixo para editar as informações do banco. 

 

Eu consigo fazer atualizar, só que eu não consigo fazer só aparecer os dados do cliente que eu clicar em cima, ele aparece todos os dados.

 

Meu código abaixo AJAX:

 

$(document).ready(function()
{
$(".some").hide(); // A principio é isso aqui que eu quero, que essa classe "SOME" fica oculta, aí quando clicar em cima do nome, aparecer todos os campos com aquele ID.
 
$(".edit_tr").click(function()
{
var ID=$(this).attr('id');
$("#first_"+ID).hide();
$("#last_"+ID).hide();
$("#email_"+ID).hide();
$("#first_input_"+ID).show();
$("#last_input_"+ID).show();
$("#email_input_"+ID).show();
}).change(function()
{
var ID=$(this).attr('id');
var first=$("#first_input_"+ID).val();
var last=$("#last_input_"+ID).val();
var email=$("#email_input_"+ID).val();
var dataString = 'id='+ ID +'&firstname='+first+'&lastname='+last+'&email';
$("#first_"+ID).html('<img src="load.gif" />'); // Loading image
 
if(first.length>0&& last.length>0&& email.length>0)
{
 
$.ajax({
type: "POST",
url: "table_edit_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$("#first_"+ID).html(first);
$("#last_"+ID).html(last);
$("#email_"+ID).html(email);
}
});
}
else
{
alert('Enter something.');
}
 
});
 
// Edit input box click action
$(".editbox").mouseup(function() 
{
return false
});
 
// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
});
 
});
 
Meu código HTML e PHP:
 
<table>
<?php
include('db.php');
$sql= $pdo->query("select * from fullnames");
while($row = $sql->fetch(PDO::FETCH_ASSOC))
{
$id=$row['id'];
$firstname=$row['firstname'];
$lastname=$row['lastname'];
$email=$row['email'];
?>
<tr id="<?php echo $id; ?>" class="edit_tr">
<td>
<a href="<?php echo $row['id']; ?>" id="<?php echo $row['id']; ?>" class="delete"><img src="delete.png"></a>
</td>
 
<td class="edit_td edt_td">
Nome: <span id="first_<?php echo $id; ?>" class="text space_left"><?php echo $firstname; ?></span>
<input type="text" value="<?php echo $firstname; ?>" class="editbox space_left" id="first_input_<?php echo $id; ?>"/>
<br>
<span id="last_<?php echo $id; ?>" class="text some">SobreNome: <?php echo $lastname; ?></span> 
<input type="text" value="<?php echo $lastname; ?>" class="editbox" id="last_input_<?php echo $id; ?>"/>
<br>
<span id="email_<?php echo $id; ?>" class="text space_left_email some">Email: <?php echo $email; ?></span> 
<input type="text" value="<?php echo $email; ?>" class="editbox space_left_email some" id="email_input_<?php echo $id; ?>"/>
</td>
 
</tr>
<?php
}
?>
</table>
 
Se precisarem, explico melhor, agradeço desde já galera.

 

 

edit.png

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.8k
    • Total Posts
      646.6k
×
×
  • Create New...