JavaScript Forum

**dahak** · 02-24-2006, 09:50 AM

Hello all,Please someone help me with this
i need to write an error handler that changes the alt test of an image to “Error Loading” if the image loading is not completed.

THANK YOU

**funkdaddu** · 10:24 AM

This simple one should work in Safari and IE, but doesn't work in FireFox:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function imgLoadErr(obj) {
	obj.alt = "Error Loading Image";
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<p><img src="badlink.gif" alt="Image" height="316" width="349" border="0" onerror="imgLoadErr(this)"></p>
	</body>

</html>

Lemme look into the FireFox handler....

**funkdaddu** · 02-24-2006, 11:44 AM

This should work in Safari, IE, and Firefox, but it never refreshes the ALT attribute visually in FF, even though it reports it back correctly, anyone have any ideas?

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function checkImgLoaded(id) {
	ckImg = document.getElementById(id);
	alert("image alt = " + ckImg.alt);
	testImg = new Image;
	testImg.src = ckImg.src;
	alert(testImg.complete);
	if (testImg.complete == false) {
		ckImg.alt = "Image Did Not Load";
		alert("image alt = " + ckImg.alt);
	}
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff" onload="setTimeout('checkImgLoaded(\'imgName\')', 500);">
		<p><img src="" alt="Image Alt" width="500" height="500" border="0" id="imgName"></p>
	</body>

</html>