Florian: Pull-Down-Menu

SELF-Forum

Pull-Down-Menu

Florian
– Informationen zu den Bewertungsregeln

Code:
function init() {
        if (n) {
         drop1 = document.pull1; drop2 = document.pull2;
         drop3 = document.pull3;drop4 = document.pull4;
         drop5 = document.pull5;drop6 = document.pull6;
         }
  if (ie) {
   drop1 = pull1.style; drop2 = pull2.style;
   drop3 = pull3.style; drop4 = pull4.style;
   drop5 = pull5.style; drop6 = pull6.style;
  }
}

function showpull1() {
         if (n) {drop1.visibility = "show";}
   if (ie) {drop1.visibility = "visible";}
}

function showpull2() {
   if (n) {drop2.visibility = "show";}
   if (ie) {drop2.visibility = "visible";}
}
function showpull3() {
         if (n) {drop3.visibility = "show";}
   if (ie) {drop3.visibility = "visible";}
}
function showpull4() {
         if (n) {drop4.visibility = "show";}
   if (ie) {drop4.visibility = "visible";}
}
function showpull5() {
         if (n) {drop5.visibility = "show";}
   if (ie) {drop5.visibility = "visible";}
}
function showpull6() {
         if (n) {drop6.visibility = "show";}
   if (ie) {drop6.visibility = "visible";}
}

function hideothers1() {
  if (n) {
   drop2.visibility = "hide";
   drop3.visibility = "hide";
   drop4.visibility = "hide";
   drop5.visibility = "hide";
   drop6.visibility = "hide";}
  if (ie) {
   drop2.visibility = "hidden";
   drop3.visibility = "hidden";
   drop4.visibility = "hidden";
   drop5.visibility = "hidden";
   drop6.visibility = "hidden";
   }

}
function hideothers2() {
  if (n) {
   drop1.visibility = "hide";
   drop3.visibility = "hide";
   drop4.visibility = "hide";
   drop5.visibility = "hide";
   drop6.visibility = "hide";}
  if (ie) {
   drop1.visibility = "hidden";
   drop3.visibility = "hidden";
   drop4.visibility = "hidden";
   drop5.visibility = "hidden";
   drop6.visibility = "hidden";
   }

}
function hideothers3() {
  if (n) {
   drop2.visibility = "hide";
   drop1.visibility = "hide";
   drop4.visibility = "hide";
   drop5.visibility = "hide";
   drop6.visibility = "hide";}
  if (ie) {
   drop2.visibility = "hidden";
   drop1.visibility = "hidden";
   drop4.visibility = "hidden";
   drop5.visibility = "hidden";
   drop6.visibility = "hidden";
   }

}
function hideothers4() {
  if (n) {
   drop2.visibility = "hide";
   drop3.visibility = "hide";
   drop1.visibility = "hide";
   drop5.visibility = "hide";
   drop6.visibility = "hide";}
  if (ie) {
   drop2.visibility = "hidden";
   drop3.visibility = "hidden";
   drop1.visibility = "hidden";
   drop5.visibility = "hidden";
   drop6.visibility = "hidden";
   }

}
function hideothers5() {
  if (n) {
   drop2.visibility = "hide";
   drop3.visibility = "hide";
   drop4.visibility = "hide";
   drop1.visibility = "hide";
   drop6.visibility = "hide";}
  if (ie) {
   drop2.visibility = "hidden";
   drop3.visibility = "hidden";
   drop4.visibility = "hidden";
   drop1.visibility = "hidden";
   drop6.visibility = "hidden";
   }

}
function hideothers6() {
  if (n) {
   drop2.visibility = "hide";
   drop3.visibility = "hide";
   drop4.visibility = "hide";
   drop5.visibility = "hide";
   drop1.visibility = "hide";}
  if (ie) {
   drop2.visibility = "hidden";
   drop3.visibility = "hidden";
   drop4.visibility = "hidden";
   drop5.visibility = "hidden";
   drop1.visibility = "hidden";
   }

}

//-->
</script>

