navigation reollover med frames
Hej,jeg har en side med frames, hvor navigationen ligger i en frames og åbner så siderne i en anden frames = main.
Jeg kan ikke få mouseover til at virke som jeg gerne vil have, nemlig at der er mouseover på et lille ikon på alle links, altså de samme billeder bruges til alle links.
Samt at når jeg skifter side skal den forrige vende tilbage til 'normal' som alle andre links.
Mit kodeeksempel består bar her af 3 links, men omfatter flere end det:
-----------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<base target="main">
<link rel="stylesheet" href="css.css" type="text/css">
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImagesArray(array) {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<array.length; i+=2) {
document[array[i]].src = array[i+1];
}
}
}
function changeImages() {
changeImagesArray(changeImages.arguments);
}
function toggleImages() {
for (var i=0; i<toggleImages.arguments.length; i+=2) {
if (selected == toggleImages.arguments[i]) changeImagesArray(toggleImages.arguments[i+1]);
}
}
var selected = '';
var preloadFlag = false;
function preloadImages() {
if (document.images) {
knap_over = newImage("images/knap-over.gif");
knap_down = newImage("images/knap-down.gif");
knap_sel = newImage("images/knap-sel.gif");
preloadFlag = true;
}
}
// -->
</script>
</head>
<body background="images/bg_nav.gif" onload="preloadImages();">
<a href="indhold.html" target="main" class="ww"
onmouseover="toggleImages('', new Array('knap', 'images/knap-over.gif')); return true;"
onmouseout="toggleImages('knap', new Array('knap', 'images/knap-sel.gif'), '', new Array('knap', 'images/knap.gif')); return true;"
onmousedown="toggleImages('', new Array('knap', 'images/knap-down.gif')); return true;"
onmouseup="selected='knap'; changeImages('knap', 'images/knap-sel.gif'); return true;">
<img name="knap" src="images/knap.gif" width="20" height="20" border="0" alt="" /> Forside</a><br><br>
<a href="download.html" target="main" class="ww"
onmouseover="toggleImages('', new Array('knap', 'images/knap-over.gif')); return true;"
onmouseout="toggleImages('knap', new Array('knap', 'images/knap-sel.gif'), '', new Array('knap', 'images/knap.gif')); return true;"
onmousedown="toggleImages('', new Array('knap', 'images/knap-down.gif')); return true;"
onmouseup="selected='knap'; changeImages('knap', 'images/knap-sel.gif'); return true;">
<img name="knap" src="images/knap.gif" width="20" height="20" border="0" alt="" /> Downloads</a><br><br>
<a href="links.html" target="main" class="ww"
onmouseover="toggleImages('', new Array('knap', 'images/knap-over.gif')); return true;"
onmouseout="toggleImages('knap', new Array('knap', 'images/knap-sel.gif'), '', new Array('knap', 'images/knap.gif')); return true;"
onmousedown="toggleImages('', new Array('knap', 'images/knap-down.gif')); return true;"
onmouseup="selected='knap'; changeImages('knap', 'images/knap-sel.gif'); return true;">
<img name="knap" src="images/knap.gif" width="20" height="20" border="0" alt="" /> Links</a><br><br>
</body>
</html>
----------------------------------------------------
Kan nogle hjælpe med dette???
:-) nyst
