ilch Forum » Allgemein » Plauder Ecke » Menüwahl Problem :(

Geschlossen
  1. Sa. 03.09.2011 21:42 Uhr #1
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Hey Leute, hab nen kleines Problem mit Ilch..

    Ist es auch möglich eine Unterwahl zumachen für eine Menüwahl?

    Also ich meine es so, das man links auf einem Menüpunkt klickt und sich dann weitere Menüpunkte unter dem Menüpunkt öffnen.

    Hier als kleines Beispiel:


    - Klickmich

    Danach klick ich rauf und es passiert das


    --Klickmich
    -mich kannst du auch klicken
    -mich auch
    -mich auch
    etc...
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 03.09.2011 23:00 Uhr #2
    User Pic
    Tr3icio gelöschter User
    Kurz:
    - Positive Antwort: Ja;
    - Negative Antwort: Diese Funktion gibt es in Ilch nicht.
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 03.09.2011 23:14 Uhr #3
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Warum solls diese Funktion nicht geben in ilch?

    Vorweg, es kann sein, dass ich Zerzaro falsch verstehe. Grundsätzlich willst du ja aber nicht mehr, als ein zwei-stufiges Menu (via CSS)?

    Liege ich richtig, ist das glaube ich wirklich nicht so in ilch "eingebunden" (bei Wordpress wären das die unzähligen Menu-Klassen). Mit JS oder bisschen PHP Arbeit sollte sowas aber gehen. Ich glaube es gibt im Forum sogar bereits eine Anleitung, wie der "Elternlink" die Klasse "current" kriegt.

    Grüsse
    MaddinXx

    //edit: Schau auch mal hier: api.jquery.com/parent/


    Zuletzt modifiziert von MaddinXx am 03.09.2011 - 23:19:49
    0 Mitglieder finden den Beitrag gut.
  4. Sa. 03.09.2011 23:27 Uhr #4
    User Pic
    Tr3icio gelöschter User
    Er will es so weit ich verstehe so:

    - News
    - Forum
    - Gästebuch

    ( Als Beispiel )

    Und wenn ich auf Gästebuch klicke es dann etwa so:

    - News
    - Forum
    - Gästebuch
    -- Eintragen

    Und als Funktion gibt es das in Ilch nicht, außer man baut es ein!
    0 Mitglieder finden den Beitrag gut.
  5. Sa. 03.09.2011 23:45 Uhr #5
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Genau das meine ich, wie Tr3icio es beschrieben hat..
    Kann man sowas denn nicht irgendwie einbauen?
    0 Mitglieder finden den Beitrag gut.
  6. Sa. 03.09.2011 23:47 Uhr #6
    User Pic
    Tr3icio gelöschter User
    kann man schon .. nur ist die frage: wer hat lust dazu?
    0 Mitglieder finden den Beitrag gut.
  7. So. 04.09.2011 00:32 Uhr #7
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Habe leider keine ilch Installation am laufen, aber hier wie es gehen müsste.

    Mach dir deine design.php wie in diesem Artikel, bzw. kopiere den Code in deine (überschreiben).

    externer Link

    Danach ist der Link der Seite auf welcher man gerade ist mit der class="active" versehen.

    Danach wird aus: 
    <ul>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a>
    <ul>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </li>
  <li><a href="#">Link</a></li>
</ul>

    das: 
    <ul>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li class="active"><a href="#">Link</a>
    <ul>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </li>
  <li><a href="#">Link</a></li>
</ul>

    Im CSS danach ganz simpel (an deine Bedürfnisse anpassen): 
    ul li ul {display: none} /* Untermenu wird nicht angezeigt */
ul li.active ul {display: block} /* Bei aktivem Link wird das UL angezeigt */


    Jetzt muss noch beachtet werden, dass wenn man auf einem Unterpunkt ist, das trotzdem geht, dazu jQuery einbinden: 

    <script src="pfadzujquery.js" type="text/javascript"></script>


    Und folgenen Code vor dem </body> Tag: 

    $('li.active').parent().addClass('active-parent');


    Danach das CSS so vervollständigen: 

    ul li ul.active-parent {display: block}


    Am Schluss gibt das: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<!-- jQuery einbinden -->
<script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
<!-- CSS -->
<style type="text/css">
ul li ul {display: none} /* Subnavigation nicht anzeigen */
ul li.active ul {display: block} /* Bei aktivem Link die Subnavigation anzeigen */
ul li ul.active-parent {display: block} /* Falls man auf einem Sublink ist, die Subnavigation eingeblendet lassen */
</style>
</head>

<body>
<!-- Beispiel Navigation -->
<ul>
  <li>as</li>
  <li>sad
    <ul>
      <li>sad</li>
      <li>asd</li>
    </ul>
  </li>
  <li>sda</li>
</ul>
<!-- JS für active-parent -->
<script type="text/javascript">
$('li.active').parent().addClass('active-parent');
</script>
</body>
</html>


    Grüsse
    MaddinXx

    //edit: Das %4 beim Code für das dynamische Menu nicht vergessen.
    //edit2: Also dein Code ganz am Ende der index.htm vom Design müsste sowas haben (vom Aufbau her): 

    {_list_vmenupoint@<li class="%4"><a target="%1" href="%2">%3</a></li>|}



    Zuletzt modifiziert von MaddinXx am 04.09.2011 - 00:36:54
    0 Mitglieder finden den Beitrag gut.
  8. So. 04.09.2011 10:00 Uhr #8
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Uff, hätte ich davon Ahnung würde ich das selber machen, aber ich hab garkeine Anung, wie das geht. ^^
    0 Mitglieder finden den Beitrag gut.
  9. So. 04.09.2011 10:35 Uhr #9
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Gib mal deine URL zur Seite an plz.
    0 Mitglieder finden den Beitrag gut.
  10. So. 04.09.2011 10:52 Uhr #10
    User Pic
    Tr3icio gelöschter User
    Tipp: code.jquery.com/jquery-latest.js ist immer die neuste jQuery Version.
    1 Mitglieder finden den Beitrag gut.
  11. So. 04.09.2011 11:39 Uhr #11
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Normalerweise nimmt man die minimierte Version zwinker

    code.jquery.com/jquery-latest.min.js
    .
    1 Mitglieder finden den Beitrag gut.
  12. So. 04.09.2011 13:16 Uhr #12
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Bravo, Klugscheisserei (y)
    0 Mitglieder finden den Beitrag gut.
  13. So. 04.09.2011 14:16 Uhr #13
    User Pic
    Tr3icio gelöschter User
    @kdl die wollte mein Browser net anzeigen :-) Nach 3 Minuten laden hatte ich kB mehr ^^
    0 Mitglieder finden den Beitrag gut.
  14. So. 04.09.2011 14:19 Uhr #14
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    code.jquery.com/jquery-latest.min.js

    funktioniert und ist durchaus empfehlenswert..
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  15. So. 04.09.2011 14:41 Uhr #15
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Und was mach ich mit den Code vom letzten Post?
    0 Mitglieder finden den Beitrag gut.
  16. So. 04.09.2011 14:44 Uhr #16
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Das beste was du machen kannst ist immer noch ein Link zu deiner Seite posten + den Inhalt deiner index.htm sowie der style.css.

    Ansonsten ist es schwierig dir zu zeigen, wie du das einbinden musst.

    Grüsse
    MaddinXx
    0 Mitglieder finden den Beitrag gut.
  17. So. 04.09.2011 14:52 Uhr #17
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    naja erstmal musst du entscheiden, ob du die Datei immer vom internet abrufst oder auf deinem lokalen Server ^^ speicherst.

    in der index.htm vom Design

    etwas einfügen wie das hier 

    <!-- jQuery - the core -->
