ayuda? .. les dejo un codigo ejemplificativo ..
Código:
<script >
$(document).ready(function(){
// evento click que realiza el .html()
$('.edit').click ( function() {
event.preventDefault();
var id_f =$(this).attr('rel');
$("#bfoto1").html('<div id="afoto1" align="center"><div class="inputButton"><label><input name="foto1" type="file" class="file" id="foto1" rel="1"/></label><div>Seleccione Imagen..<br />Click Aqui.. </div></div></div>');
});
// evento al hacer click en el input (este no lo reconoce ..)
$('input:file').click (function (){
var id_foto = $(this).attr('id')
var num_img = $(this).attr('rel')
alert (id_foto+' - '+num_img)
$("#"+id_foto).live('change', function()
{
$('#a'+id_foto+" div.inputButton").css({display:'none'});
$('#a'+id_foto).append('<div class="carga"><img src="loader.gif" alt="Uploading…." width="50" height="50"/></div> ')
$("#imageload").ajaxForm(
{
data: {img:num_img},
target:'#b'+id_foto,
}).submit();
});
});
</script >
Código HTML:
<form id="imageload" name="imageload" method="post" enctype="multipart/form-data" action="act_fotos.php"> <div id="fotos_alojar"><ul class=" fotos "><li id="bfoto1"> <ul class="mini-menu"> <li class="edit" rel="1"><a href="#" title="Modificar Imagen"><img src="http://www.forosdelweb.com/f127/interface/images/icons/fugue/pencil.png" width="16" height="16"> Editar</a></li> </ul> <img src="http://www.forosdelweb.com/f127/fotos/<?php echo $row_alojamiento['alojar_id']; ?>_1.jpg" /> </li> ... .... </ul> </form>
