En concreto de esta manera: dispongo de diferentes links que son imagenes con un link que abre una ventana modal con un formulario para renombrar la imagen, etc..
El único problema que tengo es que siempre me pasa el valor de la misma imagen.
Código Javascript:
Ver original
<script type="text/javascript"> //$(document).ready(function(){ $(function(){ var fname=$('a.ico-resize').attr("id"); var directory=$('a.ico-resize').attr("rel"); var deletecount=$('a.ico-resize').attr("value"); $('#titulo').val(fname); $('#Alt').val(directory); var descripcion = $('#descripcion').val(); // var descripcion=$('input#descripcion').attr("value"); var dataString = 'descripcion='+ $('#descripcion').val() + '&titulo=' + $('#titulo').val() + '&Alt=' + $('#Alt').val(); //var data_string = $("#update").serialize(); // Damos formato a la Ventana de Diálogo var dialog = $("#dialogo").dialog({ // Indica si la ventana se abre de forma automática autoOpen: false, // Indica si la ventana es modal modal: true, // Largo //width: 400, // Alto //height: 280, // Creamos los botones height: 300, width: 350, buttons: { submitHandler: function(){ // Serializamos el formulario str = $("#update").serialize(); // Mostrar Versión de PHP $.ajax({ // Antes de realizar la llamada mostramos el ajax load beforeSend: function(){ $('#respuestaAjax').html('<img id="loader" src="images/loading.gif"/>'); }, cache: false, // Indicamos que no se guarde en cache type: 'POST', // Variables GET url:'rename_img.php', // srcript a ejecutar data: str, //data_string, //dataString, contentType: "application/x-www-form-urlencoded", //Tipo de contenido que se enviara //'titulo=titulo&descripcion=descripcion&Alt=Alt', //$("form#update").serialize(), //{"file":fname,"directory":directory, "descripcion":descripcion}, // paso de datos // cuando es exitoso el llamado success: function(response){ $('#respuestaAjax').html(response); $('#' + deletecount).remove(); dialog.dialog( "close" ); } }); }, Cerrar: function() { // Cerrar ventana de diálogo dialog.dialog( "close" ); } } }); //$("a.ico-resize").click( function(e) { /// e.preventDefault(); // dialog.dialog("open"); //dialog.dialog('open'); // prevent the default action, e.g., following a link //return false; //}); }); </script>
dialogo:
Código HTML:
Ver original
<div id="dialogo" title="Editar Imagen"> <form id="update" action="" method="post" name="update"> <fieldset> <input type="text" name="titulo" id="titulo" class="text ui-widget-content ui-corner-all" /> <input type="text" name="Alt" id="Alt" class="text ui-widget-content ui-corner-all" /> <input type="text" name="descripcion" id="descripcion" class="text ui-widget-content ui-corner-all" /> <input id="envioFormulario" class="boton" type="submit" value="Continuar" name="envioFormulario"> </fieldset>
link:
Código PHP:
Ver original
<a class='ico ico-resize' rel='$directory' href='#' id='$file' value='delete$count'><span></span></a>