• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Flackerndes Menü

Lethe

New member
folgender code

*********************************
<script language="javascript">
<!--

function klippklapp(x) {
if (x.style.display=='none'){
x.style.display='';
}
else{
x.style.display='none'
}
}
-->
</script>
**********************************

und später im body

*********************************

<span onClick="klippklapp(sub1)" >Kategorie 1</span><br>

<span id="sub1" style="display:'none'" onmouseout="klippklapp(sub1)">
<a href="irgendwas1" target="_blank">Irgendwasanderes1</a><br>
<a href="irgendwas2" target="_blank">Irgendwasanderes2</a><br>
</span>

<span onClick="klippklapp(sub2)" >Kategorie 2</span><br>

<span id="sub2" style="display:'none'" onmouseout="klippklapp(sub2)">
<a href="irgendwas3" target="_blank">Irgendwasanderes3</a><br>
<a href="irgendwas4" target="_blank">Irgendwasanderes4</a><br>
</span>
***********************************************

ist der kern eines autokollaps/expand-menüs
klappt wunderbar, nur: wenn ich die maus über den untermenüs bewege, flackern diese.
wieso? any idea would be appreciated
 
ich würd sagen, wenn eine neue zeile angefangen wird egeal ob span div table oder sonstwiewo, is da mindestens eine pixel-reihe oder was weiß ich, die nicht wirklich zum span~, div~, table-tag gehört und so das mouseout aufruft. (anders kann ich mir das nich erklären :/ )

hab da so'ne kleine brücke eingebaut gebaut die die kurze zeit des übergangs zum nächsten link überbrückt...

sieht etwas umständlich aus, funktioniert aber (wie immer nur im ie getestet)
PHP:
<HTML>
<HEAD>
<script language="javascript"> 
<!-- 

function klippklapp(x,y){
newtype = new Array(1);
newtype[0] = x;
newtype[1] = y;

if (newtype[0].style.display=='none')
{ 
newtype[0].style.display='';
}else
{
setTimeout('headnuttv(newtype[0])',200)
}
}

function headnuttv(x)
{
if(newtype[1] == 'off'){
x.style.display='none';
}
}

function maketrue(y){
newtype[1] = y;
}

--> 
</script> 


</HEAD>
<BODY>


<span onClick="klippklapp(sub1)" >Kategorie 1</span><br> 

<span id="sub1" style="display:'none'" onmouseout="klippklapp(sub1,'off')" onmouseover="maketrue('on')">
<a href="irgendwas1" target="_blank">Irgendwasanderes1</a><br>
<a href="irgendwas2" target="_blank">Irgendwasanderes2</a><br>
</span>

<span onClick="klippklapp(sub2)" >Kategorie 2</span><br> 

<span id="sub2" style="display:'none'" onmouseout="klippklapp(sub2,'off')" onmouseover="maketrue('on')"> 
<a href="irgendwas3" target="_blank">Irgendwasanderes3</a><br> 
<a href="irgendwas4" target="_blank">Irgendwasanderes4</a><br> 
</span> 

</BODY>
</HTML>
 
hey, vielen dank; das ist ja gleich dreimal soviel, wie ich gehofft habe ...

ist aber doch schon komisch, daß diese ganzen spans, divs usw. anscheinend nicht flächenfüllend sind; ob das ein bug in der implementierung ist?

jedenfalls vielen dank nochmal
 
Zurück
Oben