Buenas ... necesito su ayuda .. mediante un click en un icono ,.. dentro de un formulario genero mediante .html ('') un campo input type:file ... este tipo de imput tiene a su ves asiganada un funcion con evento click () pero no funciona esta ultima. .. y no se como hacer .. e probado todo ! .. y no me reconoce la funcion
click () que si funciona si coloco el input de una sin hacer el html() ...
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>