sk8mad: PullDown Menü

SELF-Forum

PullDown Menü

sk8mad
– Informationen zu den Bewertungsregeln

Hy Leute,

Ich brauch noch mal eure Hilfe ! Mein Script besteht aus 3 PullDown
Menüs ! Mein Problem: das erste soll sich wieder schließen wenn das zweite geöffnet
wird usw. !! Bitte helft mir !

<style type="text/css">
<!--

.Menu1 {
margin-left: 5;
background-color:DFFDD;
}

.Menu2 {
margin-left: 25;
background-color:FFFFDD;
}

-->
</style>

<script language="JavaScript">

// Klick-Event bearbeiten
function clickHandler(nr)
{
document.all['U' + nr].style.display =
(document.all['U' + nr].style.display == 'none') ?
'':'none';
}

</script>

<body>

<div id="Menu">

<p id="M1" class="Menu1">
<a href="" onClick="clickHandler(1);return false">
Menü 1
</a>
</p>

<p id="U1" class="Menu2">
erster Unterpunkt<br>
zweiter Unterpunkt<br>
dritter Unterpunkt<br>
</p>

<p id="M2" class="Menu1">
<a href="" onClick="clickHandler(2);return false">
Menü 2
</a>
</p>

<p id="U2" class="Menu2">
erster Unterpunkt<br>
2. Unterpunkt<br>
3.Unterpunkt<br>
4. Unterpunkt<br>
</p>

<p id="M3" class="Menu1">
<a href="" onClick="clickHandler(3);return false">
Menü 3
</a>
</p>

<p id="U3" class="Menu2">
erster Unterpunkt<br>
2. Unterpunkt<br>
</p>

</div>

</body>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. PullDown Menü

    ole Homepage des Autors
    – Informationen zu den Bewertungsregeln

    moin

    das hättest du aber ruhig an deinen thread dranhängen können :)
    ich hab das mal so gelösst:

    -----------------------------------------------

    <html>
    <head>
    <title>Untitled</title>

    <script language="JavaScript" type="Text/JavaScript">
    function MM_findObj(n, d) { //v3.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
    }

    function MM_showHideLayers() { //v3.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
        obj.visibility=v; }
    }
    </script>

    </head>

    <body bgcolor="#FFE400" leftmargin=0 rightmargin=0 marginwidth=0 topmargin=5>

    <div align="left" style="position:absolute; top:50; left:0px">
    <img src="headtile.jpg" width="100%" height="42" border="0" alt="">
    </div>

    <div align="left" style="position:absolute; top:50; left:0px">
    <img src="headline.jpg" width="444" height="42" border="0" alt="">
    </DIV>

    <div  align=right style="position:absolute; top:5; right:10px">
    <a href="#" onClick="MM_showHideLayers('L1','','show'); MM_showHideLayers('L2','','hide');"><img src="info_no.jpg" width="40" height="40" border="0" alt=""></a>
    <a href="#" onClick="MM_showHideLayers('L2','','show'); MM_showHideLayers('L1','','hide');"><img src="world_no.jpg" width="40" height="40" border="0" alt=""></a>
    <a href="#" onClick="MM_showHideLayers('L3','','show')"><img src="movie_no.jpg" width="40" height="40" border="0" alt=""></a>
    <a href="#" onClick="MM_showHideLayers('L4','','show')"><img src="contact_no.jpg" width="40" height="40" border="0" alt=""></a>
    </div>

    <div id="L1" style="position:absolute; top:93; right:0px; visibility: hidden">
    <a href="#" onClick="MM_showHideLayers('L1','','hide')"><img src="info_lt.jpg" width="150" height="150" border="0" alt=""></a>
    </div>

    <div id="L2" style="position:absolute; top:93; right:0px; visibility: hidden">
    <a href="#" onClick="MM_showHideLayers('L2','','hide')"><img src="world_lt.jpg" width="150" height="150" border="0" alt=""></a>
    </div>
    <div id="L3" style="position:absolute; top:93; right:0px; visibility: hidden">
    <a href="#" onClick="MM_showHideLayers('L3','','hide')"><img src="movie_lt.jpg" width="150" height="150" border="0" alt=""></a>
    </div>
    <div id="L4" style="position:absolute; top:93; right:0px; visibility: hidden">
    <a href="#" onClick="MM_showHideLayers('L4','','hide')"><img src="contact_lt.jpg" width="150" height="150" border="0" alt=""></a>
    </div>
    </body>
    </html>

    -----------------------------------------------

    kannst dir ja so umbauen wie dus brauchst.

    alles liebe
    ole
    (8-)>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. PullDown Menü

      rob
      – Informationen zu den Bewertungsregeln

      aha. aha. so hast du das also gelöst.
      scheint mir nicht so. scheint mir so, als hätte fireworks oder ähnliches das für dich gelöst. der quellcode ist doch grauenhaft, kann man ja niemandem zeigen...

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. PullDown Menü

        ole Homepage des Autors
        – Informationen zu den Bewertungsregeln

        nabend

        muss dich leider enttäuschen, ist alles handgeschrieben im editor, allerdings nur eine test-seite, daher die etwas unausgereifte struktur

        wozu rechtfertige ich mich überhaupt? *kopfkratz*

        alles liebe
        ole
        (8-)>

        ps: machs besser bzw. bring was konstruktives

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln