• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Es regnet, ist neblig und kalt, alle sind krank und der Chef wird zunehmend cholerisch. Das Thema des Monats ist also folgerichtig --> Das Grau(en)
    Wir sind gespannt, war Euch dazu einfällt! Zum Wettbewerb --> 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