Hallo
Ein Menü soll ein paar Optionen untereinander darstellen, jeweis wird eine Seite geöffnet und den geöffneten Punkt hervorheben.
Also erstell ich mir folgendes in einer css-Datei eingefügt:
.bereich {background-color:transparent}
.offen {background: #ffffff url('Bilder/BereichOffen.gif') no-repeat; cursor:default; border:medium none }
.AbstandO {background-color: #ffffff}
Und in einer Java-Datei eine Schleife:
function BereichMenue(MIndex)
{
for (var i = 0; i < parent.MenueCtl.length; i++) {
if (i != MIndex)
{
parent.MenueCtl(i).className = 'bereich';
parent.AbstandX(i).classname = 'bereich';
parent.AbstandY(i).classname = 'bereich';
parent.AbstandYY(i).classname = 'bereich';
{parent.MenueCtl(i).onmouseover = function(){ this.className='besucht'; };}
{parent.MenueCtl(i).onmouseout = function(){ this.className='bereich'; };}
}
else
{
parent.MenueCtl(MIndex).className = 'offen';
parent.AbstandX(MIndex).className = 'AbstandO';
parent.AbstandY(MIndex).className = 'AbstandO';
parent.AbstandYY(MIndex).className = 'AbstandO';
parent.MenueCtl(MIndex).onmouseover = '';
parent.MenueCtl(MIndex).onmouseout = '';
}
}
}
Die Felder bestehen aus einem Rahmen und einem Hauptfeld. Das Formatieren des Hauptfeldes funktioniert einwandfrei mit background-color:transparent. Umrahmt wird dieses Hauptfeld von drei weiteren Feldern und eines davon besitzt auch einen Rahmen. Und die Ränder um das Hauptfeld bleiben einfach stehen.
Danke Gruß Andreas