<STYLE>
#menu1 {
LEFT: 0px; POSITION: relative; TOP: 0px; z-index:2
}
#menu2 {
LEFT: 0px; POSITION: relative; TOP: 0px; z-index:2
}
#menu3 {
LEFT: 0px; POSITION: relative; TOP: 0px; z-index:2
}
#menu4 {
LEFT: 0px; POSITION: relative; TOP: 0px; z-index:2
}
#menu5 {
LEFT: 0px; POSITION: relative; TOP: 0px; z-index:2
}
#menu6 {
LEFT: 0px; POSITION: relative; TOP: 0px; z-index:2
}
#pull1 {
VISIBILITY: hidden; LEFT: 0px; POSITION: relative; TOP: -100px; z-index:2
}
#pull2 {
VISIBILITY: hidden
}
#pull3 {
VISIBILITY: hidden
}
#pull4 {
VISIBILITY: hidden
}
#pull5 {
VISIBILITY: hidden
}
#pull6 {
VISIBILITY: hidden
}
</STYLE>
</head>
<body>
...
HIER STEHT DAS MENU
<table bgcolor=yellow width=786>
<tr>
  <td>
   <DIV id=menu1>
    <A onmouseover=showpull1();hideothers1() href="">
    Top-Themen</A>
   </DIV>
  </td>
  <td>
   <DIV id=menu2>
    <A onmouseover=showpull2();hideothers2() href="">
    Alle Themen</A>
   </DIV>

</td>
  <td>
   <DIV id=menu3>
    <A onmouseover=showpull3();hideothers3() href="">
    Gesundheitsbereiche</A>
   </DIV>
  </td>
  <td>
   <DIV id=menu4>
    <A onmouseover=showpull4(menu4.style.left);hideothers4() href="">
    Adressen</A>
   </DIV>
  </td>
  <td>
   <DIV id=menu5>
    <A onmouseover=showpull5();hideothers5() href="">
    Shop</A>
   </DIV>
  </td>
  <td>
   <DIV id=menu6>
    <A onmouseover=showpull6();hideothers6() href="">
    Kontakt</A>
   </DIV>
  </td>
</tr>
</table>
<table>
<tr>
<td><DIV id=pull1>1</td>
<td><DIV id=pull2>2</td>
<td><DIV id=pull3>3</td>
<td><DIV id=pull4>4</td>
<td><DIV id=pull5>5</td>
<td><DIV id=pull6>6</td>
</tr>
</table>
Text
Frage:
Wie erreiche ich, dass die Pulldown-Menus den text überlappen? und nicht drüberstehen?

