Actualización de un consulta a Mysql

[Jona_than]

Estimados,

La última vez que pregunte en este foro por algún problema sobre AJAX, no tuve muchas respuestas, pero me dedique a investigar y leer, y ahora se un poco más...

He estado trabajando bastante, en ajax, tratando de hacerlo todo vía DOM, así que he encontrado con el siguiente "obstáculo".

Tengo una consulta a mi base de datos, en la cual elimino datos de mi base de datos, especificamente unas categorias, y tengo lo siguiente

Código Javascript:

function EliminarRegistroCategoria(Id){
   divFormulario = document.getElementById('resultado');
   ajax=objetoAjax();
   ajax.open("POST", "eliminar_cat_MySQL.php");
   ajax.onreadystatechange=function() {
     if (ajax.readyState==4) {
        divFormulario.innerHTML = '<img src="imagenes/ajax-loader.gif" />';
     }else{
    window.setTimeout('EliminarRegistroCategoriaEspera();',3000);
     }
   }
   ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   ajax.send("action="+Id)
}
function EliminarRegistroCategoriaEspera(){
        divFormulario.innerHTML = ajax.responseText
    }
 

Lo cual hace lo que yo requiero, el tema que cuando se ejecuta el archivo eliminar_cat_MySQL.php borra la entrada de la base de datos, pero donde tenia mi listado de categorias, todavía aparece, puede ser posible que al ejecutar esta acción de eliminar automáticamente borre de la lista de registros, ojala sea de una forma elegante en Ajax, para que se vea bonito...

Esperando, si alguien me entiende, me despido.

Saludos.

[David]

Con el método removeChild() del elemento padre puedes eliminarlo.
Véase: https://developer.mozilla.org/En/DOM/Node.removeChild

Saludos.

[Jona_than]

Iniciado por David

Con el método removeChild() del elemento padre puedes eliminarlo.
Véase: https://developer.mozilla.org/En/DOM/Node.removeChild

Saludos.

Pero no quiero eliminarlo, quiero actualizarlo! así que cuando apreté mi enlace que diga eliminar, elimine el registro, y donde esta el registro eliminado en una lista, lo borre =)

Saludos.

[David]

Precisamente, no me refiero a que elimines la lista, sino a que con removeChild elimines ese elemento de la lista que fue borrado de la base de datos.

[Jona_than]

Iniciado por David

Precisamente, no me refiero a que elimines la lista, sino a que con removeChild elimines ese elemento de la lista que fue borrado de la base de datos.

Apssssss!!! haber, leeré el tema, haber si me sirve de alguna forma, yo creo que obviamente que sí, para ver que tal queda.

Muchas gracias, estuve leyendo en internet y hablando bastante de ocupar una función para refrescar el div, con un SetTimeout();

No sé, si eso servirá en este caso.

Saludos y gracias...

[Jona_than]

Replanteare mi situación, mostrandole más codigo para que vean lo que realmente quiero hacer, porque vi la solución de David, y no me sirvio del todo.

Incluso, hice una especie de solución de parche, pero no me funciona correctamente en la segunda vez que quiero eliminar.

Código Javascript:

function EliminarRegistroCategoria(Id){
   divFormulario = document.getElementById('resultado');
   divContenido = document.getElementById('registro');
   divFormulario.innerHTML = '<img src="imagenes/ajax-loader.gif" />';
   ajax=objetoAjax();
   ajax.open("POST", "eliminar_cat_MySQL.php");
   ajax.onreadystatechange=function() {
     if (ajax.readyState==4 || ajax.readyState==200) {
        divFormulario.innerHTML = ajax.responseText;
        divContenido.innerHTML = "";
     }
   }
   ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   ajax.send("action="+Id)
}
 

Código PHP:

<div id="contenido">
            <h2>Editar categorias...</h2>
            <?php
            require 'IndexClass.php';
            $BaseDatos=BaseDatosClass::hacerInstancia();
            $Select='SELECT * FROM CORREOS_CATEGORIAS ORDER BY ID_CATEGORIA DESC';
            $enlace=$BaseDatos->EjecucionMySQLQuery($Select);
            while($array=$BaseDatos->ObtenerRegistrosDB($enlace)){
            ?>
            <div id="registro">
                <div class="titulo"><?php echo $array["NOMBRE_CATEGORIA"];?></div>
                <div class="eliminar">-> <a href="#" onclick="EliminarRegistroCategoria(<?php echo $array["ID_CATEGORIA"];?>)">Eliminar</a></div>
            </div>
            <?php
            }
            $BaseDatos->LiberarConsultaDB($enlace);
            $BaseDatos->DesconectarDB();
            ?>
 
            <div id="resultado"></div>
            </div>
 

Espero, que esta vez me puedan ayudar, lo he visto muchas veces, pero no sé como realizarlo.

Que cuando elimine, desaparezca ese registro de mi eliminar_cat.php, especie de refresh o algo así...

Saludos.

[David]

El problema es que no puedes tener varios elementos con el mismo id. De la forma como tienes todos los <div> tendrán como id "registro".

Una solución podría ser:

Código HTML:

<div id="registro<?php echo $array['ID_CATEGORIA']; ?>">
 

Código Javascript:

divContenido = document.getElementById('registro' + Id);
 

Con eso, podrás diferenciar los registros por su ID.

Y, para eliminar:

Código Javascript:

divCotenido.parentNode.removeChild(divContenido);
 

[Jona_than]

Uhhhhh! muchas gracias, realmente!!! si no fuera por tí, no lo hubiese logrado!

Ahora entendí bien el significado del removeChild. Ojala que mi pregunta, se sirva a los que vengan.

Saludos.