eliminar imagen de db y carpeta con javascript y ajax

[rrecarte]

buenas noches gente...

presiso me den una mano . que realmente seria enorme en este momento que estoy atrasadicimo con mi proyecto ..

el hecho es asi.. tengo una pagina algo asi como de automotora.. y en una parte el usuario puede entrar y registrar un veiculo para la venta. pero tambien puede en otro momento entrar a reformar algo del mismo.. y lo que presiso es que se pudeda por medio de javascript eliminar una foto sin tener que recargar la pagina porque eso me llevaria a que cada foto que elimine se recarge la pagina y puede quedar pesada porque tiene muchas consultas a la db yo lo hacia asi
<?php if ($_GET[foto1]=='../images/car.png') { echo "<input type='file' name='foto1' size='45'>" . "<input type='submit' value='Enviar' name='fo1'>" ; }else{ echo "<img src='$_GET[foto1]' width='106px' >" ?> <a href="../funciones/eliminar.php?eliminar=1&id=<?php echo $_GET[id] ; ?>&lugar=<?php echo $_GET[lugar] ; ?>&marca=<?php echo $_GET['marca'] ; ?>&modelo=<?php echo $_GET['modelo']; ?>"> eliminar imagen </a> <?php ; } ?>


por php pero tengo que hacerlo con javascript y ajax y no lo se hacer... denme una mano please

lo que uso para eliminar la foto es el id ... con eso creo que seria suficiente para que alguien me diga como hacerlo.. soy nulo con javascript y ajax

[webness]

Bueno, me surge una duda si manejas ajax, pero para ello buscate un tutorial, ahora bien asumiendo que sabes, debes de hacer algo como esto

encierra cada foto en un <div> con un id unico es decir algo como esto

<div id=carro_128><img src=foto_128.jpg></div>
--->este seria el codigo html resultante de ejecutar el php que muestra las fotos.
--->tambien asumimos que 128 es el id de la foto en la tabla de fotos para los productos

al ladito ponle un boton o una imagen de eliminar a la cual le añades el evento onClick asi:

<img src = "eliminar.jpg" onclick = "eliminar_ajax(128);" >

ahora bien esta funcion eliminar, la haces en javascript implementando ajax

seria algo mas o menos asi

Código Javascript:

function createAjax()
{
    var objAjax = false;
    
    if (window.XMLHttpRequest)
    {
        objAjax = new XMLHttpRequest ();
    } 
    else 
    {
        if (window.ActiveXObject)
        {
            try 
            {
                objAjax = new ActiveXObject ("Msxml2.XMLHTTP");
            }
            catch (e)
            {
                try
                {
                    objAjax = new ActiveXObject ("Microsoft.XMLHTTP");
                }
                catch (e)
                {
                }
            }
        } 
        else
        {
            objAjax = false;
        }
    }
    return objAjax;
}
 
function eliminar(id_foto)
{
    var ajax = createAjax();
    ajax.open("POST", "eliminar_foto.php",true);
 
    ajax.onreadystatechange=function()
    {
        if (ajax.readyState == 4)
        {
              //AQUI DEBES DE PONER EL CODIGO RESPECTIVO PARA ELIMINAR DEL NAVEGADOR
              // EL DIV EN CUESTION o simplemente hacer su contenido vacio, que es lo que hare
             document.getElementById("carro_"+id_foto).innerHTML = "";
             document.getElementById("div_mensajes").innerHTML
        }
        else
        {
            document.getElementById("div_mensajes").innerHTML = "<br><center>Eliminando<img src = 'images/ajax-loader.gif' /></center>";
        }
    }
 
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.send("id_foto="+id_foto);
}
 

de esto cabe resaltar que en el fichero eliminar_foto.php haces el codigo necesario para borrar la foto y no imprimes nada en pantalla. la variable fue enviada via post para que la recibas con $_POST["id_foto"]

el <div> llamado <div id="mensajes"></div> es un div que pones en algun lugar estrategico de tu pagina, y lo que se alli es mostrar la imagen de procesar mientras que se bborra la foto.