• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Was gibt es Schöneres als den Mai draußen in der Natur mit allen Sinnen zu genießen? Lasst uns teilhaben an Euren Erlebnissen und macht mit beim Thema des Monats Da blüht uns was! ---> 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