• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Viele hassen ihn, manche schwören auf ihn, wir aber möchten unbedingt sehen, welche Bilder Ihr vor Eurem geistigen Auge bzw. vor der Linse Eures iPhone oder iPad sehen könnt, wenn Ihr dieses Wort hört oder lest. Macht mit und beteiligt Euch an unserem Frühjahrsputz ---> 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?
 
creative7even

creative7even

Jerseymac
Registriert
23.02.05
Beiträge
454
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-2024 Apfeltalk | Made on a Mac
Oben Unten