Hace lo que quieres.

[Jota_sk]

Hola. Esta es la primera cosa que programo con AJAX, y la verdad le veo una gran utilidad y una función nueva para todos mis próximos scripts. He creado un mini script para ver como funciona y eso, pero me estoy armando un lío impresionante, porque aveces actualiza y otras veces no.

El index.php contiene esto

Código PHP:

<?php include ("config.php"); ?>
<?php include ("header.php"); ?>
<script type="text/javascript">
function getDataServer(url, vars){
     var xml = null;
     try{
         xml = new ActiveXObject("Microsoft.XMLHTTP");
     }catch(expeption){
         xml = new XMLHttpRequest();
     }
     xml.open("GET",url + vars, false);
     xml.send(null);
     if(xml.status == 404) alert("Url no valida");
     return xml.responseText;
}
</script>
<script type="text/javascript">
function modificar(id){
    var error = getDataServer("modificar.php","?mod="+id);
    if(error){
        alert(error);
    }
//    else{
//        document.getElementById("div_"+id).style.display = "hidden";
//    }
}
</script>
<?php
 
$query = 'SELECT * FROM '.$tabla.'';
 
$result = mysql_query($query,$conn);
while($row = mysql_fetch_array($result)){
    echo '<form id="formulario">';
        if($row['hecha'] == '0'){
            echo '<input type="checkbox" id="'.$row['id'].'" name="'.$row['id'].'" value="'.$row['hecha'].'" onClick="modificar('.$row['id'].');"> '.$row['tarea'].'<br>';
        }else{
            echo '<input type="checkbox" id="'.$row['id'].'"  name="'.$row['id'].'" value="'.$row['hecha'].'" onClick="modificar('.$row['id'].');" checked> '.$row['tarea'].'<br>';
        };
    echo '</form>';
};
?>
<?php include("footer.php"); ?>
 

y el archivo modificar.php contiene lo siguiente

Código PHP:

<?php include ("config.php"); ?>
<?php
 
if($_GET["mod"]){
    $query = 'SELECT * FROM '.$tabla.' WHERE id = '.$_GET["mod"].';';
    $result = mysql_query($query,$conn);
    while($row = mysql_fetch_array($result)){
        if($row['hecho'] == '0'){
                $consulta = 'UPDATE tareas SET hecha = "1" WHERE id = '.$_GET["mod"].';';
        };
        if($row['hecho'] == '1'){
                $consulta = 'UPDATE tareas SET hecha = "0" WHERE id = '.$_GET["mod"].';';
        };
    };
    mysql_query($consulta, $conn);
}
 
?>
 

Lo único que quiero que haga el script es que cuando pulse un checbox, modifique en la base de datos el campo "hecho". Si hay un cero, quiero que ponga un uno, si hay un uno quiero que ponga un cero. Simplemente esto. Pero no lo consigue que funcione, o solo me funciona para cambiar a un 1 o para cambiar a un 0. Mi base de datos contiene lo siguiente, por si hay alguna duda.

Código SQL:

CREATE TABLE IF NOT EXISTS `tareas` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `tarea` text NOT NULL,
  `hecha` VARCHAR(2) NOT NULL,
  `añadida` DATE NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
 
INSERT INTO `tareas` (`id`, `tarea`, `hecha`, `añadida`) VALUES
(1, 'Programar php', '0', '2010-07-10'),
(2, 'Tocar la guitarra', '1', '2010-07-10');
 

[Jota_sk]

Nadie sabe la solución?

[Adler]

Hola

Sin pararme mucho, se me ocurre que puedes pasarle un segundo argumento, el valor del campo, a la función modificar modificar('.$row['id'].',this.value); así te evitas tener que hacer el select

Suerte

[Potro]

Veo que tienes una pagina de header pero si estas poniendo bien todos los requeridos..

Código PHP:

// Fecha en el pasado
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
// siempre modificado
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); 
// HTTP/1.1
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
// HTTP/1.0
header("Pragma: no-cache");
 

Tambien la forma de construir tu ajax.. yo uso lo siguiente..

Código Javascript:

var peticion = false;
   var  testPasado = false;
   try {
     peticion = new XMLHttpRequest();
     } catch (trymicrosoft) {
   try {
   peticion = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (othermicrosoft) {
  try {
  peticion = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (failed) {
  peticion = false;
  }
  }
  }
  if (!peticion)
  alert("ERROR AL INICIALIZAR!");