Different behavior in IE and FF

Tata · Post by **Tata** » Sun Aug 31, 2008 9:53 pm

Please, have look at My CMSimple page. I am no JavaScriptGuru and so I can't find the reason of perfect funtioning in IE and entirely different (wrong) behavior in FF. I must have written something wrong. But no "googling" or searching in another forums gave me solving answer.

ZiPs · Post by **ZiPs** » Mon Sep 01, 2008 8:07 am

Hi Tata

Here it is and works ind IE and FF

It can be testet her

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>	
<style type="text/css">
.pic{float:left;margin:5px}
#label{width:100%;height:20px;background:#ffffcc;font-weight:bold;color:red;border:0px}
#txt{width:100%;height:180px;border:0px}
.border{border-collapse:collapse;border:1px solid gray}
</style>
</head><body>

<form name="formular" action="">
<table class="border" width="450" align="center">
<tbody><tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td><div class="pic">
<a href="#" onmouseover="document.images['bild'].src='bild_1b.jpg',document.formular.big.value = 'POSITIVE',formular.description.value='This is the description \nof POSITIVE.'" onmouseout="document.images['bild'].src='bild_0.jpg',document.formular.big.value = 'SOME HEADER GOES HERE',formular.description.value='Some description goes here.'">
<img src="bild_1a.jpg" name="bild1" width="100" border="0" height="100" alt=""></a></div>
<div class="pic">
<a href="#" onmouseover="document.images['bild'].src='bild_2b.jpg',document.formular.big.value = 'NEGATIVE',formular.description.value='This is the description \nof NEGATIVE.'" onmouseout="document.images['bild'].src='bild_0.jpg',document.formular.big.value = 'SOME HEADER GOES HERE',formular.description.value='Some description goes here.'">
<img src="bild_2a.jpg" name="bild2" width="100" border="0" height="100" alt=""></a></div>
<div class="pic">
<a href="#" onmouseover="document.images['bild'].src='bild_3b.jpg',document.formular.big.value = 'RED',formular.description.value='This is the description \nof RED.'" onmouseout="document.images['bild'].src='bild_0.jpg',document.formular.big.value = 'SOME HEADER GOES HERE',formular.description.value='Some description goes here.'">
<img src="bild_3a.jpg" name="bild3" width="100" border="0" height="100" alt=""></a></div>
<div class="pic">
<a href="#" onmouseover="document.images['bild'].src='bild_4b.jpg',document.formular.big.value = 'GREEN',formular.description.value='This is the description \nof GREEN.'" onmouseout="document.images['bild'].src='bild_0.jpg',document.formular.big.value = 'SOME HEADER GOES HERE',formular.description.value='Some description goes here.'">
<img src="bild_4a.jpg" name="bild4" width="100" border="0" height="100" alt=""></a></div>
</td>
</tr>
<tr valign="top">
<td colspan="2" width="100%">
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tbody><tr valign="top">
			<td width="210"><img src="bild_0.jpg" name="bild" vspace="5" width="200" border="0" height="200" hspace="5" alt=""></td>
<td>
<div><input name="big" id="label" value="SOME HEADER GOES HERE" type="text"></div>
<div><textarea rows="0" COLS="0" name="description" id="txt" style="overflow: hidden;">Some description goes here.</textarea></div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</form>
</body></html>

/ZiPs

Tata · Post by **Tata** » Mon Sep 01, 2008 8:34 am

Vielen Dank! Super! Doch verstehe ich nicht, wieso hat es im IE gut gelaufen...

ZiPs · Post by **ZiPs** » Mon Sep 01, 2008 8:39 am

IE does not take into account that you have the same name on them all, now called bild1, bild2 etc this was the fault

CMSimple_XH–Forum

Different behavior in IE and FF

Different behavior in IE and FF

Re: Different behavior in IE and FF

Re: Different behavior in IE and FF

Re: Different behavior in IE and FF