Linkando Banco de dados na edição INLINE
Seguinte criei uma Tabela com edição INLINE, essa tabela consta os dados do meu BANCO DE DADOS MYSQL, antes essa tabela tinha um botão que alterava os dados do banco, porém agora tenho que editar os dados do banco direto da linha, coloquei o método por JQUERY, consegui editar os dados da tabela, mais não sei como fazer esses dados serem alterados no banco de dados, pois quando dou REFRESH ele volta os dados anteriores do banco.
Segue as Páginas criadas.
Spoiler
INDEX.PHP - PAGINA DA TABELA EDITAVEL
<html>
<head>
<title>RAMAIS</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="script.js"></script>
<?php
$parametro = filter_input(INPUT_GET, "parametro");
$mysqllink = @mysql_connect("localhost","root","");
mysql_select_db("agenda_telefonica");
if($parametro){
$dados = mysql_query("select * from contato where setor like '$parametro%' order by setor");
} else {
$dados = mysql_query("select * from contato order by setor");
}
$linha = mysql_fetch_assoc($dados);
$total = mysql_num_rows($dados);
?>
</head>
<body>
<center>
<div class="container theme-showcase" role="main">
<div class="page-header">
<font face="DejaVu Sans Mono">
<h1>AGENDA DE RAMAIS - HASP</h1>
</font>
</div>
<div class="row">
<div class="col-md-12">
<table class="tabela">
<p>
</font>
<font face="DejaVu Sans Mono" size="4">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" class="form-inline">
<div class="form-group">
<input type="text" align="center" class="form-control" id="exampleInputEmail2" placeholder=" DIGITE O SETOR !" name="parametro"/>
<button type="submit" class="btn btn-primary btn-lg btn-block">Encontrar </button><br>
</form>
</p>
<p>
</p>
<div class="row">
<div class="col-md-12">
<table class="tabela">
<thead>
<tr>
<td bgcolor="#0B614B"></td>
<td bgcolor="#0B614B"><CENTER><font face="DejaVu Sans Mono" color="white" size="4">SETOR</font></td>
<td bgcolor="#0B614B"><CENTER><font face="DejaVu Sans Mono" color="white" size="4">NOME</font></td>
<td bgcolor="#0B614B"><CENTER><font face="DejaVu Sans Mono" color="white" size="4">RAMAL</font></td>
<td align="center" bgcolor="#0B614B"><a href="paginanovocontato.html"><button type="button" class="btn btn-info">Adicionar Novo</button> </a></td>
</tr>
<?php
if($total){ do{
?>
<tr>
<td style="visibility: hidden;"><?php echo $linha['id'] ?><center></td>
<td><?php echo $linha['setor'] ?></td>
<td><?php echo $linha['nome'] ?></td>
<td align="center"><?php echo $linha['telefone'] ?></td>
</tr>
<?php
} while($linha = mysql_fetch_assoc($dados));
mysql_free_result($dados);}
mysql_close($mysqllink);
?>
</div>
</body>
</html>
SpoilerScript para Edição da Tabela !!!
$(function () {
$("td").dblclick(function () {
var conteudoOriginal = $(this).text();
$(this).addClass("celulaEmEdicao");
$(this).html("<input type='text' value='" + conteudoOriginal + "' />");
$(this).children().first().focus();
$(this).children().first().keypress(function (e) {
if (e.which == 13) {
var novoConteudo = $(this).val();
$(this).parent().text(novoConteudo);
}
});
$(this).children().first().blur(function(){
$(this).parent().text(conteudoOriginal);
});
});
});
SpoilerPagina que alterava os dados da Tabela quando se clicava no Botão ALTERAR.
<?php
$id = filter_input(INPUT_GET, "id");
$nome = filter_input(INPUT_GET, "nome");
$telefone = filter_input(INPUT_GET, "telefone");
$link = mysqli_connect("localhost", "root", "", "agenda_telefonica");
if($link){
$query = mysqli_query($link,"update contato set nome='$nome',setor='$setor', telefone='$telefone' where id=$id");
if ($query) {
header("Location: index.php");die("Erro: ". mysqli_error($link));
}}else{
die("Erro: ". mysqli_error($link));
}Discussão (1)
Carregando comentários...