Tach,
habe auf folgender Website Probleme mit dem Menüpunkt "Produkte":
http://www.schleifland.de/home/home.htm
Beim IE funkt das aufklappbare Menü, beim FF leider nicht. Habe den Code aus einem DHTML-Buch. Weiss auch nicht, ob der Code schon veraltet ist.
Hier ist mal die Javascript-Funktion und die CSS-Klassen:
<script language="JavaScript">
<!--
var anfangHoehe=140;
var hoehe=20;
var anzahl=8;
function ausklappen(Nr,LHoehe)
{
var i=0;
if(document.all)
{
//alle Grafiken zurücksetzten
//alle Listen ausblenden
for(i=1;i<=anzahl;i++)
{
document.all('E0'+i).className="E0"+i;
document.all('E0'+i+'L').className="E0"+i+"L";
document.all('E0'+i).style.top=anfangHoehe+((i-1)*hoehe);
}
//Bild austauschen
document.all('E0'+Nr).className="E0"+Nr+"S";
//Liste einblenden
document.all('E0'+Nr+'L').className="E0"+Nr+"LS";
document.all('E0'+Nr+'L').height=LHoehe-5;
//alle nachfolgenden Bereiche verschieben.
for(i=Nr+1;i<=anzahl;i++)
{
document.all('E0'+i).style.top=anfangHoehe+((i-1)*hoehe)+LHoehe;
}
}
}
//-->
</script>
<style type="text/css">
<!--
.E01,.E02,.E03,.E04,.E05,.E06,.E07,.E08,.E01S,.E02S,.E03S,.E04S,.E05S,.E06S,.E07S,.E08S
{position:absolute; width:130px; height:20px; padding:2px; left:0px;
font-family:Arial,Helvetica,Verdaba,Tahoma;
text-align:left; text-indent:10px;}
.E01,.E01S{top:140px}
.E02,.E02S{top:160px}
.E03,.E03S{top:180px}
.E04,.E04S{top:200px}
.E05,.E05S{top:220px}
.E06,.E06S{top:240px}
.E07,.E07S{top:260px}
.E08,.E08S{top:280px}
.E01L,.E01LS,.E02L,.E02LS,.E03L,.E03LS,.E04L,.E04LS,.E05L,.E05LS,.E06L,.E06LS,.E07L,.E07LS,.E08L,.E08LS
{align: right; position:absolute; width:102px; left: 30px;}
.E01L{visibility:hidden; top:170px;}
.E02L{visibility:hidden; top:190px;}
.E03L{visibility:hidden; top:220px;}
.E04L{visibility:hidden; top:220px;}
.E05L{visibility:hidden; top:240px;}
.E06L{visibility:hidden; top:260px;}
.E07L{visibility:hidden; top:280px;}
.E08L{visibility:hidden; top:300px;}
.E01LS {visibility:show; top:170px;}
.E02LS {visibility:show; top:190px;}
.E03LS {visibility:show; top:210px;}
.E04LS {visibility:show; top:220px;}
.E05LS {visibility:show; top:240px;}
.E06LS {visibility:show; top:260px;}
.E07LS {visibility:show; top:280px;}
.E08LS {visibility:show; top:300px;}
ul {list-style:square;}
-->
</style>
Der Aufruf der Funktion kommt dann weiter unten:
...a href="javascript:ausklappen(4,57)" class="text_navi">Produkte</a...
Wär echt korrekt, wenn mir da jemand weiterhelfen könnte!!
Gruß Waldi