[SOLUCIONADO] Eliminar y recargar pagina

[robinson37]

Hola

tengo el codigo y me elimina perfectamente pero quiero que cuando borre se recargue la pagina o no se muestre lo eliminado

Código Javascript:

<script>
 
function eliminar(Id){
    
    if (confirm("Esta seguro que desea Eliminar Evaluacion")){
    var contenedor;
    contenedor = document.getElementById('contenedor');
       
    ajax=nuevoAjax();
    ajax.open("GET", "../LogicaPresentacion/LogicaElimieval.php?Id_Resu="+Id,true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText
        }
    }
     ajax.send(null)
   }
 }
 
</script>
 

Mil gracias

[Alexis88]

No tendría sentir que hagas una petición asíncrona y desees recargar la página, de hecho, lo primero se utiliza precisamente para evitar que ocurra lo segundo. Ahora bien, para ocultar el elemento eliminado, te basta con asignar a su propiedad display el valor none y listo, ya no será visible.

Código Javascript:

elemento.style.display = "none";
 

Saludos

[robinson37]

Gracias por responder

Soy muy novato en la programacion me puedes ayudar

Donde pongo este codigo

Gracias

[Alexis88]

Al momento de recibir la respuesta, es decir:

Código Javascript:

if (ajax.readyState==4){
    //Acá
}
 

Ten en cuenta que, en lugar de elemento, debe de ir el elemento real, al que deseas ocultar.

Saludos

[robinson37]

hola lo pongo y sigue Igual

Código Javascript:

<script>
function nuevoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
//---------------------------------------------------
</script>
<script>
 
function eliminar(Id){
    
    if (confirm("Esta seguro que desea Eliminar Evaluacion")){
    var contenedor;
    contenedor = document.getElementById('contenedor');
    
    
       
    ajax=nuevoAjax();
    ajax.open("GET", "../LogicaPresentacion/LogicaElimieval.php?Id_Resu="+Id,true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            contenedor.style.display = "none"
            
        }
    }
    
     ajax.send(null)
   }
 }
 
</script>
 

Código HTML:

<td valign="top" align="left" width="45">
<a href="javascript:void(0)" title="Eliminar" onClick="eliminar('<?php echo $reg["Id_Resu"];?>')"><img src="http://www.forosdelweb.com/f13/Presentacion/image/eliminar.png" width="38" height="31" border="0"></a>
</td>
 

logicaeliminaeval.php

Código PHP:

<?php
include ('../LogicaPresentacion/connect.php');
$sql="delete from Resultado
where
Id_Resu=".$_GET["Id_Resu"]."";
$res=mysql_query($sql,$con);
echo "<script type=''>
    alert('Los datos del empleado fueron eliminados correctamente');
    window.location='index.php';
</script>";
?>
 

no me da si borra pero no se refresca la pagina toca con f5

[Alexis88]

En la llamada a la función, añade un parámetro más que haga referencia al elemento al que le estás dando el clic:

Código HTML:

onclick="eliminar('<?php echo $reg["Id_Resu"];?>', this)"
 

Ese this representará al enlace. Ahora bien, como deseas eliminar a toda la fila en la que se encuentra el enlace, deberás de tomar primero al elemento que lo contiene que es el <td>, que representa a la columna y luego al elemento que contiene a este último, es decir, al <tr> que representa a toda la fila. Luego, simplemente ocúltalo de la manera en que te lo indiqué.

Código Javascript:

function eliminar(Id, self){
    if (confirm("¿Está seguro de que desea eliminar esta evaluación?")){
        var padre = self.parentNode.parentNode; //Tomo a la fila entera    
        ajax=nuevoAjax();
        ajax.open("GET", "../LogicaPresentacion/LogicaElimieval.php?Id_Resu="+Id, true);
        ajax.onreadystatechange=function() {
            if (ajax.readyState==4 && ajax.status==200) {
                padre.style.display = "none";
            }
        }
        ajax.send(null);
    }
}
 

Y nuevamente te lo repito: No tiene sentido que recargues la ventana si vas a usar Ajax. La idea de usar Ajax es precisamente para no tener que recargar la ventana, estarías yendo en contra de lo usual. Por cierto, te sugiero desinfectar el dato que llega al archivo PHP antes de ejecutar la consulta.

Saludos

[robinson37]

Hola

mil gracia ya me funciono pero veo que tienes razón

mira lo que quiero es esto

yo hago una consulta de historial desde mysql, El me trae todo el formulario en una tabla,
lo que deso es que cuando quiera borrar algun registro al darle click a la imagen x se elimine de base de datos y que en la pagina que estoy desaparesca ese registro

no se si era la mejor forma con ajax pero el codigo que me pasastes me sirvio si ves que no es la mejor opción me puedes explicar como lo hago y con que metodo


milgracias

[Alexis88]

Así como lo has dicho, es una buena forma, de hecho, también suelo hacerlo así. La única desventaja de hacerlo así es que no surtirá efecto con los pocos usuarios (con respecto al total) que suelen desactivar JavaScript de su navegador, puesto que el uso de una petición asíncrona (Ajax), implica el uso forzoso de JavaScript. Podrías intentar adaptar esto, creando un formulario para cada fila o enviando el id en la ruta del enlace, así la recibes en el archivo PHP y eliminas el dato sin ningún problema. Pero no te preocupes, pues la cantidad de usuarios que desactivan JavaScript de su navegador es mucho menor que la cantidad de usuarios que no lo hacen.

Saludos

[robinson37]

Bueno

gracias me sirvió de mucho