• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Die Bildungsoffensive hier im Forum geht weiter! Jetzt sollen Kreativität und technische Möglichkeiten einen neue Dimension erreichen. Das Thema in diesem Monat lautet - Verkehrte Welt - Hier geht es lang --> Klick

Problem mit JavaScript

themoetrix

themoetrix

Finkenwerder Herbstprinz
Registriert
30.03.06
Beiträge
466
Hallo,

ich habe ein Problem und ich kriege langsam die Krise. Ich habe das <div> imagefield in das ich ein Bild laden möchte. Dazu nutze ich diesen Code!

imagefield.innerHTML += '<img src="' + response.result['message'] + '" id="tmp">';
var tmpImage = document.getElementById("tmp");
alert(tmpImage.width);

In response.result['message'] steckt der link zum Bild.

Das dumme ist nur, das er bei dem alert() für die Breite 0 ausgibt. Beim zweiten Durchlauf funktioniert es. Ich glaube, das der Browser mit dem Bildladen nicht so fix ist wie das alert() mit der Ausgabe.

Gibt es eine Möglichkeit das Bildladenabzuwarten?
 
Hallo!

hab mir mal ein wenig den kopf zerbröselt...
so sollte es funktionieren (mit safari & ff):

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>debug</title>
	<script type="text/javascript">
	/*<![CDATA[*/
	
	function init() {
		var imageField = document.getElementById("imageField");
		imageField.innerHTML = '';
		
		var imgSrc = "testImage.jpg";

			// preload image
		var imgObj = new Image();
		imgObj.src = /*response.result['message']*/ imgSrc;
		imgObj.onload = function(e) {
			var imageWidth = imgObj.width;
			var imageHeight = imgObj.height;
			
				// create and insert image
			var img = document.createElement("img");
			img.src = imgObj.src;
			img.width = imageWidth;
			img.height = imageHeight;
			imageField.appendChild(img);
			alert(imageWidth);
			alert(imageHeight);
			
				// free IE5/IE6 memroy
			imgObj.onload = null;
		}
	}
	
	window.onload = init;
	
	/*]]>*/
	</script>
</head>
<body>

	<div id="imageField"></div>

</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
2003-2025 Apfeltalk | Made on a Mac
Oben Unten