Brug af document objekt
Jeg vil gerne gemme document.button6 (button6 er navnet på en knap i html-koden) i en variabel, så jeg kan bruge den i en anden funktion, men dette kan jeg ikke få til at virke. Min javascript kode følger. Læg mærke til funktionen mouseOverRoutine og funktionen animate. Hvis jeg sletter alt det med buttonName, og istedet indsætter document.button6 i animate-funktionen virker det (men jeg skal bruge det andet til senere kodning). Er der nogen der kan hjælpe?<script>
<!--
var frame = 0;
var button6Up = new Image;
button6OverArray = new Array(3);
var buttonName;
var buttonArray;
var timeout_state = null;
window.onload = function() {
button6Up.src = "images/06.jpg";
for(var i = 0; i < button6OverArray.length; i++) {
button6OverArray[i] = new Image;
button6OverArray[i].src = "images/06_0" + i + ".jpg";
}
}
function mouseOutRoutine() {
clearTimeout(timeout_state);
timeout_state = null;
document.button6.src = button6Up.src;
}
function mouseOverRoutine(buttonName) {
frame = 0;
buttonName = document.button6; //Dette virker ikke
buttonArray = button6OverArray;
animateButton();
}
function animateButton() {
buttonName.src = buttonArray[frame].src; /*Ellers virker dette ikke*/
frame++;
if(frame < 3) {
timeout_state = setTimeout("animateButton()", 100);
}
}
-->
</script>
Og her er den væsentlige del af min html kode:
<a href="http://www.kulkafeen.com" onmouseover="mouseOverRoutine('button6')" onmouseout="mouseOutRoutine()"><img border="0" src="images/06.jpg" name="button6" /></a>
