Hej alla, har problem med ett script som ska fadea in bilder i andra, problemet är att det funkar inte FF med onMouseover, funkar i IE. om man kör exakt samma script men istället för <div> taggen skriver Test så funkar det utan problem i både IE och FF, men jag vill ha onMouseover funktionen om det går. Det fellmeddelande jag får i FF är "blendimage is not a function". koden är denna: Du har två saker som heter blendimage; den ena är funktionen, den andra är img-elementet. Eftersom img-elementet kommer senare tar det överhanden. Byt namn på någon av dem. Tack för hjälpen, nu funkar det helt prefekt i både i IE och FF utan problem och errors! onMouseOver != onmouseover... Jag tror det är case-sensitive. Bör skrivas med små bokstäver iaf i XHTML. Det stämmer att det är kinkigt i XHTML. Men för att FF skall parsa en nedladdad sida som XHTML krävs (förutom korrekt XHTML) att sidan skickas som text/xml+xhtml. Denna MIME-typ känner IE dock inte igen, varför den inte öppnar sidan i webbläsaren utan vill spara den som en fil. inte som text/xml+xhtml utan som application/xhtml+xml ;-)onMouseover problem i FF
<script language="javascript" type="text/javascript" src="bilder/blendtrans.js">
<!--
function blendimage(divid, imageid, imagefile, millisec) {
var speed = Math.round(millisec / 100);
var timer = 0;
//set the current image as background
document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
//make image transparent
changeOpac(0, imageid);
//make new image
document.getElementById(imageid).src = imagefile;
//fade in image
for(i = 0; i <= 100; i++) {
setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
timer++;
}
}
//-->
</script>
</head>
<body>
<div onMouseOver="javascript:blendimage('blenddiv','blendimage','bilder/6020-40.jpg','200')">bja</div><br>
<br>
<center>
<div style="background-image: url(bilder/grund.jpg); background-repeat: no-repeat; width: 350px; height: 446px;" id="blenddiv">
<img src="bilder/grund.jpg" style="width: 350px; height: 446px; border: 0 none; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;" id="blendimage" alt="">
</div>
blendtrans är på 70 rader, kan maila över eller posta det här om det behvös.. !
Tack på förhand!Sv: onMouseover problem i FF
Jag antar att detta är en anpassning till IE där man kan komma åt ett element genom att använda dess id direkt, utan att gå via getElementById().Sv:onMouseover problem i FF
Sv: onMouseover problem i FF
Sv:onMouseover problem i FF
Sv: onMouseover problem i FF
mv icaaq
){kind=link}