Jag har lyckas fått min OnMouseOver/OnMouseOut att fungera med IE6 och FF1.5.OnMouseOver funktion
Problemet som jag har nu är denna att jag gör hemsidor i xhtml 1.1 och CSS.
<script language="javascript" type="text/javascript">
<!--
function GetAppVersion() {
appname = navigator.appName;
appcodename = navigator.appCodeName;
appversion = navigator.appVersion;
majorver = appversion.substring(0, 1);
if ( (appcodename == "Mozilla") && ( majorver >= 3 ) ) return 1;
if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1;
return 0;
}
function swtch(num, imgname) {
if (GetAppVersion()) {
document[imgname].src = img[num].src;
}
}
//-->
</script>
<script language="javascript1.1" type="text/javascript">
<!--
imgsrc = new Array();
imgsrc[0] = "gfx/hem.png";
imgsrc[1] = "gfx/hemover.png";
if (GetAppVersion()) {
img = new Array();
for (i = 0; i < imgsrc.length; i++) {
img[i] = new Image();
img[i].src = imgsrc[i];
}
}
//-->
</script>
<td id="hem">
</td>
Mitt problem är att xhtml 1.1 tycker inte om att jag använder name="hempic" och ska använda id="hempic" istället.
Jag tänkte att det är väl skit samma id="" och name="" är nästan lika varandra så då byte jag det till id="". FireFox1.5 godtog det eftersom jag körde i xhtml1.1 men IE6 började spy ut en massa fel-meddelande om att så kunde jag inte göra.
Problemet med IE6 är att det blir null-värde eller att objektet inte finns på kodraden: document[imgname].src = img[num].src;
Så jag skulle behöva fixa om denna kod-snutt:
function swtch(num, imgname) {
if (GetAppVersion()) {
document[imgname].src = img[num].src;
}
}
Jag borde göra något åt imgname men det går inte bara byta det till imgid och hoppas på det bästa för det fungerar inte.
Har lite för lite kunskap och idéer på hur jag ska fixa problemet. För jag vill få hemsidan att fungera i FF1.5 och IE6.
PS. Jag har aldrig haft problem att göra en hemsida åt FF1.5 när man kan gå efter en standard men för IE6 så måste man bryta varenda standard för att få till en hemsida.