enviar valor del boton precionado por ajax

[galeon88]

saludos
estoy dibujando las imagenes de directorio y quiero poner un boton de eliminar en cada imagen, cuando aprieto el boton mediante ajax quiero eliminar la imagen que trae como valor el boton, pero siempre me elimina la primera imagen, pienso que es por que los botones que se generan tienen el mismo nombre, y no se la forma de que me envie el valor del boton que se preciono, me podrian dar una ayuda, les dejo el codigo

Código PHP:

  if($is_empty==false) 
{     
    echo'<form id="form" name="form" method="post" action="javascript:eliminar_img()">'; 
    $filehandle = opendir($ruta);  
    while ($file = readdir($filehandle))  
    { 
        if ($file != "." && $file != "..")  
        { 
            $tamanyo = GetImageSize($ruta . $file); 
            $imagen=$ruta.$file; 
            $nom_or=substr($file,6); 
            echo '<p><img src="'.$imagen.'" '.$tamanyo[3].'><br>'; 
            echo $nom_or.'<button id="boton" name="boton" type="submit" value="'.$nom_or.'"><img src="scripts/delete.gif"></button></p>'; 
        }  
    }  
closedir($filehandle); 
echo'</form>'; 
}else 
{ 
    echo 'no contiene imagenes'; 
}  
   

JS que utilizo

Código:

function eliminar_img()
{
	var boton1 = encodeURI(document.getElementById('boton1').value);
	nocache = Math.random();
	http.open('get', 'eliminar_imagenes.php?boton1='+boton1+'&nocache='+nocache);
	http.onreadystatechange = insertReplyImg;
	
	http.send(null);
}

gracias por ver post

[Javier01]

Buenas tardes,
Que tal si cambias el submit por un tipo button. Y la función eliminar la llamas en el onclick de este, y no en el action del form.

Código PHP:

  echo $nom_or.'<input id="boton" name="boton" type="button"  onclick="eliminar_img(this.value);" value="'.$nom_or.'"><img src="scripts/delete.gif"></button></p>';  
   

y de esta forma le mandas el valor que tiene el botón a la función.
Te recomiendo que cambies los ID y que sean únicos para cada botón.

Saludos