nicht angemeldet
wer kann mir helfen???
ich komm nich weiter....
ich möcht die navi leiste so haben, dass der mouseover auch durch nen mouseout wieder ausgeglichen wird, aber der onFocus aktiv bleibt, bis was anderes angeklickt wird....
einer ne idee????
danke im voraus
index:
<html>
<head>
<title>UIIc 02/03</title>
<link href="v03css/pilltbl_02.css" rel="stylesheet" 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) {
home_down = newImage("v03img/home_down.jpg");
home_over = newImage("v03img/home_over.jpg");
students_down = newImage("v03img/students_down.jpg");
students_over = newImage("v03img/students_over.jpg");
school_down = newImage("v03img/school_down.jpg");
school_over = newImage("v03img/school_over.jpg");
photos_down = newImage("v03img/photos_down.jpg");
photos_over = newImage("v03img/photos_over.jpg");
misc_down = newImage("v03img/misc_down.jpg");
misc_over = newImage("v03img/misc_over.jpg");
back_down = newImage("v03img/back_down.jpg");
back_over = newImage("v03img/back_over.jpg");
preloadFlag = true;
}
}
// -->
</script>
</head>
<body onload="preloadImages();">
<div id="TBtrig10"><a href="start.htm" target="frame"
onmouseover="toggleImages('', new Array('home', 'v03img/home_over.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onmouseout="#toggleImages('', new Array('home', 'v03img/home_down.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onFocus="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home_down.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;">
<img name="home" src="v03img/home_down.jpg" width="90" height="37" border="0" alt="home" /></a>
</div>
<div id="TBtrig20"><a href="students.htm" target="frame"
onmouseover="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students_over.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onmouseout="#toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students_down.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onFocus="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students_down.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;">
<img name="students" src="v03img/students.jpg" width="91" height="37" border="0" alt="students" /></a>
</div>
<div id="TBtrig30"><a href="school.htm" target="frame"
onmouseover="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school_over.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onmouseout="#toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school_down.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onFocus="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school_down.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;">
<img name="school" src="v03img/school.jpg" width="91" height="37" border="0" alt="our school" /></a>
</div>
<div id="TBtrig40"><a href="photos.htm" target="frame"
onmouseover="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos_over.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onmouseout="#toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos_down.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onFocus="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos_down.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;">
<img name="photos" src="v03img/photos.jpg" width="91" height="37" border="0" alt="photos" /></a>
</div>
<div id="TBtrig50"><a href="misc.htm" target="frame"
onmouseover="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc_over.jpg', 'back', 'v03img/back.jpg')); return true;"
onmouseout="#toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc_down.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
onFocus="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc_down.jpg', 'back', 'v03img/back.jpg')); return true;">
<img name="misc" src="v03img/misc.jpg" width="91" height="37" border="0" alt="misc" /></a>
</div>
</div><div id="TBtrig80"><a href="javascript:history.back()" target="frame"
onmouseover="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back_over.jpg')); return true;"
onmouseout="#toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back_down.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
>
<img name="back" src="v03img/back.jpg" width="100" height="37" border="0" alt="back" /></a>
</div>
<iframe width="1000" height="550" name="frame" src="start.htm" hspace="0" vspace="41" frameborder="0"></iframe>
</body>
</html>
pilltbl_02.css:
body {
margin: 0 0 0 0;
padding: 0px;
background-color: #FFFFFF;
background-image: url(../v03img/navi_bg.jpg);
background-repeat: repeat-x;
}
/*Menu Triggers and Sub Postioning*/
#TBtrig10, #TBtrig20, #TBtrig30, #TBtrig40, #TBtrig50, #TBtrig60, #TBtrig70, #TBtrig80 {
position: absolute;
top: 4px;
z-index: 300;
}
#TBtrig10 {width: 90px; left: 215px;}
#TBtrig20 {width: 91px; left: 305px;}
#TBtrig30 {width: 91px; left: 396px;}
#TBtrig40 {width: 91px; left: 487px;}
#TBtrig50 {width: 91px; left: 578px;}
#TBtrig80 {width: 100px; left: 669px;}