Necesito aprender a pasar datos a ventanas modales.
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"> <p class="validateTips">Campo titulo requerido.
</p>
<form id="update" action="" method="post" name="update"> <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">
link:
Código PHP:
Ver original<a class='ico ico-resize' rel='$directory' href='#' id='$file' value='delete$count'><span></span></a>