Hallo Profis
Ich habe ein Script mit dem man Layer und deren Inhalt sichtbar macht(bei mouseover), aber in NE6 funktioniert das nicht;-(
Hier mein Script:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title></title>
<SCRIPT LANGUAGE="JavaScript">
if (document.layers) {
ns = 1; ie = 0;
} else {
ns = 0; ie = 1;
}
var i = 1;
var test = "Ebene";
function zeigeBildNr(bild_nr){
verbergen(eval('"' + test + i +'"'));
zeigen(eval('"' + test + bild_nr +'"'));
i = bild_nr;
}
function zeigen(name) {
if (ns) {
document.layers[''+name].visibility = "show";
}
else {
document.all[''+name].style.visibility = "visible"
}
}
function verbergen(name) {
if (ns){
document.layers[''+name].visibility = "hide"
}
else {
document.all[''+name].style.visibility = "hidden"
}
}
</SCRIPT>
<style media="screen" type="text/css"><!--
#Ebene1 { position: absolute; top: 35px; left: 0px; width: 78px; visibility: hidden }
#Ebene2 { position: absolute; top: 35px; left: 78px; width: 125px; visibility: hidden }
#Ebene3 { position: absolute; top: 35px; left: 203px; width: 137px; visibility: hidden }
--></style>
</head>
<body background="Image/navi.jpg" leftMargin="0" marginHeight="0" marginWidth="0" topMargin="0">
<div align="left">
<img src="Image/blank.gif" width="795" height="32" border="0" usemap="#blank">
<p></p>
<p></p>
<p></p>
<div id="Ebene1">
<img src="Image/11.jpg" width="78" height="15" border="0"><a href="http://www.crossmediagroup.ch" target="_blank"><img src="Image/12.jpg" width="78" height="38" border="0"></a></div>
<div id="Ebene2">
<a href="portofolio1.cfm" target="main"><img src="Image/21.jpg" width="125" height="14" border="0"></a><a href="case_studies1.cfm" target="main"><img src="Image/22.jpg" width="125" height="39" border="0"></a></div>
<div id="Ebene3">
<a href="portofolio2.cfm" target="main"><img src="Image/31.jpg" width="137" height="14" border="0"></a><a href="case_studies2.cfm" target="main"><img src="Image/32.jpg" width="137" height="39" border="0"></a></div>
<map name="blank"><area shape="rect" coords="209,0,342,31" href="#" onmouseover="zeigeBildNr(3); return false"><area shape="rect" coords="4,0,81,31" href="#" onmouseover="zeigeBildNr(1); return false" ><area shape="rect" coords="87,0,204,31" href="#" onmouseover="zeigeBildNr(2); return false"></map>
</body>
</html>
Ich habe ein Script mit dem man Layer und deren Inhalt sichtbar macht(bei mouseover), aber in NE6 funktioniert das nicht;-(
Hier mein Script:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title></title>
<SCRIPT LANGUAGE="JavaScript">
if (document.layers) {
ns = 1; ie = 0;
} else {
ns = 0; ie = 1;
}
var i = 1;
var test = "Ebene";
function zeigeBildNr(bild_nr){
verbergen(eval('"' + test + i +'"'));
zeigen(eval('"' + test + bild_nr +'"'));
i = bild_nr;
}
function zeigen(name) {
if (ns) {
document.layers[''+name].visibility = "show";
}
else {
document.all[''+name].style.visibility = "visible"
}
}
function verbergen(name) {
if (ns){
document.layers[''+name].visibility = "hide"
}
else {
document.all[''+name].style.visibility = "hidden"
}
}
</SCRIPT>
<style media="screen" type="text/css"><!--
#Ebene1 { position: absolute; top: 35px; left: 0px; width: 78px; visibility: hidden }
#Ebene2 { position: absolute; top: 35px; left: 78px; width: 125px; visibility: hidden }
#Ebene3 { position: absolute; top: 35px; left: 203px; width: 137px; visibility: hidden }
--></style>
</head>
<body background="Image/navi.jpg" leftMargin="0" marginHeight="0" marginWidth="0" topMargin="0">
<div align="left">
<img src="Image/blank.gif" width="795" height="32" border="0" usemap="#blank">
<p></p>
<p></p>
<p></p>
<div id="Ebene1">
<img src="Image/11.jpg" width="78" height="15" border="0"><a href="http://www.crossmediagroup.ch" target="_blank"><img src="Image/12.jpg" width="78" height="38" border="0"></a></div>
<div id="Ebene2">
<a href="portofolio1.cfm" target="main"><img src="Image/21.jpg" width="125" height="14" border="0"></a><a href="case_studies1.cfm" target="main"><img src="Image/22.jpg" width="125" height="39" border="0"></a></div>
<div id="Ebene3">
<a href="portofolio2.cfm" target="main"><img src="Image/31.jpg" width="137" height="14" border="0"></a><a href="case_studies2.cfm" target="main"><img src="Image/32.jpg" width="137" height="39" border="0"></a></div>
<map name="blank"><area shape="rect" coords="209,0,342,31" href="#" onmouseover="zeigeBildNr(3); return false"><area shape="rect" coords="4,0,81,31" href="#" onmouseover="zeigeBildNr(1); return false" ><area shape="rect" coords="87,0,204,31" href="#" onmouseover="zeigeBildNr(2); return false"></map>
</body>
</html>