» Forum » Allgemein » Plauder Ecke » Menüwahl Problem :(
  Mitglieder   |   Gallery   |   FAQ's   |   Regeln

[ Anmelden zum schreiben ]

Menüwahl Problem :(
Zerzaro
Mitglied
0 Beitragspunkte
Posts: 66

0 Mitglieder finden den Beitrag gut.

Merkliste 03.09.2011 - 21:42:09     Zitieren
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...
Tr3icio
Mitglied
 Beitragspunkte

0 Mitglieder finden den Beitrag gut.

Merkliste 03.09.2011 - 23:00:42     Zitieren
Kurz:
- Positive Antwort: Ja;
- Negative Antwort: Diese Funktion gibt es in Ilch nicht.
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 03.09.2011 - 23:14:51     Zitieren
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


Rackster Internet Services
Tr3icio
Mitglied
 Beitragspunkte

0 Mitglieder finden den Beitrag gut.

Merkliste 03.09.2011 - 23:27:02     Zitieren
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!
Zerzaro
Mitglied
0 Beitragspunkte
Posts: 66

0 Mitglieder finden den Beitrag gut.

Merkliste 03.09.2011 - 23:45:53     Zitieren
Genau das meine ich, wie Tr3icio es beschrieben hat..
Kann man sowas denn nicht irgendwie einbauen?
Tr3icio
Mitglied
 Beitragspunkte

0 Mitglieder finden den Beitrag gut.

Merkliste 03.09.2011 - 23:47:13     Zitieren
kann man schon .. nur ist die frage: wer hat lust dazu?
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 00:32:50     Zitieren
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).

www.ilch.de/forum-showposts-31396-p1.html

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


Rackster Internet Services
Zerzaro
Mitglied
0 Beitragspunkte
Posts: 66

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 10:00:40     Zitieren
Uff, hätte ich davon Ahnung würde ich das selber machen, aber ich hab garkeine Anung, wie das geht. ^^
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 10:35:33     Zitieren
Gib mal deine URL zur Seite an plz.


Rackster Internet Services
Tr3icio
Mitglied
 Beitragspunkte

1 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 10:52:16     Zitieren
Tipp: code.jquery.com/jquery-latest.js ist immer die neuste jQuery Version.
kdl
Mitglied
56 Beitragspunkte
Posts: 318

User Pic

1 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 11:39:35     Zitieren
Normalerweise nimmt man die minimierte Version Zwinker

code.jquery.com/jquery-latest.min.js
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 13:16:53     Zitieren
Bravo, Klugscheisserei (y)


Rackster Internet Services
Tr3icio
Mitglied
 Beitragspunkte

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 14:16:22     Zitieren
@kdl die wollte mein Browser net anzeigen :-) Nach 3 Minuten laden hatte ich kB mehr ^^
GeCk0
Administrator
92 Beitragspunkte
Posts: 2996

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 14:19:07     Zitieren
code.jquery.com/jquery-latest.min.js

funktioniert und ist durchaus empfehlenswert..


.:.Module, Zitate, 1-Klick-IMG-Host, MD5 und mehr.:.
"Do not argue with an idiot. He will drag you down to his level and beat you with experience."
Zerzaro
Mitglied
0 Beitragspunkte
Posts: 66

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 14:41:54     Zitieren
Und was mach ich mit den Code vom letzten Post?
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 14:44:26     Zitieren
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


Rackster Internet Services
GeCk0
Administrator
92 Beitragspunkte
Posts: 2996

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 14:52:02     Zitieren
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


.:.Module, Zitate, 1-Klick-IMG-Host, MD5 und mehr.:.
"Do not argue with an idiot. He will drag you down to his level and beat you with experience."
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 04.09.2011 - 17:54:17     Zitieren
Habe auf die Schnelle mal einen Artikel dazu geschrieben, vielleicht hilft dir der ein wenig weiter.

www.impres-sign.com/blog/web/dynamische-subnavigation-in-ilch/


Rackster Internet Services
Zerzaro
Mitglied
0 Beitragspunkte
Posts: 66

0 Mitglieder finden den Beitrag gut.

Merkliste 08.09.2011 - 15:40:01     Zitieren
Könntem ir evtl. jemand das für meine HP machen mit der navi? Ich kann das nicht Weinen
Recognize21
Mitglied
14 Beitragspunkte
Posts: 282

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 10.09.2011 - 23:54:08     Zitieren
"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: www.Motion-M.de/
Nun auch auf Facebook!
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 11.09.2011 - 01:07:54     Zitieren
Naja ich hab sogar alle Dateien per ZIP geschickt. Am hochladen wirds jetzt wohl kaum scheitern? Zwinker


Rackster Internet Services
Recognize21
Mitglied
14 Beitragspunkte
Posts: 282

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 11.09.2011 - 03:59:02     Zitieren
Zitat 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: www.Motion-M.de/
Nun auch auf Facebook!

[ Anmelden zum schreiben ]