<script type="text/javascript"
	src="http://code.jquery.com/jquery-latest.min.js" >
</script>


    falls du es lokal speicherst musst du dann natürlich den src="" anpassen


    lokale Abfragen sind schneller. Aber online hast du immer die aktuellste Version, wobei die doch recht schnelle Zugriffszeiten haben


    Zuletzt modifiziert von GeCk0 am 04.09.2011 - 14:55:22
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  18. So. 04.09.2011 17:54 Uhr #18
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Habe auf die Schnelle mal einen Artikel dazu geschrieben, vielleicht hilft dir der ein wenig weiter.

    externer Link
    0 Mitglieder finden den Beitrag gut.
  19. Do. 08.09.2011 15:40 Uhr #19
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Könntem ir evtl. jemand das für meine HP machen mit der navi? Ich kann das nicht :'(
    0 Mitglieder finden den Beitrag gut.
  20. Sa. 10.09.2011 23:54 Uhr #20
    User Pic
    Recognize21 Mitglied
    Registriert seit
    06.06.2010
    Beiträge
    288
    Beitragswertungen
    14 Beitragspunkte
    "Kann nicht" wohnt in der "will nicht" Straße oder wie war das?
    Mit dem Artikel von MaddinXx sollte es eigentlich sehr leicht zu machen sein.
    Visit my website: externer Link
    Nun auch auf Facebook!
    0 Mitglieder finden den Beitrag gut.
  21. So. 11.09.2011 01:07 Uhr #21
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Naja ich hab sogar alle Dateien per ZIP geschickt. Am hochladen wirds jetzt wohl kaum scheitern? zwinker
    0 Mitglieder finden den Beitrag gut.
  22. So. 11.09.2011 03:59 Uhr #22
    User Pic
    Recognize21 Mitglied
    Registriert seit
    06.06.2010
    Beiträge
    288
    Beitragswertungen
    14 Beitragspunkte
    ZitatZitat geschrieben von MaddinXx

    Naja ich hab sogar alle Dateien per ZIP geschickt. Am hochladen wirds jetzt wohl kaum scheitern? zwinker


    Ist doch aber schöner, wenn das andere für einen machen zwinker
    Visit my website: externer Link
    Nun auch auf Facebook!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Plauder Ecke

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten