kostenloser Webspace werbefrei: lima-city


[php?]aufklapbares Menü

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    c*****o

    Ich suche nach ner M?glichkeit f?r ein aufklappbares Men?.
    Also wenn man zum Beispiel dann auf einen Schriftzug geht, soll sich ein ein kleines Feld da drunter anschlie?en, wo dann Links drin sind die man ganz normal anklicken kann.

    War das verst?ndlich?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Wie waers wenn du nach Flashbuttons/menues suchst? Da geht das aufjeden fall .. mit PHP bin ich nicht so bewandert .. schon mal auf
    http://www.selfphp.com/
    geguckt?
  4. t****y

    Mit PHP w?sste ich jetzt nicht, man k?nnte halt wenn $a eine 0 enth?lt nur den link anzeigen und wenn $a 1 enth?lt dann das Men? zeigen, aber dann m?sste man die Seite auch irgendwie reloaden (das w?re sicherlich auch eine noob-l?sung).
    Da ich selber zu Faul bin kannst du das ja selbst machen, hier ist denke ich sowas, was du meinst:
    http://www.ice-vs-all.de/v5/
    Musst nur in den Quelltext gucken und
    http://www.lima-city.de
    da auch nur in den Quelltext gucken ;)

    Wenn man hier auf einen Benutzernamen klickt ?ffnet sich ja auch ein Men?, sowas m?sste doch sein was du suchst?

    EDIT: Also es geht auf jedenfall mit Javascript!

    Beitrag ge?ndert am 16.08.2006 20:32 von t3remy
  5. sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    Ich suche nach ner M?glichkeit f?r ein aufklappbares Men?.
    Also wenn man zum Beispiel dann auf einen Schriftzug geht, soll sich ein ein kleines Feld da drunter anschlie?en, wo dann Links drin sind die man ganz normal anklicken kann.

    War das verst?ndlich?


    Also mit PHP ist sowas nicht m?glich, den PHP wird nicht auf dem PC des Users sondern bereits auf dem Server verarbeitet. Mit solchen Effekten ist also nicht viel.

    So ein Aufklappmen? kannst du z.B. mit JavaScript machen.
  6. Hi,
    ja das ist verst?ndlich. Aber das hat nichts mit php zu tun. Das funktioniert nur mit Javascript (oder vllt noch mit Flash). Zum Beispiel hier bei Lima-City gibt es so ein Men? aber zum klicken (bei jedem Benutzer). Hier ist der Code:

    <script language="javascript" type="text/javascript">
    function openmenu(id)
    {
    if(document.getElementById)
    {
    if(document.getElementById("menu" + id).style.display == "none")
    {
    document.getElementById("menu" + id).style.display = "inline";
    }
    else
    {
    document.getElementById("menu" + id).style.display = "none";
    }
    }
    }
    </script>
    <a href="javascript:void(0);" onmouseover="openmenu('1')" onmouseout="openmenu('1')">Link</a><div id="menu1" style="position:absolute;display:none;">Inhalt des Men?s</div>

    Falls du noch etwas brauchst, oder nicht weisst wie du es editieren sollst, einfach fragen.
    MfG
  7. Wie schon mehrfach gesagt wurde, ist JavaScript dein Freund. Ich verschieb's deshalb mal nach HTML & JavaScript

    MfG,
    thw
  8. Autor dieses Themas

    c*****o


    <script language="javascript" type="text/javascript">
    function openmenu(id)
    {
    if(document.getElementById)
    {
    if(document.getElementById("menu" + id).style.display == "none")
    {
    document.getElementById("menu" + id).style.display = "inline";
    }
    else
    {
    document.getElementById("menu" + id).style.display = "none";
    }
    }
    }
    </script>
    <a href="javascript:void(0);" onmouseover="openmenu('1')" onmouseout="openmenu('1')">Link</a><div id="menu1" style="position:absolute;display:none;">Inhalt des Men?s</div>

    thx das ist fast genau das was ich brauch.
    Wenn du mir jetz noch sagst wie das geht, das das Men? darunter angezeigt wird w?rs perfekt ;)
    und kann man irgendwie machen dass das Men? l?nger da bleibt, damit man ne Chance hat den Link der da "rausklappt" auch anzuklicken?^^





    thw schrieb:
    Wie schon mehrfach gesagt wurde, ist JavaScript dein Freund. Ich verschieb's deshalb mal nach HTML & JavaScript

    wenn du das jetz noch im Titel des Threads ?nderst haben Nachfolger mehr erfolg bei der Suche ich kann das nicht ;)

    Beitrag ge?ndert am 16.08.2006 23:06 von clusedo
  9. Warum kann man das nicht einfach mit CSS machen? -.-

    Ich verweise da mal auf http://www.css4you.de und http://meyerweb.com/eric/css/edge/index.html

    Mit dem Javascipt macht man ja quasi auch nichts anderes, als auf CSS zu greifen. Die einzige Schierigkeit ist vielleicht, den neuen Container richtig zu positionieren... -.-
  10. Autor dieses Themas

    c*****o


    Warum kann man das nicht einfach mit CSS machen? -.-

    Ich verweise da mal auf http://www.css4you.de und http://meyerweb.com/eric/css/edge/index.html

    Mit dem Javascipt macht man ja quasi auch nichts anderes, als auf CSS zu greifen. Die einzige Schierigkeit ist vielleicht, den neuen Container richtig zu positionieren... -.-

    das is auch ne sch?ne variante... ich werds mal versuchen

    ok hab da noch ne frage:
    Hier erstmal mein Zeug:
    G?stebuch 
      Forum 
    <ul id="topmenu">
      <li class="sub"><a href="Verlinkung.html">weitere Links</a>
        <ul id="topmenu">
        <li class="sub"><a href="Verlinkung.html" title="beschreibung">link 1</a>
        </li>
        <li class="sub"><a href="Verlinkung.html" title="beschreibung">link 2</a>
        </li>
        </ul>
      </li>
    </ul>


    und die .css:
    ul {
      padding: 0;
      margin: 0;
      border-bottom: 10px silver;
      font-family: sans-serif;
      font-size: 12; }
    ul li {
      list-style-type: none;
      border: 100px solid silver;
      border-width: 0px 0px 0px 0px;
      position: relative; }
    ul ul {
      display: none; }
    ul li:hover > ul {
      display: block;
      position: absolute;
      top: -1px;
      left: 100%; }
    li a {
      display: block;
      text-decoration: none;
      color: #000000; }
    ul#topmenu li a:hover {
      background: none; }
    li.sub > a {
      background: none; }
    
    ul#topmenu {
      width: 100px; }
    ul#topmenu > li:hover > ul {
      width: 100px;
      top: 15px;
      left: 0px; }
    ul ul {
      width: 100px; }


    Ihr k?nnt es euch hier angucken:
    -> http://clusedo.pyrokar.lima-city.de/test.html
    Meine Frage ist, warum setzt er die weiteren Links in ne neue Zeile, kann man das irgendwie "abschalten"? Das soll eigentlich in der gleichen Zeile stehen wie das G?stebuch und Forum, und dann nach unten die Links ausklappen. Geht das nicht?

    Beitrag ge?ndert am 18.08.2006 14:27 von clusedo
  11. Autor dieses Themas

    c*****o

    doppelposts sind zwar nich das gelbe vom ei, aber hat echt niemand ne ahnung?
  12. ich denke mal, dass es an der eigenschaft des <li></li>-elements liegt .. schau mal bei selfhtml nach .. es handelt sich um ein einzeiliges element, wenn du das aendern willst musst du irgendwie mehrere links in die eine zeile kriegen, wenn ich mal was zeit habe probier ich mal was rum, vielleicht kann dir weranders dazu mehr sagen.
  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!