Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/02/2011, 14:36
tazzwt
 
Fecha de Ingreso: marzo-2010
Mensajes: 432
Antigüedad: 15 años, 1 mes
Puntos: 11
Como guardar lo editado, php, mysql, jquery

Como puedo guardar lo que se edita, ya que cuando edito no queda guardado en bd.

La idea es editar los tres campos, nombre, edad y telefono.

La edicion funciona con solo hacer clic en el nombre, edad y telefono todo en tiempo real, sin cambiar de pagina. Existe alguna forma mas facil de hacer esto eso.

Este es el codigo.

Código PHP:
Ver original
  1. <?php
  2. include("conex.php");
  3. $link = Conectarse();
  4. ?>
  5.  
  6. <script src="jquery.js" type="text/javascript"></script>
  7.  
  8. <script type="text/javascript">
  9. $(document).ready(function() { 
  10.     $("div.editnombre").click(function() {
  11.         if ($(this).children('input').length == 0) {
  12.             var inputbox = "<input type='text' class='inputbox' value=\""+$(this).text()+"\">";
  13.             $(this).html(inputbox);
  14.             $("input.inputbox").focus();
  15.             $("input.inputbox").blur(function() {
  16.                 var value = $(this).val();
  17.                 $(".editnombre").text(value);
  18.             });
  19.         }
  20.     });
  21. });
  22. </script>
  23.  
  24. <?php
  25. $conn = "select * from ingreso";
  26.  
  27. $res_conn = mysql_query($conn, $link);
  28.  
  29. while($row = mysql_fetch_array($res_conn))
  30. {
  31.     $id = $row[id];
  32.     $nombre = $row[nombre];
  33.     $edad = $row[edad];
  34.     $telefono = $row[telefono];    
  35.    
  36.     echo "ID: $id<br>";
  37.    
  38.     echo "Nombre: $nombre<br>";
  39.     $editar = "UPDATE ingreso SET nombre = 'inputbox' WHERE id = $id";
  40.     mysql_query($editar, $link);
  41.    
  42.     echo "Edad: $edad<br>";
  43.     echo "Telefono: $telefono<br><br>";
  44. }
  45.  
  46. mysql_close($link);
  47. ?>
  48.  
  49. <div class="editnombre">Modificar el texto</div>

Aqui la base de datos a editar, en MySQL 5

Código MySQL:
Ver original
  1. CREATE TABLE `ingreso` (
  2.   `id` int(11) NOT NULL auto_increment,
  3.   `nombre` varchar(100) default NULL,
  4.   `edad` int(11) default NULL,
  5.   `telefono` int(11) default NULL,
  6.   PRIMARY KEY  (`id`)
  7. ) ENGINE=MyISAM AUTO_INCREMENT=22 DEFAULT CHARSET=latin1;
  8.  
  9.  
  10. INSERT INTO `ingreso` VALUES (1,'Lucy',25,4353456);
  11. INSERT INTO `ingreso` VALUES (2,'Augusto Valentín',13,2131232);
  12. INSERT INTO `ingreso` VALUES (3,'Rolando',11,2356332);
  13. INSERT INTO `ingreso` VALUES (4,'Teresa',33,3423644);
  14. INSERT INTO `ingreso` VALUES (5,'María Orfelina',34,4543534);
  15. INSERT INTO `ingreso` VALUES (6,'Teresa',23,6543433);
  16. INSERT INTO `ingreso` VALUES (7,'Juan Amador',12,3424242);
  17. INSERT INTO `ingreso` VALUES (8,'Carmen Silvia',35,4324234);
  18. INSERT INTO `ingreso` VALUES (9,'Olga Erika',32,3423342);
  19. INSERT INTO `ingreso` VALUES (10,'José Beder',23,3423423);
  20. INSERT INTO `ingreso` VALUES (11,'Jilo Solercio',32,3453345);
  21. INSERT INTO `ingreso` VALUES (12,'José René',45,6643534);
  22. INSERT INTO `ingreso` VALUES (13,'Luisa',56,4354234);
  23. INSERT INTO `ingreso` VALUES (14,'Rodolfo',23,2342343);
  24. INSERT INTO `ingreso` VALUES (15,'Juan Alamiro',33,4643455);
  25. INSERT INTO `ingreso` VALUES (16,'Palmira',15,4534534);
  26. INSERT INTO `ingreso` VALUES (17,'Minerva',42,5645343);
  27. INSERT INTO `ingreso` VALUES (18,'Sixto Rolando',28,4353454);
  28. INSERT INTO `ingreso` VALUES (19,'Ana Julia',32,6564544);
  29. INSERT INTO `ingreso` VALUES (20,'Irene',32,4534534);
  30. INSERT INTO `ingreso` VALUES (21,'Mercedes Margot',42,3453453);
__________________
Libro de HTML 5 + codigo fuente bajar aqui.