Besten Dank
Florian

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Pull-Down-Menu

    Nico Odrich
    – Informationen zu den Bewertungsregeln

    Guck mal unter http://www.pistenplan.de !
    Das Menü ist Pulldown für NS und IE

    Quelltext schicke ich dann per E-Mail

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. (ZU DIESEM FORUM) Workshop | Heute: Der Aufbau eines Postings

    Alexander Kleinjung
    – Informationen zu den Bewertungsregeln

    (I)      Hallo Florian,
             hallo an alle, die gerne posten möchten,

    (II)     offenbar ist es doch schwerer, als man(n) glauben sollte.
             Deshalb hier die SELF-Anleitung, wie man richtig postet:

    (III)    1. Zuerst wählt man/frau einen wirklich aussagefähigen
                Titel, der die Fragestellung _konkret_ umschreibt.

    2. Und nun der ganz schwere Teil:
                Der Aufbau des Postings selbst.

    I.    Eine Anrede, zB "Hallo", "Guten Tag", "Hi Leute", pp.

    II.   Kurze Beschreibung des Problems, quasi als Summary, und
             vergleichbar dem ersten Absatz eines Zeitungsartikels, in
             dem zusammengefasst wird, um was es geht.

    III.  Die detaillierte Problemschilderung, ggf. auch mit Quell-
             code in AUSZÜGEN.

    Wenn ich zB wie im konkreten Fall wissen will, wie ich
             dieses und jenes bei einem Pull-Down-Menu erreiche, ist es
             _absolut_ nicht erforderlich, den ganzen Sourcecode zu
             posten, zumal dann, wenn die einzelnen Menüs eh nach dem
             selben Prinzip aufgebaut sind.

    Das SELF-Prinzip gebietet und unterstellt, dass der/die
             Fragende nach Beantwortung der Frage in der Lage ist, die
             gewonnenen Erkenntnisse auch auf weitere Problemstellungen
             gleicher Art zu übertragen.

    Wenn ich zB wissen will, wie ich einen nicht-unterstrichenen
             Link hinbekomme, muss ich auch nicht den ganzen Seiten-Code
             posten, weil der Link zum Bild meiner Katze nach der selben
             Methode angelegt wird wie der Link zur Diätrezeptsammlung
             von Tante Jutta ;-)

    IV.   Nach dem Hauptteil vielleicht noch ein, zwei persönliche
             Sätze wie "besten Dank für Eure Hilfe" oder "bitte ganz
             schnell antworten, weil Tante Jutta ihre Rezepte heute abend
             online haben will, wenn ihr sahnetortefressendendes Kaffee-
             kränzchen erneut zusammentreten wird".

    (ist also _optional_)

    V.    Ein Abschluss, zB "Viele Grüsse", "SELFI heil!", "HTML zum
             Grusse" oder "In ewiger Dankbarkeit", versehen mit dem
             Real- oder Nickname des/der Posters/Posterin.

    Rn. 1 Die Punkte I, IV und V zeugen von Sozialverhalten (es platzt
             ja auch keiner an den Bankschalter und ruft "Tausend in cash
             und das pronto" (okay, soll vorkommen, bevorzugt von Kunden,
             die vor ihrem Bankbesuch einem Nylonstrumpf über ihr edles
             Haupt ziehen). Ob es sinnvoll ist oder nicht, wurde an
             dieser Stelle dutzendfach diskutiert; vgl. Archiv.

    Rn. 2 Eine Summary des Problems (II.) erleichtert dem Lesenden und
             potentiell Antwort- und Hlfewilligen, sich in die Materie
             reinzudenken.

    Rn. 3 Und Code zu posten, der für die Beurteilung der Frage nicht
             erforderlich ist, führt nur dazu, dass man/frau am Ende vor
             lauter Bäumen den Wald nicht mehr sieht und irgendwann
             keinen Bock mehr hat, sich weiter durch das Posting zu
             quälen.

    vgl. hierzu bitte auch die Forums-FAQ.

    (IV)     So, Leuts, dieses Postinmg jetzt bitte nicht allzu ernst
             sondern eher als Denkanstoss nehmen ;-) Und vielleicht als
             Beispiel in die Forums-FAQ einbinden *frechgrins*

    (V)      Einen schönen Abend noch & viele Grüsse
             Alex

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. (ZU DIESEM FORUM) Workshop | Heute: Der Aufbau eines Postings

      Chräcker Heller
      – Informationen zu den Bewertungsregeln

      Hallo,

      wunderbar, wunderbar wunderbar ;-)

      <Klugscheissermodus>

      IV.   Nach dem Hauptteil vielleicht noch ein, zwei persönliche
               Sätze wie "besten Dank für Eure Hilfe" oder "bitte ganz
               schnell antworten, weil Tante Jutta ihre Rezepte heute

      »»          abend online haben will

      an alle Anfänger im Fragen. Letzteres ("bitte ganz schnell....") nicht tun. Das führt bei manchen potentiellen Antwortern zu einer plötzlichen Verlangsamung des Fingers kurz vor dem drücken der Maustaste bis zum vollkommenen Einfrieren der Hand einen Milimeter über der Mmaustaste - und somit wird die Ttaste nicht gedrückt, und der Browsaer registriert kein Beben des Mauspfeiles über dem Button "Nachricht absenden" und die Antwort wird, wer hätte das gedacht, nicht abgesendet....

      </Klugscheissermodus>

      Chräcker

      http://www.chraecker.de/stempel

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. (ZU DIESEM FORUM) Workshop | Heute: Der Aufbau eines Postings

      Matti Mäkitalo
      – Informationen zu den Bewertungsregeln

      Hallo Florian

      Wenn ich zB wissen will, wie ich einen nicht-unterstrichenen
               Link hinbekomme, muss ich auch nicht den ganzen Seiten-Code
               posten, weil der Link zum Bild meiner Katze nach der selben
               Methode angelegt wird wie der Link zur Diätrezeptsammlung
               von Tante Jutta ;-)

      Lass doch hier den Smiley weg, dann isses _fast_ perfekt

      (IV)     So, Leuts, dieses Posting jetzt bitte nicht allzu ernst
               sondern eher als Denkanstoss nehmen ;-) Und vielleicht als
               Beispiel in die Forums-FAQ einbinden *frechgrins*

      Warum nicht ernstnehmen? Ich finde es perfekt...

      Ci@o Matti

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln