NEINNNN!!! Nicht schon wieder!!!
<html>
<head>
<style>
div{position:absolute;font-Family:verdana;font-Size:13px;font-weight:bold;left:20px;visibility:hidden}
.m{background-Color:yellow;}
.s{background-Color:lightblue;}
.u{background-Color:lightgreen;}
.uu{background-Color:orange;}
a{text-decoration:none;}
</style>
<script>
var dl=document.layers,dt=document.getElementsByTagName;
var h=17;
var v=void(0);
function D(d){return D.arguments.length==0?dt?document.getElementsByTagName('div'):dl:dt?document.getElementsByTagName('div')[d].style:dl[d];};
function V(v){return D(v).visibility=='visible'||D(v).visibility=='show';};
function T(t){return dl?D(t).top:D(t).top.toString().replace(/px/,'')*1;};
function MM(m,mm){if(V(m))M(m,mm);};
function M(m,mm,ma,me)
{if(M.arguments.length==4)MM(ma,me);
for(i=m;i<=mm;i++)
{if(!(i>=ma&&i<=me))
{D(i).visibility=V(i)?'hidden':'visible';
D(i).top=T(m-1)+(i-m+1)*h;
for(j=mm+1;j<25;j++)D(j).top=V(i)?T(j)+h:T(j)-h;
if(i>me)D(i).top=T(i)-((me-ma)+1)*h;
};
};
};
</script>
</head>
<body>
</body>
<div style='top:20;visibility:visible' class=m><a href='#' onclick='M(1,8,2,7),M(v,v,2,7),M(v,v,4,5)' onfocus='this.blur()'>m 1</a></div>
<div class=s><a href='#' onclick='M(2,7,4,5),M(v,v,4,5)' onfocus='this.blur()'>m1 s1</a></div>
<div class=u>m1 s1 u1</div>
<div class=u><a href='#' onclick='M(4,5)' onfocus='this.blur()'>m1 s1 u2</a></div>
<div class=uu>m1 s1 u2 uu1</div>
<div class=uu>m1 s1 u2 uu2</div>
<div class=u>m1 s1 u3</div>
<div class=u>m1 s1 u4</div>
<div class=s>m1 s2</div>
<div style='top:37;visibility:visible' class=m><a href='#' onclick='M(10,15,11,13),M(v,v,13,13),M(v,v,15,15)' onfocus='this.blur()'>m 2</a></div>
<div class=s><a href='#' onclick='M(11,13,13,13),M(v,v,13,13)' onfocus='this.blur()'>m2 s1</a></div>
<div class=u>m2 s1 u1</div>
<div class=u><a href='#' onclick='M(13,13)' onfocus='this.blur()'>m2 s1 u2</a></div>
<div class=uu>m2 s1 u2 uu1</div>
<div class=s><a href='#' onclick='M(15,15)' onfocus='this.blur()'>m2 s2</a></div>
<div class=u>m2 s2 u1</div>
<div style='top:54;visibility:visible' class=m><a href='#' onclick='M(17,20)' onfocus='this.blur()'>m 3</a></div>
<div class=s>m3 s1</div>
<div class=s>m3 s2</div>
<div class=s>m3 s3</div>
<div class=s>m3 s4</div>
<div style='top:71;visibility:visible' class=m><a href='#' onclick='M(22,24)' onfocus='this.blur()'>m 4</a></div>
<div class=s class=s>m4 s1</div>
<div class=s>m4 s2</div>
<div class=s>m4 s3</div>
<div style='font-size:234;left:160;visibility:visible;'>HA!</div>
</html>
Mist, jetzt kannst Du natürlich die Einrückungen nicht sehen......
In opera kann's vorkommen (zB.opera 6.0 unter windows 2000), daß der
ein bissel muckt, wenn man zu viele Unterpunkte gleichzeitig öffnen will,
weshalb man zuvor andre wieder schliessen muß. Komischerweise ist das in
opera 6.01 unter win98 wiederum nicht der Fall.
Der NN4.5 zeigt das letzte div nicht an, weil er statt der Angabe font-Size
lieber fontSize haben möchte..... - What should I say?
Es ist nicht grade bequem zu editieren, weswegen ich mich mal an eine
Array-Lösung machen werde (wahrscheinlich per Id).
Ich hab' bloß momentan nicht allzuviel Zeit übrig, weswegen das aweng
dauern kann.
Und eigentlich kann man's auch so verwenden, wenn man nicht
jeden Tag neue Inhalte einfügen muß.
gruß
matho
<small>[ 13-03-2002, 19:05: Beitrag editiert von: matho ]</small>