Foros del Web » Creando para Internet » HTML »

Medificar un codigo con iframes y javascript

Estas en el tema de Medificar un codigo con iframes y javascript en el foro de HTML en Foros del Web. Hola, en el foro de AJAX hice una consulta sobre un sistema de upload de imagenes y me dieron una solución sin usar AJAX y ...
  #1 (permalink)  
Antiguo 31/05/2006, 04:58
 
Fecha de Ingreso: septiembre-2005
Mensajes: 70
Antigüedad: 12 años, 3 meses
Puntos: 0
Medificar un codigo con iframes y javascript

Hola, en el foro de AJAX hice una consulta sobre un sistema de upload de imagenes y me dieron una solución sin usar AJAX y me remitieron a este foro, el ejemplo que me dieron es:


http://www.air4web.com/files/upload/


El codigo es el siguiente:

Código:
<?
$ftmp = $_FILES['image']['tmp_name'];
$oname = $_FILES['image']['name'];
$fname = 'upload/'.$_FILES['image']['name'];
if(move_uploaded_file($ftmp, $fname)){
	?>
	<script>
		var par = window.parent.document;
		var images = par.getElementById('images');
		var imgdiv = images.getElementsByTagName('div')[<?=(int)$_POST['imgnum']?>];
		var image = imgdiv.getElementsByTagName('img')[0];
		imgdiv.removeChild(image);
		var image_new = par.createElement('img');
		image_new.src = 'upload/resize.php?pic=<?=$oname?>';
		image_new.className = 'loaded';
		imgdiv.appendChild(image_new);
		</script>
	<?
	exit;
}
?>
<script language="javascript">
function upload(){
	// hide old iframe
	var par = window.parent.document;
	var num = par.getElementsByTagName('iframe').length - 1;
	var iframe = par.getElementsByTagName('iframe')[num];
	iframe.className = 'hidden';
	
	// create new iframe
	var new_iframe = par.createElement('iframe');
	new_iframe.src = 'upload/upload.php';
	new_iframe.frameBorder = '0';
	par.getElementById('iframe').appendChild(new_iframe);
	
	// add image progress
	var images = par.getElementById('images');
	var new_div = par.createElement('div');
	var new_img = par.createElement('img');
	new_img.src = 'upload/indicator.gif';
	new_img.className = 'load';
	new_div.appendChild(new_img);
	images.appendChild(new_div);
	
	// send
	var imgnum = images.getElementsByTagName('div').length - 1;
	document.iform.imgnum.value = imgnum;
	document.iform.submit();
}
</script>
<style>
#file {
	width: 350px;
}
</style>
<center>
<form name="iform" action="" method="post" enctype="multipart/form-data">
<input id="file" type="file" name="image" onChange="upload()" />
<input type="hidden" name="imgnum" />
</form>
</center>
El codigo funciona perfectamente, pero lo que quiero es crear un div debajo de cada imagen que se genera para poner una explicación sobre la imagen, ¿Es posible?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:29.