jojobla: Nach JS-File-Submit @ iframe, auf iframes neue Daten zugreifen

Beitrag lesen

SELF-Forum

Nach JS-File-Submit @ iframe, auf iframes neue Daten zugreifen

jojobla
– Informationen zu den Bewertungsregeln

Hallo.

Ich habe ein Formular mit dem man ein Bild hochladen kann.
Dieses wird von mir verarbeitet und anschließend werden Daten zurückgegeben.
Danach möchte ich auf diese Daten im iframe zugreifen!
Das klappt erst, nachdem ich das Formular ein zweites mal abgesendet habe.
Warum?

Code:

function uploadPic(){  
	var x=null;  
	var d=document.getElementById('imgwrap');  
	var t=document.getElementById('testImage');  
	d.style.display='block';  
	d.style.width=t.style.width=parent.iframe_pic.document.getElementById('imageWidth').innerHTML+'px';  
	d.style.height=t.style.height=parent.iframe_pic.document.getElementById('imageHeight').innerHTML+'px';  
	t.src=parent.iframe_pic.document.getElementById('theImage').innerHTML;  
	document.getElementById('saveimg').style.display='block';  
	document.getElementById('pp').style.display='none';  
	new Cropper.ImgWithPreview( 'testImage' , {previewWrap: 'previewWrap', minWidth: 218, minHeight: 166, maxHeight:166, maxWidth:218, ratioDim: { x: 218, y: 166}, onEndCrop: onEndCrop } );  
	return true;  
}

  
<iframe src="/Helpers/blank.php" id="testImageIframe" name="iframe_pic" style="display:none"></iframe>  
		<div id="imgwrap"><img src="#" id="testImage"></div>  
		<div id="saveimg"></div>  
  
<form action='./Profil_Pics/uploadPic/isajax' target='iframe_pic' method='post' enctype='multipart/form-data' onsubmit='return uploadPic();'>  
  
<input type='hidden' name='MAX_FILE_SIZE' value='10485760' />  
<p><input type='file' name='newpic' /></p>  
<button type="submit">Absenden</button>

Die "/Helpers/blank.php" ist ein leeres Dokument.

Das Ergebnise von "./Profil_Pics/uploadPic/isajax" sieht so aus:

  
<html><head></head><body>  
<div id="theImage">bildpfad.jpg</div>  
<div id="imageHeight">400'</div>  
<div id="imageWidth">300</div>  
</body></html>

Komisch ist vor allem das ich das Ding zwei Male absenden muss. Beim zweiten mal wird uploadPic() zuende ausgeführt.
Beim ersten mal sagt mir die Fehlerkonsole parent.iframe_pic.document.getElementById('imageWidth')=null

Also scheinen beim ersten mal die Daten noch nicht da zu sein. Was kann ich dagegen tun? Warum klappt es denn beim zweiten mal?
Gibt es keine Möglichkeit den submit zu überprüfen und erst DANACH darauf zuzugreifen? Dann müsste es doch klappen...

Lg, jojobla

Beitrag melden
–
Informationen zu den Bewertungsregeln