Druckbare Version des Themas
Hier klicken um das Thema im Original Format zu betrachten.
CMS - Der Dirigent > Anwenderforum > Navigation-Templates
Geschrieben von: Sven777b am 23. May 2003 - 16:56
Eppi hat mich denn mal gebeten ein bis zwei Konfigurationsmöglichkeiten für die Navi reinzustellen...

Dies hier ist nur der Startbeitrag. Die Templates kommen hier drunter.

Wer selber auch noch schöne vorschläge hat, bitte mit in diesen Thread reinposten

Fragen bitte nicht hier rein schreiben - das macht den Thread mE unübersichtlich.

ich glaube das Posten war anstrengender als das Erstellen tongue.gif
Das sind wie gesagt nur Anregungen damit man vielleicht die Funktion der einzelnen Templates besser versteht.
Zur Erklärung noch kurz...
- die 3 Schriftarten die man am Anfang definiert , müssen in den Templates wieder auftauchen - sie werden nirgends automatisch eingebunden. In den Templates kann man dann z.b. schreiben class={font1}

- die Templates Einleitung und Ende umrahmen die Navi - enthalten also meist eine Tabelle oder div oder so.

- die Templates für Ordner der 1. Ebene betreffen immer nur die Ordner, die in der Navigation ganz links stehen würden. Also wenn man root als Startpunkt hat, dann sind das die Hauptordner.

- die Templates für die Ordner betreffen dann alle anderen Ordner. Sind für erstere keine Templates vergeben, werden die Ordner der 1. Ebene automatisch mit diesem Template angezeigt.

- Es gibt immer 3 Templates pro Gruppe... einmal die Ordner allgemein, einmal den aktuell aktiven Ordner und einmal den zwischenraum zwischen den Ordnern.

- der Zwischenraum erscheint wirklich nur zwischen 2 Ordnern - nicht am Anfang und nicht am Ende. Also wenn nur ein Ordner da ist, wird das Template nicht genutzt.

soviel dazu. Viel Spass damit

Geschrieben von: Sven777b am 23. May 2003 - 17:00
user posted image

Das ist erstmal das Standard-Layout von Eppi:

typische Konfiguration:

Anzeigen von : Ordner mit Seiten
Darstellungsform : Unterordner automatisch
Startseiten anzeigen : ja
Verzeichnis wählen : root

Einleitung:

CODE
<div align="center"><table width="80%" cellspacing="1" cellpadding="0" border="0">

Layout der Ordner in der 1. Ebene:

CODE
<tr><td onMouseOver="this.style['background']='#5A7BAD';" onMouseOut="this.style['background']='#A8BADE';" bgcolor="#A8BADE" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>

Layout des aktiven Ordners der 1. Ebene:

CODE
<tr><td bgcolor="#5A7BAD" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>

Layout zwischen Ordnern der 1. Ebene

CODE

Layout der Ordner:

CODE
<tr><td onMouseOver="this.style['background']='#5A7BAD';" onMouseOut="this.style['background']='#A8BADE';" bgcolor="#A8BADE" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>

Layout des aktiven Ordners:

CODE
<tr><td bgcolor="#5A7BAD" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>

Layout zwischen den Ordnern:

CODE

Layout der Seiten:

CODE
<tr><td onMouseOver="this.style['background']='#C7D5EB';" onMouseOut="this.style['background']='#DBE3EF';" bgcolor="#DBE3EF" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font2}">{name}</a></td></tr>

Layout der aktuellen Seite:

CODE
<tr><td bgcolor="#C7D5EB" nowrap>&nbsp;&nbsp;{space}<span class="{font2}">{name}</span></td></tr>

Layout zwischen den Seiten:

CODE

Ende der Navigation:

CODE
</table></div>

Geschrieben von: Sven777b am 23. May 2003 - 17:04
user posted image
eine typische Navigation für Servicepunkte

Typische Konfiguration:
{font1} : Klasse für gesamtbereich (z.b. rahmen)
{font2} : Klasse für normalen Link
{font3} : Klasse für aktiven Link

Anzeigen von : Nur Ordner *
Darstellungsform : keine Unterordner anzeigen *
Startseiten anzeigen : ja
Verzeichnis wählen : Auswählen!

* wichtig fürs Design !

Templates:

Einleitung:

CODE
<nobr class={font1}>

Layout der Ordner in der 1. Ebene:

CODE
<a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a>

Layout des aktiven Ordners der 1. Ebene:

CODE
<a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a>

Layout zwischen Ordnern der 1. Ebene

CODE
&bull;

Layout der Ordner:

CODE

Layout des aktiven Ordners:

CODE

Layout zwischen den Ordnern:

CODE

Layout der Seiten:

CODE

Layout der aktuellen Seite:

CODE

Layout zwischen den Seiten:

CODE

Ende der Navigation:

CODE
</nobr>

Geschrieben von: Sven777b am 23. May 2003 - 17:08
user posted image
Selectbox-Navigation

Typische Konfiguration:
{font1} : nicht verwendet
{font2} : nicht verwendet
{font3} : nicht verwendet

Anzeigen von : Ordner mit Seiten
Darstellungsform : alle Unterordner anzeigen *
Startseiten anzeigen : ja
Verzeichnis wählen : root
* wichtig für das Design!

Templates:

Einleitung:

CODE
<form><select name="nav" onchange="document.location.href = this.form.nav.options[this.form.nav.options.selectedIndex].value;">

Layout der Ordner in der 1. Ebene:

CODE
<option value="{link}">{space}{name}</option>

Layout des aktiven Ordners der 1. Ebene:

CODE
<option value="{link}" selected>{space}{name}*</option>

Layout zwischen Ordnern der 1. Ebene

CODE

Layout der Ordner:

CODE
<option value="{link}">{space}{name}</option>

Layout des aktiven Ordners:

CODE
<option value="{link}" selected>{space}{name}*</option>

Layout zwischen den Ordnern:

CODE

Layout der Seiten:

CODE
<option value="{link}">{space}-{name}</option>

Layout der aktuellen Seite:

CODE
<option value="{link}" selected>{space}-{name}</option>

Layout zwischen den Seiten:

CODE

Ende der Navigation:

CODE
</select></form>

Geschrieben von: Sven777b am 23. May 2003 - 17:12
user posted image

Auflistung

Typische Konfiguration:
{font1} : Klasse für Hauptpunkt
{font2} : Klasse für normalen Link
{font3} : Klasse für aktiven Link

Anzeigen von : Nur Ordner
Darstellungsform : alle Unterordner anzeigen
Startseiten anzeigen : ja
Verzeichnis wählen : root

oder
Anzeigen von : Nur Seiten
Darstellungsform : keine Unterordner anzeigen
Startseiten anzeigen : ja
Verzeichnis wählen : aktuelles

Templates:

Einleitung:

CODE
<ul>

Layout der Ordner in der 1. Ebene:

CODE
<li><a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></li><ol class={font1}>

Layout des aktiven Ordners der 1. Ebene:

CODE
<li><a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></li><ol class={font1}>

Layout zwischen Ordnern der 1. Ebene

CODE
</ol>

Layout der Ordner:

CODE
<li><a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></li>

Layout des aktiven Ordners:

CODE
<li><a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></li>

Layout zwischen den Ordnern:

CODE

Layout der Seiten:

CODE
<li><a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></li>

Layout der aktuellen Seite:

CODE
<li><a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></li>

Layout zwischen den Seiten:

CODE

Ende der Navigation:

CODE
</li></ul>

Geschrieben von: fion am 27. Jun 2003 - 08:44
Hi,
ich hab in meinem Template zwei Navi-Module (beide mit Standard-Layout) eingebaut, will aber, dass sie als eine Tabelle angezeigt werden. Dazu hab ich das Ende der 1. Navi leer gelassen und die Einleitung der zweiten auch. Leider wird beim erneuten Aufruf des Templates der Inhalt aufs neue eingetragen und nach dem Speichern auch wieder verarbeitet. Ich muss also bei jeder Änderung am Template den Inhalt aus den entsprechenden Bereichen erneut löschen.
Ist das gewollt oder ein Bug?
cu fion

Geschrieben von: spencerj am 27. Jun 2003 - 09:25
QUOTE (fion @ Jun 27 2003, 08:44 AM)

QUOTE
Ich muss also bei jeder Änderung am Template den Inhalt aus den entsprechenden Bereichen erneut löschen.
Ist das gewollt oder ein Bug?

Ne das ist ein feature smile.gif . Es werden die default werte eingesetzt.
Du kannst das einfach umgehen indem du ein space (Leerzeichen) reinmachst, wo du nichts drinnhaben willst.

grüße spencer

Geschrieben von: bjoern am 27. Jun 2003 - 13:08
Alternativ kannst Du auch <!-- // --> einen leeren Kommentar reinsetzen, falls ein Leerzeichen Layouttechnisch stört.

Geschrieben von: fion am 27. Jun 2003 - 21:37
Leerzeichen oder Kommentar. Funzt wunderbar.
Thanx4help.
cu fion

Geschrieben von: Freeman am 30. Jul 2003 - 17:10
CSS-Navigation

Mittels dieser "Doku" ist es möglich, die Navigation sowohl in der Farbgebung als auch in der Größe mittels CSS vollständig anzupassen.

Änderungen:
  • Anstatt Tabellen wird nun <ul> und <li> verwendet. CSS und HTML sollten nun valide sein.
  • 04.09.03: CSS überarbeitet und Fehler bereinigt


Folgendes ist dazu notwendig:

Im Template sind die Layoutangaben komplett zu ersetzen durch:


mehr CODE
Einleitung der Navigation
<table id="navigation"><tr><td><ul>  

Layout der Ordner in der 1. Ebene
<li><a href="{link}" class="ordner">{name}</a></li>  

Layout des aktiven Ordners der 1. Ebene
<li><a href="{link}" class="oaktuell">{name}</a></li>  
 
Layout der Seiten in der 1. Ebene
<li><a href="{link}" class="seite">{name}</a></li>  

Layout der aktuellen Seite in der 1. Ebene
<li><a href="{link}" class="saktuell">{name}</a></li>  
 
Layout der Ordner
<li><a href="{link}" class="ordner">{name}</a></li>  

Layout des aktiven Ordners
<li><a href="{link}" class="oaktuell">{name}</a></li>  
 
Layout der Seiten
<li><a href="{link}" class="seite">{name}</a></li>  

Layout der aktuellen Seite
<li><a href="{link}" class="saktuell">{name}</a></li>  
 
Ende der Navigation
</ul></td></tr></table>  


Das Stylesheet:


mehr CODE

#navigation ul {list-style-type: none; width:100%; margin: 0px; padding: 0px; }
#navigation li {list-style-type: none; margin: 0px 0px 3px 0px; }
#navigation a.ordner {background-color: transparent; border: 1px solid Black; width:145px; color: Black; padding: 2px 2px 2px 2px; text-decoration: none; font-size:12px; display: block; }
#navigation a.ordner:link {color: Black; background-color: #8FBC8F; }
#navigation a.ordner:visited {color: Black; background-color: #8FBC8F; }
#navigation a.ordner:hover {border: 1px solid Black; background-color: #1073A5; color: white; }
#navigation a.oaktuell {background-color: #8FBCBC; border: 1px solid Black; width:145px; color: Black; padding: 2px 2px 2px 2px; text-decoration: none; font-size:12px; display: block; }
#navigation a.seite {border: 1px solid Black; width:140px; color: Black; padding: 2px 2px 2px 2px; text-decoration: none; font-size:10px; background-color: #B0C4DE; display: block; }
#navigation a.seite:link {color: Black; background-color: #B0C4DE; }
#navigation a.seite:visited {color: Black; background-color: #B0C4DE; }
#navigation a.seite:hover {border: 1px dotted Black; background-color: #AFC4DE; color: black; }
#navigation a.saktuell {border: 1px solid Black; width:140px; color: Black; padding: 2px 2px 2px 2px; text-decoration: none; font-size:10px; background-color: #DBDEAF; display: block; }


Erstellt eine neue css-Datei und fügt obigen Code ein. Dann importiert Ihr das Style in DeDi (Design / Stylesheet)
Im Layout ist nun zusätzlich die neue CSS mit anzugeben.

ToDo Liste:

- mehrere Ebenen erstellen (Anpassung an die aktuelle Navi)

Gruß Christian

Geschrieben von: st-cb am 04. Aug 2003 - 15:24
Hallo zusammen,

sven777b hat oben "eine typische Navigation für Servicepunkte" gepostet.

nun meine frage - wie bekomme ich nun die submenues da rein?

ich möchte ne horizontale navi habe also in der richtung:

ordner1 • ordner2 • ordner3 • ordner4 • etc...
page1/ordner1 • page2/ordner1 • page3/ordner1 • etc...

wenn man dann auf "ordner2" klickt sollte es so aussehen:
ordner1 • ordner2 • ordner3 • ordner4 • etc...
page1/ordner2 • page2/ordner2 • page3/ordner2 • etc...

usw....


christian

Geschrieben von: Sven777b am 04. Aug 2003 - 16:49
wenn du das möchtest, müsstest du quasi 2 Navigationen untereinander bauen.
die 1. Navi wird auf den Service-Ordner gerichtet
die 2. Navi müsstest du in jedem Service-Punkt extra auf den Ordner ausrichten...

also dein Baum z.b.
-Service
- - Ordner 1
- - - - Unterordner 1
- - - - Unterordner 2
- - Ordner 2

- dann stellst du deine 1. Navi auf "Service"
- in der Konfiguration von Ordner 1 stellst du die 2. Navi auf "Ordner 1"
- in der Konfiguration von Ordner 2 stellst du die 2. Navi auf "Ordner 2"

nicht auf "aktuell" stellen - weil du sonst dort die Ordner der Hauptpunkte angezeigt bekommst, wenn du dich dort bewegst - das wär ja blöd

Geschrieben von: st-cb am 04. Aug 2003 - 17:50
ok soweit so gut

meine frage war aber auch wie ich die seiten als menuepunkte bekomme

ich habe:
ordner1
-- seite1
-- seite2
-- seite3
--- unterordner1-2
---unterseite1
---unterseite
---unterseite
ordner2
-- seite1
-- seite2
-- seite3
-- seite4
-- seite5
-- seite6
ordner3
-- seite1
-- seite2
-- seite3
-- seite4
-- seite5
-- seite6

meine navi soll dann, wenn ich auf ordner1 klicke, so aussehen


CODE
ordner1 • ordner2 • ordner3
seite1 • seite2 • seite3 • unterordner1-2




CODE
wenn ich auf unterordner1-2 gehe
ordner1 • ordner2 • ordner3
seite1 • seite2 • seite3 • unterordner1-2
unterseite1 • unterseite2 • unterseite3



CODE

wenn ich auf ordner2 gehe
seite1 • seite2 • seite3 • seite4 • seite5 • seite6



im endefekt die normale navi - halt nur horizontal und ohne dieses farbspiel...

christian

Geschrieben von: st-cb am 04. Aug 2003 - 19:36
ich habe es hin bekommen - aber frage mich nicht wie...

siehe http://w-23.de/dedi/projekt01/


nachträglich geändert:

so sieht das dann bei mir aus:
in der 1. navi (die der ordner)
Einleitung:

CODE

<nobr class={font1}>


Layout der Ordner in der 1. Ebene:

CODE
<a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a>


Layout des aktiven Ordners der 1. Ebene:

CODE
<a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a>


Layout zwischen Ordnern der 1. Ebene

CODE
&bull;


Ende der Navigation:

CODE
</nobr>


der rest bleibt leer

da ich ja gezwungen war einen weiteren navi-container anzulegen hier nun der inhalt des zweiten navi moduls:


CODE

<nobr class={font1}>


Layout der Seiten:

CODE
<a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a>


Layout der aktuellen Seite:

CODE
<a href="{link}" class={font3} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a>


Layout zwischen den Seiten:

CODE
&bull;


Ende der Navigation:

CODE
</nobr>


Leider fluppt das nicht wenn ich nur ein mal das navi modul nehme - wenn das der fall ist wir die komplatte navi in eine zeile geschrieben.

und wenn ich denn mal so in das template gehe - wird alles zerrissen - soll bedeuten das die ganze navi geschichte vom inhalt her geändert wird - teils die originale teils das was ich geändert habe - und das lecker in beiden navi-modulen.


christian

Geschrieben von: Sven777b am 05. Aug 2003 - 00:46
evtl. kann man mit der neuen Navi auch noch einiges machen, da die 0.94 noch zwei neue Template-Felder hat. Ansonsten würde ich mal ganz einfach sagen, dass die aktuelle Navigation für diese Anforderung nicht gedacht ist.
Hier wären CSS-Profis gefragt... Denn man kann die verschiebung nach rechts (was die ebenen darstellt) via CSS auch in eine vertikale Positionierung umsetzen und so dieses konzept erreichen. Oder halt gleich eine Navi speziell zu diesem Zweck schreiben

Geschrieben von: Olaf am 05. Aug 2003 - 11:29
Hi Sven und alle anderen,
so wie die Navi jetzt ist ist auch mit allen Tricks (CSS) nichts zu machen. Das liegt an der Ausgabe der Links.

1.Ordner
1.1.Seite
1.2.Seite
2.Ordner
2.1.Seite
3.Ordner usw.

Vielleicht wäre es möglich eine neue Navi herauszubringen in der es so erscheint

1.Ordner
2.Ordner
3.Ordner
1.1.Seite
1.2.Seite
2.1. Seite usw.

Das wäre doch der Bringer.
@Sven
bist mir noch ne Antwort schuldig sad.gif
Grüße Olaf

Geschrieben von: Sven777b am 05. Aug 2003 - 11:38
Sollte ich neben meinem eigentlichen Job und den anstehenden Teilaufgaben für den nächsten Release von DeDi noch Zeit übrig haben (die ich nicht meiner Frau widme) , dann werde ich in Erwägung ziehen , noch eine Navigation (meine 6. Navi) rauszubringen.
@Olaf - immer mit der Ruhe - ich meld mich heut abend.

Geschrieben von: Phil am 05. Aug 2003 - 13:21
hallo zusammen

ich habe die servicepunkt-navigation von sven ausprobiert und dabei festgestellt, das mit dem navi-modul 0.93-dev,

CODE

Einleitung:
CODE

<nobr class={font1}>

die klassenangabe {font1} nicht in die ausgewählte klasse übersetzt wird. damit dies klappt habe ich im moduloutput die zweite zeile


CODE
echo "MOD_VALUE[10]";


durch diese ersetzt


CODE
echo str_replace("{font1}", "MOD_VALUE[1]", "MOD_VALUE[10]");


dann funktioniert das ganze.

gruss
philipp

Geschrieben von: Freeman am 04. Sep 2003 - 19:24
Hi,

habe mein CSS-Navibeispiel überarbeitet.

Siehe hier:
http://forum.der-dirigent.de/index.php?act=ST&f=12&t=183&st=0#entry3424

Gruß Christian

Geschrieben von: wingfire am 04. Sep 2003 - 22:56
vielleicht tasuchst du den <table>-tag noch gegen ein <div> dann ist die tabelle ganz raus, siehe tabellenfreies design ...
gruss christof

Geschrieben von: jwitt am 05. Sep 2003 - 20:49
Hallo,
ich habe gerade einmal versucht eine "typische Navigation für Servicepunkte" wie auf der 1. Seite dieses Beitrages geschildert mit dem Modul Navigation 0.95-dev zu bauen und bin kläglich gescheitert. Ich habe die Einstellungen der Beschreibung (Ordner ausgewählt -> nur Ordner -> keine Unterorder usw.) sowohl im erweiterten, als auch einfachen Modus probiert, bekomme aber nichts angezeigt. Hat sich das Modul so geändert, daß eine horizotale Navigation damit nicht mehr möglich ist, oder übersehe ich etwas?

MfG

Jürgen sad.gif

Geschrieben von: jwitt am 05. Sep 2003 - 20:58
... es muß sich etwas seit der Beschreibung geändert haben, oder die Beschreibung ist nicht korrekt. Nur wenn ich im erweiterten Modus "anzeigen von" auf "Ordner mit Seiten" und Darstellungsform" auf "keine Unterordner" stelle, wird mir "Startseiten anzeigen" angezeigt. Wenn ich dann die Codes wie in der Beschreibung austausche, gekomme ich trotzdem immer nur eine Tabelle.
Wo liegt da der Hase im Pfeffer?

Jürgen sad.gif

Geschrieben von: Eppi am 05. Sep 2003 - 21:12
bei dem Punkt "Startseiten anzeigen" kannst Du lediglich wählen, ob die Startseiten mit angezeigt werden sollen, oder nicht.

Geschrieben von: Eppi am 05. Sep 2003 - 21:16
achso, habe es eben gerade mit der aktuellen Version getestet und es funktioniert einwandfrei.

Geschrieben von: jwitt am 05. Sep 2003 - 21:51
Ich war gerade auf der Spielwiese und habe es nicht hin bekommen. Ich habe zu Hause mit dem aktuellen Entwicklersnapshot gearbeitet und der stimmt definitiv nicht mehr mit der Doku überein. Kann mir bitte jemand auf die Sprünge helfen?

Danke

Jürgen

http://spielwiese.der-dirigent.de/projekt03/index.php?idcat=6&view=preview

Geschrieben von: Sven777b am 06. Sep 2003 - 03:08
ich habe mit der Version 0.95 auch noch nicht gearbeitet... Definitiv ist erstmal die Anleitung nicht mehr aktuell, da die für 0.92 war... Inzwischen gibt es einige mehr funktionen und einiges mehr zu beachten. Wichtig nach wie vor, dass man ungenutzte Template-Felder mind. mit einem Leerzeichen füllen muss.
Wenn du eine Service-Navigation nach meinem Schema bauen willst, dann setzt das voraus, dass du Ordner hast - keine Seiten !

Service-Baum
+ Gästebuch
\_ Seite Gästebuch
+ Newsletter
\_ Seite Newsletter

etc ...
Also dieses Beispiel der Service-Navigation listet die Ordner direkt unterhalb der Service-Baumes (oder wie auch immer der heissen mag). Wenn ihr Seiten listen wollt, müsst ihr (logischerweise?!?) die Templates für Seiten der ersten Ebene füllen und dafür die Templates für die Ordner leer lassen.

Geschrieben von: jwitt am 06. Sep 2003 - 07:34
Danke- Sven777b- der Groschen ist gefallen.
Hätte mich auch stark gewundert, wenn sich in DeDi solch ein Fehler befunden hätte. :-)

Ich habe gerade erst gesehen, wann Du die Antwort verfasst - auch ganz schön verrückt ... :-D

Jürgen

Geschrieben von: Seliger am 30. Sep 2003 - 13:39
Hallo DeDi Gemeinde,

mich würde interessieren, ob es möglich ist (und wenn ja wie? Gibt es schon eine Doku dazu?)

1. Die Navigation mit Bilder zu gestalten (sprich die Buttons in Photoshop selbst z erstellen und
in DeDi dann einzubauen?

2. Ob es möglich ist die einzelnen Punkte der Navigation mit den Javascript Befehlen onmouseover
und onmouseout zu belegen

Ich muß ein Projekt gestalten, das folgende Vorgaben hat:

Menüleiste oben bestehend aus einem Bild und einem Textfeld beide horizontal in einer Reihe und dadrunter horizontal die Navigationsbuttons (es gibt nur 6 Buttons - keine weiter Ebene dadrunter - wird es auch nie geben) wenn ich auf einen Button gehe sollen sich das Bild und das Textfeld mit onmouseover ändern.

Wie kann ich diese Buttons mit dem onmouseover Befehl in DeDi einarbeiten und wie kann ich es erreichen
das ich die Seiten die die Buttons ansprechen trotzdem im CMS System ändern kann?

Irgendwie muß ich da ja dann noch eine Variable oder mehrer Variablen in dem Link ändern oder?


Fragen über Fragen?

Kann mir jemand helfen?

Gruß Thomas

Geschrieben von: Eppi am 01. Oct 2003 - 08:55
Hallo, hier meine Lösung für Bildnavigationen mit Mouseover Effekt:

1. importiere die standard.js und binde diese im Layout ein.

2. füge in den <body>-tag folgendes ein:

CODE
<body onload="preloadImages('lang_1cat2_active.gif', 'lang_1cat3_active.gif', 'lang_1cat4_active.gif', 'lang_1cat5_active.gif', 'lang_1cat7_active.gif', 'lang_1cat8_active.gif', 'lang_1cat9_active.gif');off();return true;">

hier rufst Du jedes Bild auf, welches später als over definiert ist.

3. füge in dein templateset der navi z.b. sowas hier ein:
Template für Ordner

CODE
<td><a href="{link}" onMouseOver="on('{name}');changeImages('{id}', 'cms/img/side/{id}_active.gif');return true;" onMouseOut="off();changeImages('{id}', 'cms/img/side/{id}.gif');return true;"><img name="{id}" src="cms/img/side/{id}.gif" border="0"></a></td>


Template für aktiven Ordner

CODE
<td><a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;"><img name="{id}" src="cms/img/side/{id}_active.gif" border="0"></a></td>


bei den Seiten funktioniert das auch, nur hier mußt du im preloader nicht lang_xcatx_active.gif laden, sondern lang_xsidex_active.gif

4. danach die bilder noch schnell in das verzeichnis projekt0x/cms/img/side/ laden.

das sollte es gewesen sein.

Gruß, Paul
p.s. wer das beispiel umgesetzt hat, kann hier gerne mal ein link für demozwecke zur verfügung stellen - danke!

Geschrieben von: marcwidmer am 02. Oct 2003 - 22:29
Ich hab auch noch ne Frage zu der Navigation.

Gibt es eine Möglichkeit folgende navigation zu realisieren ?

bei Aufruf der Seite:

-Punkt 1
-punkt 2
-punkt 3
-punkt 4
-punkt 5

dann klick auf punkt 3 ->

navigation wird folgendermassen dargestellt:

- punkt 1
- punkt 2
- punkt 3
- punkt3.1
- punkt 3.2
- punkt 3.3
- punkt 3.4
- punkt 4
- punkt 5
.
.
.


also so dass die jeweiligen Unterpunkte des angeklickten "Ober-Punktes" ;-) sichtbar sind ?

Ich hoffe ich habs irgendwie verständlich ausgedrückt ;-)

Geschrieben von: Eppi am 02. Oct 2003 - 22:48
kein Problem. Du mußt lediglich den Startpunkt bestimmen und "Unterordner automatisch anzeigen" einstellen.

Gruß, Paul

Geschrieben von: Roland am 02. Oct 2003 - 23:06
Hi Paul,

habe mal deine Bild-Navigation ausprobiert. Bei mir funktioniert aber der RollOver effekt nicht, aber das OnMouseOut Pic wird angezeigt. Allerdings musste ich die Bilder von
QUOTE
lang_1cat2_active.gif
in lang_1cat_2_active.gif umbenennen. ohmy.gif Das selbe im Body-Tag. ich habe nur ein Bild erstellt um die funktion zu Testen.
Beispiel: http://www.flasharts.ch/009303/projekt01/index.php unter Navigationstest. Was könnte das sein. Nun gut ich werde es morgen nochmals versuchen. Etwas Schlaf kann ja nicht schaden. biggrin.gif

Gruesse Roland

Geschrieben von: Olaf am 03. Oct 2003 - 00:27
Hi Roland,
ich kenn mich mit Java-Script überhaupt nicht aus, aber fehlt da nicht ein Pfad ins Verzeichnis

CODE
<body bgcolor="#cccc44" leftmargin="0" marginheight="0" marginwidth="0" topmargin="20" onload="preloadImages('lang_1cat_1_active.gif', 'lang_1cat_2_active.gif', 'lang_1cat_3_active.gif', 'lang_1cat_4_active.gif', 'lang_1cat_6_active.gif');off();return true;">

Jedenfalls gibt es bei mir diesbezüglich eine Fehlermeldung in der Statuszeile.

Grüße Olaf

Geschrieben von: Roland am 04. Oct 2003 - 20:53
Olaf
Danke für deinen Tip. Für den PreLoad muss der Pfad angegeben werden.

Der Fehler lag in einem kleinen Detail.
Die Funktion changeImages ist in der JavaScript - Datei war (standart.js) bei mir falsch geschrieben.
anstelle von einem Grossen "I" war dort ein kleines "L". Dies war bei der voreingestellten Schriftart bei mir nicht zu erkennen da das Kleine "L" aussieht wie ein grosses "I". sad.gif

Das noch nicht fertige Beispiel ist anzusehen unter Navigationstest.

Gruesse roland

Geschrieben von: Cybercommander am 09. Oct 2003 - 19:55
Hallo,

ich stehe gerade vor dem Problem das einige von meinen Navigationspunkten
sehr lang sind, und ich sie über 2 Zeilen verteilen will, ist das möglich ??

Danke

Stefan

Geschrieben von: Roland am 09. Oct 2003 - 21:08
Hallo Stefan,


QUOTE
über 2 Zeilen verteilen will, ist das möglich ?? 


Ja.

Die erweiterte Navigation auswählen.
Bei der konfiguration der Navigation das "NOWRAP " ind den <TD> tag's einfach löschen.

Z.B. LAYOUT DER ORDNER:

alt:

CODE
<tr><td onMouseOver="this.style['background']='#5A7BAD';" onMouseOut="this.style['background']='#A8BADE';" bgcolor="#A8BADE" nowrap>&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>


neu:

CODE
<tr><td onMouseOver="this.style['background']='#5A7BAD';" onMouseOut="this.style['background']='#A8BADE';" bgcolor="#A8BADE" >&nbsp;&nbsp;{space}<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font1}">{name}</a></td></tr>


gruss roland

Geschrieben von: Cybercommander am 10. Oct 2003 - 08:10
Hallo Roland,

vielen Dank, es klappt wunderbar smile.gif

Viele Grüße
Stefan

Geschrieben von: xkalibur am 04. Nov 2003 - 15:28
Hallo,

habe ein kleines Problem mit der Navi.
Benutze dedi_snapshot_009303 und die darin enthaltene Navi.
wenn ich nun das Template der Navi Konfiguriere wird diese erst wirksam wenn ich eine Seite bzw. einen Ordner anklicke.

Beispiel:

>root
>ordner1
>ordner2
>ordner3
>seite1
>seite2

ich habe in der templateconfiguration eingestellt das vor jedem menüpunkt ein image (pfeil) erscheinen soll, bei der aktiven Seite bzw. aktive Ordner wechselt dann die farbe des images (pfeil).
das geht auch aber erst wenn ich auf einen ordner oder eine seite geklickt habe, und nicht wenn ich die Startseite also in diesem Beispiel root aufgerufen wird. Da erscheint kein image. Auch die bordereinstellung der tabelle wird erst nach aufruf eines ordners ober einer seite aktiv.

wo kann ich das einstellen? In der Template Konfiguration geht es nicht, oder habe ich etwas übersehen?

Gruss Ralf

Geschrieben von: RaVen am 18. Nov 2003 - 13:42
Bin gerade dabei, eine Website mit DEDI (ist übrigens SUUUUPER) zu erstellen, und bräuchte von einem (oder auch mehreren) von euch Hilfestellung, wie ich ein DHTML Menü über die Navi lösen könnte.

Anforderung: Hauptmenüpunkte oben horizontal, bei MouseOver klappt dann ein Untermenü auf.

Sollte eigentlich mit der NAVI von DEDI machbar sein, muss mich aber zurzeit mit anderen Dingen herumschlagen und wäre über Unterstützung (zwecks Zeiteinsparung) SEEEEHR dankbar.

Geschrieben von: Pitt am 01. Dec 2003 - 11:34
Hallo Leute!

bei mir funtz das auch nicht so recht, könnte einer mal den richtigen lösungsweg an hand eines beispiels
aufzeigen.? Bekomme auch nur das Rolloverbild!??
Und wie bekomme ich die navigation untereinander?

Freue mich schon auf eure antworten!


euer pitt

Geschrieben von: hk-cons am 01. Dec 2003 - 15:43
das steht doch in diesem thread drin und auch unter download .....
die templates sind mit html (je nach facon mit tabellen oder mit css) frei gestaltbar ..... wink.gif

Geschrieben von: sven28 am 08. Jan 2004 - 14:16
Hallo,

bin neu hier! laugh.gif

Ich wollte mal fragen, ob jemand eine Navigation für das NaviModul im Stile von Microsoft.de (graues Menü, mit den umrandeten Kästchen) machen kann? Ich bin ein absoluter CSS / HTML n00b und daher bräuchte ich jemanden der sich da aufopfern könnte.

Gruss
Sven

Geschrieben von: hk-cons am 08. Jan 2004 - 14:24
guckst Du http://forum.der-dirigent.de/index.php?act=ST&f=10&t=792.
Diese schönen MS-Sachen mußt Du als Vorgaben mit nem Grafikprogramm erstellen.
Gruß Harald

Geschrieben von: sven28 am 08. Jan 2004 - 14:42
QUOTE (hk-cons @ 08. Jan 2004 - 14:24)

QUOTE
Diese schönen MS-Sachen mußt Du als Vorgaben mit nem Grafikprogramm erstellen.
Gruß Harald

Bist du dir sicher, dass das eine Grafik ist? Irgendwie sieht das nicht nach Grafik aus??? Sieht mehr so CSSS / HTM aus?!

Gruss

Geschrieben von: hk-cons am 08. Jan 2004 - 14:45
was ist keine Grafik?

Geschrieben von: sven28 am 08. Jan 2004 - 14:49
QUOTE (hk-cons @ 08. Jan 2004 - 14:45)

QUOTE
was ist keine Grafik?

Hi,

Das Seitenmenü (links).

Home
Download
Produktfamilien
Windows etc....

Gruss

Geschrieben von: mvsxyz am 08. Jan 2004 - 15:05
@hk-cons: Microsoft hat seine Seite neu gemacht. Aber nichts desto trotz besteht die Navi aus HTML und CSS-Kästen.

Werd mal schauen, was sich machen lässt...

Geschrieben von: sven28 am 08. Jan 2004 - 15:05
Hallo,

ich will es nochmal verbildlichen, was ich meine:

user posted image

Gruss & Danke! blink.gif

Geschrieben von: hk-cons am 08. Jan 2004 - 15:19
achso .. ich dacht, Sven28 meint die Karteikartenreiter ......
Das ist irgendwo schon im Forum beschrieben worden, wie das geht ......
hey auch das hab ich ..... guckst Du http://www.hk-cons.de/ag-leer/
Die template-Definition der Navi sieht so aus:

CODE
<!-- Einleitung der Navigation //-->

<div class="nav_head">Auswahl</div>
<div style="line-height:2px;">&nbsp;</div>
<!-- Layout der Seiten in der 1. Ebene //-->

<div class="{font1}" onMouseOver="this.style['background']='#CFBE8D';" onMouseOut="this.style['background']='#D8CD9D';" nowrap><a href="{link}"  onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="{font2}">{name}</a></div>

<!-- Layout der aktuellen Seite in der 1. Ebene //-->

<div class="{font3}">{name}</div>

<!-- Layout zwischen den Seiten in der 1. Ebene //-->

<div style="line-height:2px;">&nbsp;</div>

<!-- Ende der Navigation //-->

<div style="line-height:2px;">&nbsp;</div>
<div class="nav_head">Suchen ...</div>

Geschrieben von: mvsxyz am 08. Jan 2004 - 15:21
Hab schon verstanden.. biggrin.gif

Willst du nur das CSS-Style? Für den Rahmen sähe es aus:


CODE
<div style="border:solid 1px #808080;background-color:#f1f1f1"><a href="Link" style="sonsiges..">Link</a></div>


Meine Nav sieht aus:

Inaktive Elemente:

CODE
<p class="nav" onmouseover=nav_rollon(this,{id}),on('{name}');return true; onmouseout=nav_rolloff(this,{id}),off();return true;><a href="{link}" class="nav" title="{name}">{name}</a></p>


Aktive Elemente:

CODE
<p class="nav" onmouseover=nav_rollon(this,{id}),on('{name}');return true; onmouseout=nav_rolloff_select(this,{id}),off();return true;><a href="{link}" class="nav" title="{name}">{name}</a></p>


Und hier das JS-File:

CODE

function nav_rollon(a) {
a.style.backgroundColor='#f1f1f1';
a.style.border = '#808080 solid 1px';
a.style.cursor = 'hand';
}

function nav_rolloff(a,img) {
a.style.backgroundColor='#f1f1f1'; //*
a.style.border = '#f1f1f1 solid 1px'; //*
}

function nav_rolloff_select(a,img) {
a.style.backgroundColor='#f1f1f1'; //*
a.style.border = '#f1f1f1 solid 1px'; //*
}


Überall wo ein Stern steht musst du noch deine "normale" Hintergrund Farbe reinschreiben.
Bei funktioniert es so.

Geschrieben von: mvsxyz am 08. Jan 2004 - 15:21
War er doch schneller als ich... dry.gif

Kannst dir ja jetzt eins aussuchen. biggrin.gif

Geschrieben von: sven28 am 08. Jan 2004 - 15:23
aha. Danke euch!!! Werde es mal versuchen reinzubasteln...

Geschrieben von: roberto am 08. Jan 2004 - 15:49
Hmm, wie üblich bei Microsoft ist das Ding aber nicht 100%ig Mozilla-kompatibel ... Selbst die CSS-Formatierungen nicht.
Die Hover-Effekte kann man aber auch ohne Javascript realisieren - mit CSS.

Etwa so (mal ohne die Umsetzung als Navi-Templates):


CODE

<html><head><title>Microsoft:crossbrowser</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

* {
 font-family:verdana,arial,tahoma,helvetica;
 font-size:11px;
}

a { color:#000000; }


#menu {
 width: 160px;
 padding: 0px;
 font-size:11px;
 background-color: #EEEEEE;
 float: left;
 border: 1px solid #999999;
 }
 
#menu div {
 margin:0px;
 padding:1px;
 width: 158px;
 }

#menu div.unselected a {
 display: block;
 border: 1px solid #EEEEEE;
 font-weight:bold;
 text-decoration: none;
 text-indent:2px;
 line-height:20px;
 width: 100%;
 }

html>body #menu div.unselected a {
 width: auto;
 }

#menu div.selected a {
 display: block;
 border: 1px solid #999999;
 background-color: #FFFFFF;
 font-weight:bold;
 text-decoration: none;
 text-indent:2px;
 line-height:20px;
 width: 100%;
 }

html>body #menu div.selected a {
 width: auto;
 }
 
#menu div.sub a {
 display: block;
 border: 1px solid #EEEEEE;
 font-weight:normal;
 text-decoration: none;
 text-indent:8px;
 line-height:16px;
 width: 100%;
 }

html>body #menu div.sub a {
 width: auto;
 }  
 
 
#menu div.subselected a {
 display: block;
 border: 1px solid #999999;
 background-color: #FFFFFF;
 font-weight:normal;
 text-decoration: none;
 text-indent:8px;
 line-height:16px;
 width: 100%;
 }
 
html>body #menu div.subselected a {
 width: auto;
 }
 
#menu div.divisor {
 display: block;
 border-bottom: 1px solid #999999;
 text-decoration: none;
 line-height:2px;
 width: 100%;
 }
html>body #menu div.divisor {
 width: auto;
 }
 
#menu div a:hover {
        display: block;
 background-color: #CCCCCC;
 border: 1px solid #999999;
 width: 100%;
 }

</style></head>


<body>

<div id="menu">
         <div class="unselected"><a href="bla.html">Produktfamilien</a></div>
  <div class="sub"><a href="bla.html">Windows</a></div>
  <div class="subselected"><a href="bla.html">Office</a></div>
  <div class="sub"><a href="bla.html">Server</a></div>
  <div class="divisor"></div>
         <div class="unselected"><a href="bla.html">Dienste</a></div>        
  <div class="sub"><a href="bla.html">Support</a></div>
  <div class="sub"><a href="bla.html">Downloads</a></div>
</div>
</body></html>

Geschrieben von: Monte am 28. Feb 2004 - 23:18
Beim Nachbauen eines bestehenden Layouts für eine Navigation bin ich auf ein Problem gestossen. Habe mir mit der 0.96 folgendes, schlichte Template erstellt:

Einleitung der Navigation:
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>

Layout der Ordner in der 1. Ebene
<div class="sublink"><a href="{link}">{name}</a></div>

Layout des aktiven Ordners der 1. Ebene
<div class="sublink_markiert"><a href="{link}">{name}</a></div>

Ende der Navigation
</td></tr></table>

Die verwendeten CSS-Klassen benutzen verschiedene Hintergrundbilder. Nun muß unbedingt der letzte Eintrag in der Navi eine dritte Klasse "sublink_letzter" bzw. "sublink_letzter_markiert" verwenden, aber wie?

Geht das überhaupt mit diesem Modul?

Geschrieben von: hk-cons am 28. Feb 2004 - 23:49
du kannst in den templates (fast) jeden html-tag unterbtingen, also auch div, span etc mit style= "irgendwas"

Geschrieben von: Monte am 29. Feb 2004 - 07:09
Ist mir schon klar ;-)
Nur, wie ermittle ich, welches der LETZTE Eintrag ist? Geht das vielleicht über die ID?

Geschrieben von: hk-cons am 29. Feb 2004 - 08:56
Dazu mußt Du wohl das Modul umschreiben, denn wie soll DAS LETZTE gefunden werden? Hast Du in der Navigation Ordner, Seiten oder Beides? Die idcat und die idcatside werden automatisch vergeben und Du kannst ja auch Ordner und Seiten verschieben, sodass dann zwangläufig die höchste id nicht die letzte ist. Du mußt wohl oder über deshalb die temporären arrays anzapfen, die nach der Sortierung bestehen ........

Gruß Harald

Geschrieben von: Monte am 29. Feb 2004 - 09:02
Ach Du Schande ...
Aber danke für die Erklärung ;-)

Monte

Geschrieben von: Mistral am 29. Feb 2004 - 10:47
Hallo Monte

Ich bin mir nicht ganz sichr was du genau machen willst.
Aber könnte es nicht funktionieren, wenn du das Ende der Navigation änderst.

von

CODE
Ende der Navigation
</td></tr></table>


in

CODE

Ende der Navigation
<div class="sublink_letzter"></div> </td></tr></table>


So sollte dein Hintergrundbild doch auch komplett dargestellt werden.
Nur so als Idee.
Gruss

Mistral

Geschrieben von: Monte am 29. Feb 2004 - 10:53
@Mistral

Leider geht das nicht. Links von jedem Textlink gibt es eine Linie, diese sieht beim letzten Link etwas anders aus, muß aber auch links vom Link plaziert werden. So war es bisher jedenfalls realisiert. Ich denke, für die Umsetzung in DEDI muß ich das Layout ein wenig ändern.

Monte

Geschrieben von: Eppi am 29. Feb 2004 - 11:16
hast du ein link, wo wir das sehen? ansosnten mach mal ein bild.

Geschrieben von: Monte am 29. Feb 2004 - 12:54
@Eppi

Die Seite ist noch nicht online, hier aber ein Bild:

user posted image

Edit:
Hm, vielleicht ist das so nicht verständlich. Die Linie wird durch einen linken CSS-Border erzeugt, im letzten Eintrag gibt es keinen solchen Border, weil er nicht bis ganz unten durchgehen soll. Stattdessen erledigt das ein anderes HG-Bild.

normales HG-Bild:
user posted image

letztes HG-Bild:
user posted image

Monte

Geschrieben von: Eppi am 29. Feb 2004 - 12:59
hmm und was ist da jetzt das problem? das ist doch ohne probleme realisierbar.

Geschrieben von: Monte am 29. Feb 2004 - 13:07
Ist es nicht, denn der horizontale Kasten und die Schrift sollen auf gleicher Höhe stehen. Somit geht ein Border immer ein Stückchen tiefer und die Navi würde dann so aussehen:

user posted image

Monte

Geschrieben von: Eppi am 29. Feb 2004 - 13:11
hmm, was macht man da *grübel*

Geschrieben von: mvsxyz am 29. Feb 2004 - 13:19
QUOTE (Monte @ 29. Feb 2004 - 13:07)

QUOTE
Ist es nicht, denn der horizontale Kasten und die Schrift sollen auf gleicher Höhe stehen. Somit geht ein Border immer ein Stückchen tiefer und die Navi würde dann so aussehen:

user posted image

Monte

Mann nehme eine Tabelle mit drei Spalten je Zeile. Erste Spalte deine senkrechten Striche, zweite Spalte die horizontalen Striche und in der letzten dann dein Text.
Wenn du das ganze mit dem Background-Attribut ausfüllst hast du immer noch nichts gewonnen. Darum solltest du möglichst ein Bild erstellen, das diesen Strichen entspricht oder 1x1 Pixel-GIF (in deiner Farbe) das du dann zurecht ziehst. Wenn du nun in die zweite Spalte das ganze so eingibst

CODE
<td valign="center"><img src="dein Bild" width="5" height="3"></td>

sollte dein Strich in der Mitte auf der gleichen Höhe vom Text angezeigt werden.

Geschrieben von: Monte am 29. Feb 2004 - 13:34
@mvsxyz

Genau diese Arbeit wollte ich mir sehr gerne ersparen, da alles über ein selbst gestricktes PHP-Script sauber lief. Dort wußte ich immer, wieviele Navigationspunkte (dynamisch) erzeugt werden würden und konnte den letzten dann anders behandeln.

Danke für die Hilfe, Monte

Geschrieben von: mvsxyz am 29. Feb 2004 - 13:39
QUOTE (Monte @ 29. Feb 2004 - 13:34)

QUOTE
@mvsxyz

Genau diese Arbeit wollte ich mir sehr gerne ersparen, da alles über ein selbst gestricktes PHP-Script sauber lief. Dort wußte ich immer, wieviele Navigationspunkte (dynamisch) erzeugt werden würden und konnte den letzten dann anders behandeln.

Danke für die Hilfe, Monte

Aber wenn dein Script eh die letzte Zeile anders darstellt, worin besteht denn dann das Problem ein anderes/das letzte Template zunehmen?

Geschrieben von: Monte am 29. Feb 2004 - 13:50
Ich möchte die ganze Geschichte auf DEDI portieren, bisher war alles selbstgestrickt und in der Verwaltung teilweise recht mühsam und auch etwas ungeschickt gelöst. Mein Navi-Script soll durch das Navigationsmodul 0.96 ersetzt werden, kann ich also nicht weiter verwenden. Und mit dem Modul kann ich offenbar nicht so einfach auf die ID's der Navi-Einträge zugreifen.

Geschrieben von: rene am 30. Mar 2004 - 19:42
Ich habe folgende Situation bei der Verwendung der 0.96.1-dev:

- Horizontale Navigation mit Anzeige der Ordner der ersten Ebene, anzeige aktiver Ordner

- Eine Unternavigation vertikal in der linke Spalte zur Anzeige der Unterordner des oben gewähleten Ordners

- Eine Unternavigation in der rechten Spalte zur Anzeige von Seiten, die in den Unterodnern angelegt sind

- Eine horizontale Navigation im Footer, Anzeige identisch zu jener im Header

Das Problem: ich habe das Modul 4 Mal eingebunden, und den Header und den Footer identisch konfiguriert. Sobald ich einen Ordner in der Hauptnavigation anwähle, der Unterodner enthält, werden diese Unterodner nicht nur in der linke Spalte angezeigt (was beabsichtigt ist) sondern auch in der Navigation im Footer.

Ich sehe oben folgendes: Ordner 1 - Ordner 2 - Ordner 3 (Ordner 2 aktiv)
Rechts: Underordner 1 - Unterordner 2 - Unterordner 3
Unten: Ordner 1 - Ordner 2 - Underordner 1 - Unterordner 2 - Unterordner 3 - Ordner 3

Sobald ich in der linken Spalte einen Ordner anwähle, springt der Footer auf die Ordner der ersten Ebene zurück und zeigt alles so an wie er sollte und wie der Header auch.

Dazu kommt noch, dass ich alle Unterordner in der Konfiugartion per idcat ausschliesse, und trotzdem erscheinen sie im Footer.

Mache ich etwas falsch, oder habe ich einen Bug gefunden?
Und sollte ich eher Version 0.96 verwenden, anstatt die dev?

Gruss, René

Geschrieben von: Eppi am 30. Mar 2004 - 20:12
äh, url?

Geschrieben von: rene am 30. Mar 2004 - 20:28
Gehe mal nach

[edited: ich habe den Link wieder entfernt, ich muss weitermachen. An der Fehlerbeschreibung ändert sich nichts]

Aber Achtung, ich bin noch heftigst am entwickeln - was in der linke Navigation angezeigt wird, funktioniert noch nicht so wie ich es will.

Gruss, René

Geschrieben von: Grummel am 16. May 2004 - 21:34
Hi Leuts,
ich steh gerade auch vor dem Problem die Navigation mit Bildern funktionstüchtig zu machen.

Die Navigation sieht derzeit so aus:

CODE
<div style="padding-top:8px;padding-left:6px "><a href="index-1.html"><img src="./cms/img/neu/but1.jpg" border="0"></a><span style="padding-left:2px "><a href="index-2.html"><img src="./cms/img/neu/but2.jpg" border="0"></a><span style="padding-left:2px "><a href="index-3.html"><img src="./cms/img/neu/but3.jpg" border="0"></a><span style="padding-left:2px "><a href="index-4.html"><img src="./cms/img/neu/but4.jpg" border="0"></a><span style="padding-left:2px "><a href="index-5.html"><img src="./cms/img/neu/but5.jpg" border="0"></a></span></span></span></span></div>

Jetzt möcht ich natürlich, dass diese mit DEDI funktioniert, und auch automatisch den aktiven Ordner kennzeichnet.

Ich habe mir diesen Thread durchgelesen, komme aber irgendwie zu keinem brauchbaren Ergebnis. Hat evtl. Jemand ne zündende Idee für mich? rolleyes.gif

Geschrieben von: Grummel am 17. May 2004 - 18:49
Hi,
habs nun doch selber hinbekommen.

Ergebnis findet man (noch) unter: http://www.cinempire.de/dedi/projekt01/index.php?idcatside=175

Bin gerade am Umbau auf ein neues Layout, also bitte nicht wundern, wenn die Links noch auf das alte Layout gehen. rolleyes.gif

Geschrieben von: Renmazuo am 28. May 2004 - 21:07
hallo zusammen.
dank manuel und ein paar anderen usern hab ich es geschafft dedi zum laufen zum bekommen.nur leider hab ich noch ein kleines problem.möchte gerne eine art mini sitemap machen für einen ordner.nur weis ich nicht wie ich das hinbekomme.hab es zwar versucht klappt aber nicht.sollte so in etwa aussehen :

http://lexikon.laborwissen.de/cms/index.php?idcatside=9

könnte mir vielleicht jemand helfen dabei udn mir sagen was ich machen muss im template und welche einstellungen ???

Geschrieben von: rene am 28. May 2004 - 21:52
@renmazua: In deinem Template zeige das Navigationsmodul und wähle den Konfigurationsmodus 'erweitert'.

Wähle als Verzeichnis 'Root'
anzeigen von 'Ordner mit Seiten'
Darstellungsform 'alle Unterordner anzeigen'

Vermutlich willst du auch 'Startseiten anzeigen' auf 'ja' setzen.

Unterhalb von diesen Einstellungen findest du die Templates für die Darstellung der Navigation.

Im 'Layout der Ordner' und 'Layout der Ordner in der 1. Ebene' kannst du den HTML-Code für den Link herausnehmen und die gewünschten Formatierungen vornehmen.

Gruss, René

Geschrieben von: Renmazuo am 28. May 2004 - 22:05
hab ich versucht aber dann spuckt er bei mir fehlermeldungen aus.no subject on http/doc/user/ ... und wenn ich root auswähle zeit er mir alle ordner an und wenn ich zum ausschlißen der ordner ids eingebe nimmt er die nicht an.bekomm es halt nicht so hin wie in der form beschrieben.

http://lexikon.laborwissen.de/cms/index.php?lang=1&idcatside=9

Geschrieben von: Sailor am 29. May 2004 - 11:26
Tolles Forum - Tolle Helfende - Ich kriege die Navigation nicht so zum laufen wie ich das gerne hätte: ich wäre unheimlich froh wenn mir hier jemand den Start erleichtern könnte (ich habe ausschliesslich Probleme mit der Navi und nicht mit dem Layout etc.)

Erste Ordnerebene horizontal
Zweite Ordnerebene links vertikal
Alle Seiten eines Ordners rechts vertikal

Bsp:
Ordner A Ordner B Ordner C Ordner D


Ordner B1
Ordner B2
Ordner B3
Ordner B4

(alle Ordner (B1-B4) sollten sichtbar bleiben wenn Hauptordner B aktiv ist)

Seiten (links)
Seite 1 zu Ordner B3
Seite 2 zu Ordner B3
Seite 3 zu Ordner B3


Konkret: (unter Contenido sah das im Entwurf so aus)
[URL=http://www.svp-muri-be.ch]

meine Seite mit dedi
www.marc-loosli.ch/dedi/backend
(admin / admin)

Geschrieben von: Eppi am 29. May 2004 - 12:18
ok, passe es mal schnell an :-)

Geschrieben von: hk-cons am 29. May 2004 - 12:25
meinst Du http://www.bsrk.de
Da fällt mir ein, ich sollt die Navis mal veröffentlichen .....

Geschrieben von: Eppi am 29. May 2004 - 12:38
wolltest du das so, wie ich es jetzt gerade eingestellt habe? wenn ja, mußt du bei neuen ordnern lediglich den startpunkt für die linke navi entsprechend anpassen.

gruß, paul

Geschrieben von: Renmazuo am 29. May 2004 - 18:24
langsam aber sicher verzweifle ich.ich bekomme das nicht hin so wie ich es will.kann mir da niemand helfen ???
hier nochmal der link.oben steht gerne wie ich es hätte und unten seht ihr die fehlermeldung wie ich sie ohne probleme hinbekomme. sad.gif

http://lexikon.laborwissen.de/cms/index.php?idcatside=9

Geschrieben von: Eppi am 29. May 2004 - 18:46
schick mir mal bitte die zugangsdaten per pm.

gruß, paul

Geschrieben von: Renmazuo am 29. May 2004 - 18:53
eppi schon passiert ^^

Geschrieben von: Eppi am 29. May 2004 - 19:21
hmm irgendwie spinnt das bei dir etwas rum. der fehler lag daran, das du im hauptordner keine seite hattest. die tempaltes die du bearbeiten mußt sind ordner und seiten in der 1. ebene

gruß, paul

Geschrieben von: Renmazuo am 29. May 2004 - 19:26
aha nur weil keine seite im hauptordner lag kam der fehler.oki.vielen dank eppi.denke den rest dürfte ich dann hinbekommen.so gott wolle biggrin.gif .bin da bissi lahmhirnig in solchen sachen.

Geschrieben von: Eppi am 29. May 2004 - 19:51
macht nix, dafür gibt es ja das anwenderforum biggrin.gif

Geschrieben von: Thor am 02. Jun 2004 - 14:19
servus,
ich hab ne frage ...
ich will in meiner navigation eine gif vorwegsetzen,
so wie auf der hauptseite von "der.dirigent",
krieg es aber nicht hin.
arbeite mit dem nav 1.0.
könnt ihr mit nen tip geben ..
thanks...
thor

Geschrieben von: urs am 02. Jun 2004 - 16:03
probiere es mal so - ist doch eigentlich einfaches HTML?!?

CODE
<tr><td  class="SubNavi">&nbsp;<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;" class="SubNavi"><img src="media/img/dein_pfeil.gif" width="10" height="10" border="0" alt="">&nbsp;{name}</a></td></tr>

Geschrieben von: st-cb am 02. Jun 2004 - 16:05
Einleitung der Navigation
<table border="0" cellspacing="0" cellpadding="4">
<tr>


Layout der Ordner in der 1. Ebene
<td width="10"><img src="http://domain.net/media/img/needfull/nav_pixel.gif"></td>
<td><div align="center"><a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></div></td>


Layout des aktiven Ordners der 1. Ebene
<td width="10"><img src="http://domain.net/media/img/needfull/nav_pixel_2.gif"></td>
<td><div align="center"><a href="{link}" class={font2} onMouseOver="on('{name}');return true;" onMouseOut="off();return true;">{name}</a></div></td>



Ende der Navigation
</tr>
</table>


christian

Geschrieben von: jwitt am 03. Jun 2004 - 11:15
Hallo,

ich habe die auf der 3. Seite dieses Threads beschriebene grafische Navigation einmal ausprobiert.
Nach einigen Schwierigkeiten hat es dann auch hin gehauen.

Für eine horizontale Navigation auf Seitenbasis sieht es so aus


CODE
Einleitung der Navigation

<nobr>

Layout der Ordner in der 1. Ebene

<!-- // -->

Layout des aktiven Ordners der 1. Ebene

<!-- // -->

Layout zwischen Ordnern der 1. Ebene

&nbsp;


Layout der Seiten in der 1. Ebene

<a href="{link}" onMouseOver="on('{name}');changeImages('{id}', 'media/img/{id}_over.gif');return true;" onMouseOut="off();changeImages('{id}', 'media/img/{id}.gif');return true;"><img name="{id}" src="media/img/{id}.gif" border="0"></a>

Layout der aktuellen Seite in der 1. Ebene

<a href="{link}" onMouseOver="on('{name}');changeImages('{id}', 'media/img/{id}_over.gif');return true;" onMouseOut="off();changeImages('{id}', 'media/img/{id}_active.gif');return true;"><img name="{id}" src="media/img/{id}_active.gif" border="0"></a>

oder besser

<a href="{link}" onMouseOver="on('{name}');return true;" onMouseOut="off();return true;"><img name="{id}" src="media/img/{id}_active.gif" border="0"></a>

Layout zwischen den Seiten in der 1. Ebene

&nbsp;

Ende der Navigation

</nobr>


Im Body-Tag lade ich


CODE
<body onload="preloadImages('lang_5side_18_over.gif', 'lang_5side_19_over.gif');off();return true;">


Es muß die standard.js geladen sein.

Erklärung:
lang_5side_18.gif = normaler Button
lang_5side_18_over.gif = MausOver-Button
lang_5side_18_active.gif = Button der aktiven Seite

Wie bekommt der Normalsterbliche überhaupt die "lang_id" heraus (also ohne PHPMyAdmin z.B.)? Besonders bei mehreren Projekten ist das sehr lustig.

Ist jemand an einer Screenshot-Doku, ähnlich wie ich sie für den Categorywalker einmal gemacht habe, interessiert?

MfG

Jürgen

Geschrieben von: Mistral am 03. Jun 2004 - 11:37

QUOTE
Ist jemand an einer Screenshot-Doku, ähnlich wie ich sie für den Categorywalker einmal gemacht habe, interessiert?

Klar sind wir interssiert, wenn du eine erstellt hast.
Du hast sicher gesehen, das im ZIP-File des Modules (welches auf der Homepage zu finden ist) eine Dokumantation des Modules vorhanden ist. http://www.der-dirigent.de/index.php?idcatside=90

Gruss
Mistral

Geschrieben von: jwitt am 03. Jun 2004 - 11:56
@Mistral

Die gezippte Dokumentation behandelt aber eine grafische Navigation überhaupt nicht und die Beschreibung von Eppi auf der 3. Seite diese Threads hat m.E. einen Fehler, denn es muß z.B. lang_xside_x.gif bzw. lang_xcat_x.gif heißen. Die Screenshot-Doku habe ich auch noch nicht erstellt. Würde ich nur nach Bedarf machen.

MfG

Jürgen

Geschrieben von: Eppi am 03. Jun 2004 - 14:12
oh, einen fehler. dann sollte man ihn verbessern, was muß ich ändern?

Geschrieben von: jwitt am 03. Jun 2004 - 16:09
@Eppi
habe ich ja schon geschrieben (und wie auch von Roland auf der 4. Seite dieses Threads schon bemerkt), daß es
QUOTE
lang_xside_x.gif bzw. lang_xcat_x.gif

heißen muß, statt lang_xsidex.gif bzw. lang_xcatx.gif.
Bleibt außerdem meine Frage

QUOTE
Wie bekommt der Normalsterbliche überhaupt die "lang_id" heraus (also ohne PHPMyAdmin z.B.)? Besonders bei mehreren Projekten ist das sehr lustig.

MfG
Jürgen

Geschrieben von: hk-cons am 03. Jun 2004 - 16:17
Ein bisschen Spaß muß sein .....

select * from dedi_client_lang

und wenn er kein phpmyadmin hat, bastelt er sich ein Modul (sourcecode oder so)
Und wenn er noch mehr Spaß haben will, verknüpft er das noch mit der dedi_client und hat dann auch noch den Projektnamen rolleyes.gif

Geschrieben von: jwitt am 03. Jun 2004 - 17:14
@hk-cons
wer kann schon so viel Spaß vertragen :-)

Geschrieben von: Firithlaith am 05. Jun 2004 - 12:41
Hi zusammen!

Das ist die Seite, die ich erstellen soll (hier ist sie noch nicht in DeDi):

http://opelfreunde.sillie.de

Ich hätte die Navi gerne genauso, nur wie?

Das Problem ist eigentlich der DivLayer und der dazu gehörende Hintergrund (diese Kästchen) Wie kann ich das auf meiner Seite einbinden?

Ich bekomme den Hintergrund einfach nicht hin, er bleibt immer schwarz und das Bild wird nicht angezeigt. Vorher stand es in der css datei drin, aber das wird von DeDi nicht akzeptiert, deswegen hab ichs in den HTML Code geschrieben - und nun wird das Hintergrundbild nicht mehr angezeigt sad.gif

Kann mir jemand behilflich sein?

Ciao,

Firith

Geschrieben von: artemide am 11. Jul 2004 - 10:01
Hallo!

Ich bin neu in diesem Forum und auch neu mit DeDi. Im Prinzip ist das System toll, leicht zu managen und ebenso zu erlernen. Nur die Navigation sträubt sich etwas. Mein Ziel ist eine Navigation in zwei Ebenen:
Ordner 1 Startseite
-Seite 1
-Seite 2
Ordner 2 Startseite (mehr ist nicht drin)
Ordner 3 Startseite
-Seite 1
-Seite 2
-Seite 3
usw.
Die Darstellung läuft wie das beliebte Suckerfish-Menü in verschachtelten Listen

<ul id=Navi"> //id nötig wg. drauf zugreifendem Javascript
<li>Ordner 1 Startseite
<ul>
<li>Seite 1</li>
<li>Seite 2</li>
</ul>
</li>
<li>Ordner 2 Startseite</li>
.....
</ul>

Die CSS-Datei mach daraus dann ein horizontales Menü, in dem die Ordner-Startseiten angezeigt werden, bei Mouseover erscheint unter _jedem_ Ordner der Seiteninhalt abzgl. Startseite.

Leider funzt das mit der Navi 1.0 noch nicht so richtig. Mein Verdacht ist, dass sich hiermit die Verschachtelung nicht darstellen läßt, da ja manche Ordner nur ihre Startseite haben, also keine untergeordnete <ul> brauchen. Hier meine Daten aus dem Template:

Einleitung der Navigation
<ul id="nav">

Layout der Ordner in der 1. Ebene
<li><a href="{link}">{name}</a><ul>

Layout des aktiven Ordners der 1. Ebene
<li><a href="{link}">{name}</a><ul>

Layout zwischen Ordnern der 1. Ebene
</u></li>

Layout der Seiten in der 1. Ebene
<li><a href="{link}">{name}</a></li>

Layout der aktuellen Seite in der 1. Ebene
<li><a href="{link}">{name}</a></li>

Layout zwischen den Seiten in der 1. Ebene

...

Ende der Navigation
</ul>

Habt Ihr eine Idee, ob es trotzdem möglich ist, diese Navigation in DeDi zu machen?

Hoffnungsvoll

artemide

Geschrieben von: Olaf am 11. Jul 2004 - 12:16
Wie du schon richtig erkannt hast ist es mit der jetzigen Navigation nicht möglich diese als Liste auszugeben. Hab da auch schon mal ne Stunde investiert. Bleibt dir nur deine Navi auf DIV aufzubauen und das JS anzupassen, oder das sich mal einer erbarmt und ide Navi umarbeitet.

Geschrieben von: bjoern am 11. Jul 2004 - 23:43
Ich hatte mal unter http://forum.der-dirigent.de/index.php?act=ST&f=5&t=2167&st=0&#entry16209 eine Klasse gepostet, mit der man sich eigene Menüs zusammenbasteln kann. Wenn Du in PHP fitt bist, dürfte das damit kein Problem sein, ein solches Modul zu entwickeln.

Geschrieben von: artemide am 12. Jul 2004 - 02:52
Hallo, Olaf und Björn!

Danke für die Hilfe, ich werde beides ausprobieren und bei Erfolg hier posten smile.gif smile.gif
Eine erfolgreiche Woche Euch allen!
artemide

Geschrieben von: AndreX am 19. Jul 2004 - 09:17
Hallo,

eine Listen-Navigation wie von Artimede angedacht, kann man über die Navigation in Verbindung mit den entsprechenden Stylesheets meiner Meinung nach doch realisieren. Allerdings ist es recht aufwändig, zumindest für mich.
Durch die Styles kann man jedem Ordner bzw. Unterordner usw. ein eigenes Layout zuweisen und die Position entsprechend einstellen.

Als Grundlage dienst ein CSS-Beispiel von css.fractatulum.net (http://css.fractatulum.net/sample/menu1format.htm). Anstatt der ID Menu habe ich Klassen verwendet.

__________________________________________________
Modulkonfiguration der Navigation:

//Wenn die Ordner und Seiten immer angezeigt werden sollen
//anzeigen von: Ordner mit Seiten
//Darstellungsform: Alle Unterordner anzeigen

Einleitung der Navigation
<div><ul class="navul">

Layout der Ordner in der 1. Ebene
<li class="navli"><a href="{link}" class="{font1}">&raquo;&nbsp;{name}</a></li>

Layout des aktiven Ordners der 1. Ebene
<li class="navli-oa"><a href="{link}" class="{font1}"><img src="media/styles/logo_small.gif" border="0" alt="&nu;" />&nbsp;{name}</a></li>

Layout zwischen Ordnern der 1. Ebene

Layout der Seiten in der 1. Ebene
<li class="navli-s"><a href="{link}" class="{font2}">&nbsp;&nbsp;&raquo;&nbsp;{name}</a></li>

Layout der aktuellen Seite in der 1. Ebene
<li class="navli-sa"><span class="{font2}">&nbsp;&nbsp;&raquo;&nbsp;{name}</span></li>

Layout zwischen den Seiten in der 1. Ebene

Layout beim Wechsel in tiefere Ebene

Layout beim Wechsel in hoehere Ebene

Layout der Ordner
<li class="navli"><a href="{link}" class="{font1}">&nbsp;&nbsp;&raquo;&nbsp;{name}</a></li>

Layout des aktiven Ordners
<li class="navli-oa"><span class="{font1}">&nbsp;&nbsp;&raquo;&nbsp;{name}</a></li>
Layout zwischen den Ordner

Layout der Seiten
<li class="navli-s"><a href="{link}" class="{font2}">&nbsp;&nbsp;&raquo;&nbsp;{name}</a></li>

Layout der aktuellen Seite
<li class="navli-s"><span class="{font2}">&nbsp;&nbsp;&raquo;&nbsp;{name}</span></li>

Layout zwischen den Seiten

Ende der Navigation
</ul></div>

_______________________________________________

Dazugehörige Stylesheets

.navli a:hover {color: #f6f6f6; text-decoration: none; background: #5a7bad; border-top: 1px solid #99917d; border-right: 1px solid #e4d9c0; border-bottom: 1px solid #e4d9c0; border-left: 1px solid #99917d; display: block;}

.navli-s a:hover {color: #000080; text-decoration: none; background: #c7d5eb; border-top: 1px solid #99917d; border-right: 1px solid #e4d9c0; border-bottom: 1px solid #e4d9c0; border-left: 1px solid #99917d; display: block;}

.navli-oa a, navli-oa a:hover {color: #000080; text-decoration: none; background: #f6f6f6; width: 95%; margin: 0px 0px 1px 0px; padding: 1px 3px 1px 3px; border-top: 1px solid #e4d9c0; border-right: 1px solid #99917d; border-bottom: 1px solid #99917d; border-left: 1px solid #e4d9c0; display: block;}

.navli a:active {color: #000080; text-decoration: none; background: #ffcc00; width: 95%; margin: 0px 0px 1px 0px; padding: 1px 3px 1px 3px; border-top: 1px solid #e4d9c0; border-right: 1px solid #99917d; border-bottom: 1px solid #99917d; border-left: 1px solid #e4d9c0; display: block;}

.navli-s a:active {color: #000080; text-decoration: none; background: #f6f6f6; width: 95%; margin: 0px 0px 1px 0px; padding: 1px 3px 1px 3px; border-top: 1px solid #e4d9c0; border-right: 1px solid #99917d; border-bottom: 1px solid #99917d; border-left: 1px solid #e4d9c0; display: block;}
#footer .bottom {clear:both; text-align:right; border-top:2px dotted black; }
#footer .right {margin-left:41%; }
#footer .left {float:left; width:40%; border-right:2px dotted black; }
#footer p {margin:0px; padding:5px; font:bold 11px verdana, sans-serif; }

.navli {width: 100%; color: #000080; background: transparent; padding: 0px;}

.navul {list-style-type:none; margin: 0px; padding: 0px;}

.navli-s {width: 100%; color: #000080; background: transparent; padding: 0px; margin: 0px;}

.navli-s a {color: #000080; text-decoration: none; background: #dbe3ef; width: 95%; margin: 0px 0px 1px 0px; padding: 1px 3px 1px 3px; border-top: 1px solid #e4d9c0; border-right: 1px solid #99917d; border-bottom: 1px solid #99917d; border-left: 1px solid #e4d9c0; display: block;}

.navli-sa {color: #000080; text-decoration: none; background: #f6f6f6; width: 95%; margin: 0px 0px 1px 0px; padding: 1px 3px 1px 3px; border-top: 1px solid #e4d9c0; border-right: 1px solid #99917d; border-bottom: 1px solid #99917d; border-left: 1px solid #e4d9c0; display: block;}

____________________________________________

Na ja, eigentlich schon fast zu viel Styles und co, aber es funktioniert bei mir zumindest mit den aktuellen Browsern unter Win. Weitere Tests sind am laufen.

Mit den Abständen padding und margin kann man dann noch die einzelnen Elemente einrücken, um die Listendarstellung zu erreichen.
Die Links zu Bildern etc. müssten natürlich entfernt bzw. angepasst werden, sofern einer das Beispiel anwenden möchte.

Gruß
André

Geschrieben von: Olaf am 19. Jul 2004 - 10:25
Hi AndreX,
was du da machst ist schon richtig aber verfehlt den Sinn des Einsatzes von Listen für Navigationen. Schalte mal bei deiner Seite CSS ab dann siehst du es wird alles gleich gemacht, du siehst keinen Unterschied was Ordner, Seiten, Unterordner und Unterseiten ist. Die Leute die sich schinden und die Listen mit CSS verbiegen machen es darum weil es dann ohne CSS eine Struktur ergibt. Das ergibt sich aber nur über geschachtelte Listen, verstehscht?

Geschrieben von: AndreX am 19. Jul 2004 - 11:01
Hi Olaf,

verstanden hab ich das schon, aber es ging mir erst mal darum, die gewünschte Navigation mit DeDi überhaupt darstellen zu können.
Ohne Styles werden die Unterordner und Seiten ebenfalls strukturiert dargestellt, da im Modul für Seiten und Ordner Leerschritte eingebaut wurden.

Mir ist aber auch klar, das es sich nur um einen Workaround handelt, um zum gewünschten Ziel zu kommen.

Gruß
André

Geschrieben von: AndreX am 20. Jul 2004 - 07:43
Hallo noch mal,

ich habe noch mal kurz in der navi gespielt und mit der denkbar einfachsten Lösung ein Listenmenu erzeugt.
Warum einfach, wenn es auch kompliziert geht?biggrin.gif


So soll es aussehen:

Ebenen (ohne Listenkonfiguration erhält man natürlich die üblichen Listenpunkte):
Ordner 1 Startseite
-Seite 1
-Seite 2
Ordner 2 Startseite (mehr ist nicht drin)
Ordner 3 Startseite
-Seite 1
-Seite 2
-Seite 3
usw.

Modulkonfig:

Einleitung der Navigation
<ul>

Layout der Ordner in der 1. Ebene
<li><a href="{link}">{name}</a></li>

Layout des aktiven Ordners der 1. Ebene
<li><a href="{link}">{name}</a></li>

Layout zwischen Ordnern der 1. Ebene


Layout der Seiten in der 1. Ebene
<ul><li><a href="{link}">{name}</a></li></ul>

Layout der aktuellen Seite in der 1. Ebene
<ul><li><a href="{link}">{name}</a></li></ul>

Layout zwischen den Seiten in der 1. Ebene

Layout der Ordner
Mögliche Templatevariablen: {space}, {link}, {name}, {id}, {font1}{font2}{font3}
<ul><li><a href="{link}">{name}</a></li></ul>

Layout des aktiven Ordners
Mögliche Templatevariablen: {space}, {link}, {name}, {id}, {font1}{font2}{font3}
<ul><li><a href="{link}">{name}</a></li></ul>
Layout zwischen den Ordner

Layout der Seiten
<ul><li><a href="{link}">{name}</a></li></ul>

Layout der aktuellen Seite
<ul><li><a href="{link}">{name}</a></li></ul>


Ende der Navigation
</ul>


Wie man sehen kann, habe ich einfach für jede Ebene einen eigenen Listenbereich <ul>..</ul> erfasst und es funktioniert bei mir. biggrin.gif wink.gif


Gruß
André

Geschrieben von: Freeman am 24. Jul 2004 - 16:54
Hi,

dieses Beispiel steht auch schon hier http://forum.der-dirigent.de/index.php?act=ST&f=12&t=183 und ist/war von mir tongue.gif

Zusätzlich ist da auch der komplette Stylesheet angegeben, mit welchem man die Navi farbenmäßig und größenmäßig anpassen kann.

Anmerkung: Vielleicht sollte man den Thread aufsplitten, einmal in die Beispiele und einmal in die Diskussionen dazu, 8 Seiten sind schon heavy rolleyes.gif

Geschrieben von: HardCastle am 05. Aug 2004 - 09:49
Hi Freeman,

hast Du ne Idee, wie ich eine CSS-Navigation hinbekomme, die wie bei der Tabellennavigation die netten Einrückungen hinbekommt?

Für zwei Ordnerebenen bekomme ich das hin (verschachtelte Listen) aber ab 3 Ordnerebenen klappt der der Übergang nicht mehr:

1. Ordner
-----1.1 Ordner
-----1.2 Ordner
-----1.3 Ordner
----------1.3.1 Ordner
-----2. Ordner <<<<<<<<<<!!!!!!

Liegt wohl daran, dass das Template "Layout beim Wechsel in hoehere Ebene" nicht die Anzahl der Wechsel in untergeordnete Ebenen mit berücksichtigt. Es wird halt nur einmal ausgeführt, weshalb ich dann bei der Verschachtelung immer nur eine Ebene höher komme (wie oben zu sehen).

Irgendwelche Ideen?

Gruß HardCastle

Geschrieben von: AndreX am 11. Aug 2004 - 22:32
Hallo,

ich hab mich noch mal ein wenig mit der Listennavi beschäftigt und bin habe noch folgendes Problem:

Wenn ich in der Konfig unter

Layout zwischen den Ordner

einen Wert eingebe, wird dieser jeweils vor dem Ordner einer Ebene angezeigt, bzw. es wird nicht abgeprüft, ob die betreffenden Ordner, zwischen denen der Tag rein soll, auch in der gleichen Ebene sind.

Ich habe das Ganze mal auf dem Playground eingestellt.

http://ctrl-alt-delete.ch/cm/community/index.php?idcatside=24

Würde der TAG im Bereich -Layout zwischen den Ordner- die Ebene abprüfen und dann nicht vor, sondern wirklich zwischen den Ordnern gleicher Ebene, soweit vorhanden, eingestellt, könnte man meiner Meinung nach eine valide Liste über die 1. Ebene hinaus erzeugen.
Mir fehlt im Moment noch ein schließender TAG zwischen den Ordnern der tieferen Ebenen.
Für die 1.Ebene ist eine valide Listennavi möglich.

Den bisherigen Thread habe ich auch noch mal "Überflogen", aber keinen Beitrag hierzu gefunden.

@Freemann: Es war nicht meine Absicht, Deine Beispiel abzukupfern, hab es ja auch nicht ganz getroffen, sorry smile.gif

Gruss
André

Geschrieben von: HardCastle am 12. Aug 2004 - 09:05
Hi andre,

an der gleichen stelle bin ich auch gescheitert.

Vielleicht kann der programmierer des navigations-moduls noch ein bisschen hand anlegen, damit die ebenenanzahl berücksichtigt wird. Das heisst irgendwie dem modul beibringen, die ebenen mitzuzählen, sodass bei einem ebenenwechsel abgeprüft wird ob es jetzt von der 3. in die 2. ebene (ein ebenenwechsel) zurückgeht oder in die 1. ebene (zwei ebenenwechsel).

Wie findest du die idee?

Gruß HardCastle

Geschrieben von: bjoern am 12. Aug 2004 - 12:15
Also, damit ich das als ratloser Programmierer auch verstehe. Wie sollen die Templates reagieren, bei den Punkten "Layout beim Wechsel in hoehere Ebene" und "Layout beim Wechsel in tiefere Ebene"?

Reicht es, wenn das Template "Layout beim Wechsel in tiefere Ebene" mitzählt, von welcher auf welche Ebene gewechselt wird, und dann beim Wechsel von Ebene3 auf Ebene1 zwei mal ausgeführt wird, oder muß da noch was zu?

Geschrieben von: Olaf am 12. Aug 2004 - 12:29
Genau, Bjoern. Am besten vielleicht mit einem Schnippsel zu veranschaulichen.
CODE

 <ul>
<li><a href="#">Doc</a></li>
<li><a href="#">Doc</a>
 <ul>
  <li><a href="#">Doc</a></li>
  <li><a href="#">Doc</a>
   <ul>
    <li><a href="#">Doc</a></li>
    <li><a href="#">Doc</a></li>
   </ul>
  </li>
  </ul>
  </li>
<li><a href="#">Doc</a></li>
</ul>

So sollte es dann mal aussehen. Also beim Wechsel 2x nach oben muss 2x ul und li geschlossen werden. Beim wechsel in eine tiefere Ebene darf aber beim letzten li kein schließendes li sein. Da sehe ich das größere Problem.

Geschrieben von: bjoern am 12. Aug 2004 - 13:22

QUOTE
So sollte es dann mal aussehen. Also beim Wechsel 2x nach oben muss 2x ul und li geschlossen werden. Beim wechsel in eine tiefere Ebene darf aber beim letzten li kein schließendes li sein. Da sehe ich das größere Problem.


Dürft doch eigentlich kein Problem sein. Das Template "Layout beim Wechsel in tiefere Ebene" wird doch nur beim Wechsel der Ebenen ausgeührt. Nicht jedoch beim Abschluss der Navigation. Ich stzelle mir das dann so vor:

Template Einleitung der Navigation:
<ul>

Template Layout beim Wechsel in höhere Ebene:
<ul>

Template Layout beim Wechsel in tiefere Ebene:
</ul></li>

Template Abschluss der Navigation:
</ul>


Richtig/ Falsch?

Geschrieben von: Olaf am 12. Aug 2004 - 13:46
Wenn dann so:
Template Einleitung der Navigation:
<ul>

Template Layout beim Wechsel in höhere Ebene:
</ul></li>

Template Layout beim Wechsel in tiefere Ebene:
<ul>

Template Abschluss der Navigation:
</ul>

Aber trotzdem FALSCH, probier es aus, behalt den Schnippsel im Hinterkopf wink.gif

Geschrieben von: Mistral am 12. Aug 2004 - 13:55
Hallo zusammen

Wenn ich es richtig versteh unterhaltet Ihr euch über den wechsel der irgendwo in der Navigation platziert sein kann.

Dazu noch eine Anmerkung. Wenn der wechsel von ein höhren Ebene in tiefere Ebene ganz am Schluss ist, wird dieser mit der jetzigen Navigation auch nicht ausgegeben. Das heisst die Listen werden nicht abgeschlossen.


Gruss
Mistral

Geschrieben von: bjoern am 12. Aug 2004 - 14:10
hmm, kann mal einer ein Navigationstemplate komplett hier posten
- das funktionieren würde, wenn die Navi etwas anders reagieren würde
- die einzelnen Templates beschreiben, die anders reagieren müssen

Dann kann ich mal versuchen, das reinzuproggen.

Geschrieben von: Olaf am 12. Aug 2004 - 15:31
Ich wage einen Versuch, denke du wolltest es anders haben, nur besser kann ich nicht wink.gif
CODE

<ul>                                              ANFANG NAVIGATION
 <li><a href="#">Doc</a></li>      STANDARD
 <li><a href="#">Doc</a>             WENN WECHSEL IN TIEFER KEIN </li>
   <ul>                                           WENN WECHSEL IN TIEFER DANN ÖFFNE <ul>
     <li><a href="#">Doc</a></li>  STANDARD
     <li><a href="#">Doc</a></li>  STANDARD
     <li><a href="#">Doc</a>         WENN WECHSEL IN TIEFER KEIN </li>
       <ul>                                       WENN WECHSEL IN TIEFER DANN ÖFFNE <ul>
         <li><a href="#">Doc</a></li>STANDARD
         <li><a href="#">Doc</a>     WENN WECHSEL IN TIEFER KEIN </li>
           <ul>                                   WENN WECHSEL IN TIEFER DANN ÖFFNE <ul>
             <li><a href="#">Doc</a></li>STANDARD
             <li><a href="#">Doc</a></li> WENN WECHSEL IN HÖHER DANN SCHLIEßE </li> (WIE STANDARD)
           </ul>                                   UND SCHLIEßE </ul>
         </li>                                      UND SCHLIEßE </li>
       </ul>                                       SO
     </li>                                          OFT
   </ul>                                           WIE
 </li>                                              TIEF, HIER 3X
 <li><a href="#">Doc</a>
   <ul>
     <li><a href="#">Doc</a></li>
     <li><a href="#">Doc</a></li>
   </ul>                                           HIER NUR 1X
 </li>
</ul>                                              ENDE NAVIGATION

Danke das sich jemand bemüht, ich bin sicher es würde DEDI um vieles aufwerten wenn es denn mal klappen würde.

Geschrieben von: AndreX am 12. Aug 2004 - 20:34
Hallo,

ich sehe das Problem gar nicht so direkt im wechsel zwischen den Ebenen. Eine Lösung ist sicherlich, das irgendwie mitgezählt wird, wie viele Ebenen es nach oben geht und dann entsprechend oft die Tags wiederholt werden.

Ich denke aber, dass das Problem in dem

Layout zwischen den Ordner

zu suchen ist. Wenn man sich das Beispiel auf dem Playground ansieht, sieht man, dass das 1. Layout zwischen den Ordnern vor den Unterordnern erscheint. Es sollte aber nach den Unterordnern erscheinen! So würde der Tag für den offenen Ordner im Anschluss an die Unterordner geschlossen.

Die Konfig für die Liste im Playground kann ja jeder einsehen. Zugangsdaten dürften bekannt sein, ansonsten nach Funkyferdy suchen (Danke übrigens für den Playground biggrin.gif )

In der konfig müsste meiner Einschätzung nach unter Layout zwischen den Ordnern noch die schließenden Tags </ol></li> eingefügt werden, wenn das Layout zwischen den Ordnern nach meinen Ausführungen einsortiert wird - glaube ich zumindest.

Die Einträge wären also anlog zur 1. Ebene zu setzen.

Gruss
André

Geschrieben von: Olaf am 12. Aug 2004 - 21:03
Hi AndreX,
ich Dussel hab jetzt ebend deine Anschauungsliste zerschossen, auf dem Playground!!! Sorry, wieso eigentlich? Hab nur das entsprechende Template bearbeitet. Und immer dort wo irgendwas zwischen ausgegeben werden soll Texte eingefügt. Na, jedenfalls hats nichts gebracht wink.gif

Wenn ich es richtig gesehen habe hat zwar deine Anzeige so etwas wie ne Liste ausgegeben, aber korrekter Code geht so nicht. Wie willst du es denn realisieren, das beim Wechsel in tiefere Ebene kein </li> erscheinen darf!?

Geschrieben von: AndreX am 12. Aug 2004 - 21:19
Hallo Olaf,

beim wechsel in eine tiefere Ebene brauche ich doch erst mal kein </li>, erst wenn ich wieder nach oben will.

So sieht doch eine HTML-Liste aus?

<ol><li>1. Ebene<ol>
<li>2. Ebene</li>
</ol></li>
//Schließen des Ordners der 2. Ebene und schließen des Ordners der 1. Ebene = Layout zwischen dem Ordnern gleicher Ebene.
<li>1. Ebene 2. Ordner</li>
</ol>

Das heisst, dass zum Abschluss der Ordner und der Unterordner alle offenen Tags geschlossen werden müssen.

Daher mein Vorschlag, den Bereich Layout zwischen den Ordnern hinter den Unterordnern zu plazieren und nicht vor den Unterordnern, so dass mit einem Eintrag dort der Ordner korekt geschlossen werden kann.

Zur Zeit ist eine valide Liste ja definitiv nicht über mehrere Ebenen möglich, das ist ja genau das Problem.
Wenn es gewünscht wird, kann ich auch gerne nochmal meine Versuchskonfig hier posten.

Edit: Die Seite Sitemap stammt von mir, die ist unverändert, das Template dazu auch wink.gif Die Konfig habe ich im kopierten Modul vorgenommen: Navigation Liste

Gruss
André

Geschrieben von: eknem am 12. Aug 2004 - 21:26
Hallo,

AndreeX hat recht, irgendwie stimmt die Position von Layout beim wechsel in tiefere Ebene nicht.

Edit: so sieht man es etwas besser

CODE
      * Home
         o Home
         o newsmodul
         o Test mit Seitendruck
         o Downloadmanager
         o Flex-Test-Div
         o DIV-funktioniert doch!
         o Sitemap
         o dhtmltest
         o test
         o WYSIWYG
         o naviliste (finger weg)
   * Zwischen Ordnern Ebene 1 Unterordner1
         o Unterseite1
         o
                 Wechsel in tiefere Ebene
                 Zwischen Ordnern
         o Subordner1
               + Noch ne unterseite;-))
               + Und noch eine
         o Zwischen Ordnern
             Subordner 2
               + Unterseite Sub2
           Wechsel in hoehere Ebene
           Zwischen Ordnern Ebene 1
           Unterordner 2
   *
         o test mit neuem fenster
         o Seite 1


Geschrieben von: Olaf am 12. Aug 2004 - 21:42
QUOTE (AndreX @ 12. Aug 2004 - 21:19)

QUOTE

So sieht doch eine HTML-Liste aus?

<ol><li>1. Ebene<ol>
      <li>2. Ebene</li>
      </ol></li>
//Schließen des Ordners der 2. Ebene und schließen des Ordners der 1. Ebene = Layout zwischen dem    Ordnern gleicher Ebene.
      <li>1. Ebene 2. Ordner</li>
</ol>

Da hast du schon Recht aber nur in dem Falle das nach deiner 1. Ebene gleich eine 2. Ebene folgt. Folgt eine Gleichgestellte ist es falsch, siehe:
<ul> ANFANG NAVIGATION
<li><a href="#">Doc</a></li> STANDARD
<li><a href="#">Doc</a> WENN WECHSEL IN TIEFER KEIN </li>
<ul>

Und wenn sich da jemand ran macht sollte es doch ordentlich sein!?

Geschrieben von: AndreX am 12. Aug 2004 - 21:56
Hi,

@eknem
die Position von Layout zwischen den Ordnern ist meiner Meinung nach falsch, der Wechsel in die tiefere ebene funktioniert nach meiner Einschätzung.

@Olaf
Und genau dafür, das die Navi die Tags an die richtige Stelle setzt habe ich doch die verschiedenen Bereiche zum Eintragen. D.h. wenn ich unter Wechsel in eine tiefere Ebene etwas eintrage, dann wird auch nur bei einem solchen Wechsel der Eintrag ausgeführt.

Nehme doch mal die Navi und stelle alle Unterordner offline. Die Ausgegebene Liste für die 1. Ebene ohne Unterordner sollte fehlerfrei sein. Bei mir hatte ich zumindest für die 1. Ebene eine XHTML validierte Seite. Erst beim einschalten der tieferen Ebenen kommen die Probleme.

Leider verstehe ich nur mip-forms blink.gif wenn ich in den Code des Moduls reinschaue, aber vielleicht kann ja jemand der was davon versteht, die Position des Layout zwischen den Ordner so einstellen, dass Sie bei vorhandenen Unterordnern nach diesen erscheint. Man wird dann sehen, ob es funktioniert, oder ob ich falsch liege, ich denke, einen Versuch ist es wert.

Gruss
André

Geschrieben von: Olaf am 12. Aug 2004 - 22:04
AndreX du hast in allem was du schreibst recht, nur nützt das nichts weil du in bestimmten Fällen mit </li> und manchmal ohne brauchst. Das ist doch der Haken. Es nützt nichts an bestimmten Stellen was dazuzufügen, du musst an bestimmten Stellen etwas weglassen!

Aber lass uns erst mal Schluss machen, wir bekommen das eh nicht hin sad.gif mad.gif

Geschrieben von: AndreX am 12. Aug 2004 - 22:14
Für heute sollte es reichen, da hast Du recht und ich kriege das ja auf jeden Fall nicht hin mad.gif

Aber irgendwie habe ich im Hinterkopf, das es geht nicht bei DeDi nicht gibt biggrin.gif
Hier sind jetzt die Modulentwickler gefragt, vielleicht nimmt sich einer der Sache an. Wenn ich helfen kann, bin ich gerne dazu bereit, soweit es mir möglich ist.

Ciao
André

Geschrieben von: eknem am 12. Aug 2004 - 22:15
QUOTE (AndreX @ 12. Aug 2004 - 22:56)

QUOTE
die Position von Layout zwischen den Ordnern ist meiner Meinung nach falsch, der Wechsel in die tiefere ebene funktioniert nach meiner Einschätzung.

Hallo,

@AndreX
hast natürlich recht.

Vor lauter ul's und li's kommt man schon ins schleudern

Geschrieben von: bjoern am 12. Aug 2004 - 22:25
OK, Olaf, ich hoffe, Du bist noch wach, hier mein Beitrag zum Thema "Kranke Module heute".

Ich hab das Dingen mal vorkonfiguriert, so daß Du alles abchecken kannst. Wenn es nach Deiner Meinung soweit OK ist, mach ich den Configbereich fitt. Das Geheimnis des Moduls liegt in ein paar neuen Variablen, die Du bei den Ordnern/ Seiten angeben kannst. Die sehen dann so aus:
{nextItemIsNotDeeper}</li>{/nextItemIsNotDeeper}
{nextItemIsDeeper}<ul>{/nextItemIsDeeper}

Alles Klar?


Edit: Hab die Datei gelöscht. Die Enwicklung des Nav- Moduls geht hier weiter: http://forum.der-dirigent.de/index.php?act=ST&f=5&t=2823

Geschrieben von: Olaf am 12. Aug 2004 - 23:20
Suuper, erster Test läuft. Ich musste erst mal alle &lt; usw austauschen.
Was gleich auffiel, du hast jetzt bei Layout beim Wechsel in hoehere Ebene </ul>
</li> drin was auch richtig wäre. Es ist aber so, dass es die an richtiger Stelle ausgibt wenn ich es bei Layout beim Wechsel in tiefere Ebene eingebe. Also sollte da noch was getauscht werden!

So nun werd ich noch paar Ordner und seiten erstellen.

Geschrieben von: bjoern am 12. Aug 2004 - 23:27
Nix verstehen... aber egal, teste mal, dann sehen wir weiter.
Du könntest dann gleich einen neuen Thread im Entwicklerforum aufmachen, da die Entwicklung des Navigationsmoduls jetzt wohl doch noch mal in eine neue Runde geht.

Geschrieben von: Webmastaz am 13. Aug 2004 - 08:21
Hallo,

Hab das ein Mal getestet und habe folgendes Resultat erhalten:

<ul>
<li>Online </li>
<li>Welcome </li>
<li>News </li>
<li>About </li>
<li>Gallery </li>
<li>Guestbook </li>
<li>Contact </li>
</ul>

tja, die <ul> und <li> tags sollten wohl nicht dem Besucher der Webseite angezeigt werden. Da scheint wie bereits erwähnt tatsächlich die "&lt;" tags zu viel zu sein.

Geschrieben von: bjoern am 13. Aug 2004 - 15:15
Nein, das ist beabsichtigt, da ich am entwickeln bin, und den Sourcecode angezeigt haben will. Die Entwicklung geht hier weiter: -> http://forum.der-dirigent.de/index.php?act=ST&f=5&t=2823

Geschrieben von: Claus am 16. Aug 2004 - 12:24
Hi folks,

da ich neu hier bin, möchte ich um Entschuldigung bitten, falls meine Frage schon mal gestellt und beantwortet wurde. Aber ich habe trotz Suche keine Antwort auf mein Problem finden können.

Also, mit dem Navi-Modul sind ja verschiedene Sortierungen möglich:
Name
Erstelldatum
etc.

Aber was, wenn ich die Reihenfolge frei, sprich nach inhaltilichen Gesichtspunkten, bestimmen möchte möchte?

Eine Option wie eine Art Nummerierung (ggf. ein Zusatzfeld in der Navi-Konfi) wäre gut. Oder eine Art "Verschiebe-Option".

Oder habe ich nur etwas übesehen?

Ich hoffe,
1) dass, ich eine Antwort nicht überlesen haben
2) dass, deutlich ist was ich meine.

Schon mal danke
Claus.

Geschrieben von: hylli am 16. Aug 2004 - 12:46

QUOTE
Oder habe ich nur etwas übesehen?

Definitiv!!! tongue.gif

Wenn Du die Navigation frei sortieren möchtest lässt Du die Konfiguration des Navi-Moduls bei "Seiten sortieren" auf "Standard (wie Backend)" stehen bzw. änderst es gegebenenfalls auf diese Sortierung ab.

Im Backend unter Redaktion - Seiten kannst Du rechts oben bei "Wechseln zu..." auf "Seiten - Sortieren" wechseln und Deinen Seiten und Ordner nach oben/unten verschieben wie Du möchtest.

Gruß
Hylli smile.gif

Geschrieben von: Claus am 16. Aug 2004 - 14:04
Hallo hylli,

danke. Das wars.
Hätte ich ja auch selbst drauf kommen können. War wohl zu einfach wink.gif
Aber zum Anfang gibt es einfach zu viele Dinge, die man im Blick haben muss.

Ansonsten ein großes Lob an alle Entwickler. Ist ein Super-Teil geworden.

Viele Grüße
Claus.

Geschrieben von: hylli am 16. Aug 2004 - 14:27
Hallo Claus,

ich hoffe Du kennst schon http://forum.der-dirigent.de/index.php?act=ST&f=4&t=2845 zum Thema Dokumentation von DeDi.

Gruß
Hylli smile.gif

Geschrieben von: karl4 am 16. Oct 2004 - 22:19
QUOTE (Sven777b @ 23. May 2003 - 17:00)

QUOTE
Das ist erstmal das Standard-Layout von Eppi:

typische Konfiguration:

Anzeigen von  : Ordner mit Seiten
Darstellungsform                : Unterordner automatisch
Startseiten anzeigen : ja
Verzeichnis wählen                : root


CODE
</table></div>


usw., wie oben

Hallo,

ich bin gerade dabei, die Standardnavigation an meine Zwecke und Design anzupassen, was soweit ganz passabel funktionierte. rolleyes.gif

Was mich aber fast zum Wahnsinn treibt, ist die Positionierung der Navigation. Das Layout ist eine gängige Tabelle, links steht in <td> die Navigation 1.1, rechts in einem weiteren <td> unter anderem der WYSIWYG-Bereich, also die Contents.

Sind diese Inhalte nun etwas umfangreicher, rutscht die Navigation in die Tiefe, bei sehr langen Texten ist sie verschwunden.
Bei den CSS-Stylesheets ist .Navigation-Ordner bzw. .Navigation-Seiten eingebunden.

Wie sieht die Lösung aus?

Viele Grüße

Karl4

Geschrieben von: eknem am 16. Oct 2004 - 23:15
Navigationsspalte oben ausrichten:
<td valign="top">

oder als CSS:
vertical-align:top

Geschrieben von: karl4 am 17. Oct 2004 - 11:44
Hallo Eknem,

tausend Dank, ich sollte mir mal ein vernünftiges Werk über CSS oder HTML kaufen...

smile.gif

Jetzt klebt die Navigation am oberen Rand, ohne jeden Abstand, Abhilfe mit <p> klappt nicht, fällt euch da was schöneres ein?

Viele Grüße und Dank

Karl4

Geschrieben von: Mistral am 17. Oct 2004 - 14:45
QUOTE (karl4 @ 17. Oct 2004 - 12:44
QUOTE
tausend Dank, ich sollte mir mal ein vernünftiges Werk über CSS oder HTML kaufen...

http://de.selfhtml.org/


QUOTE

Jetzt klebt die Navigation am oberen Rand, ohne jeden Abstand, Abhilfe mit <p> klappt nicht, fällt euch da was schöneres ein?

<br /> oder mit CSS

Geschrieben von: jakob2002 am 03. Jan 2005 - 11:58
Hallo,

ich habe die Version 1.1.1 des Navigations Moduls und habe gerade festgestellt, dass die Templates "Layout beim Wechsel in tiefere Ebene" und "Layout beim Wechsel in hoehere Ebene" garnicht dargestellt werden. Ich habe es auch mit der Version 1.0 getestet: genau das gleiche Problem. Mache ich da etwas falsch, oder funktioniert das wirklich nicht? Hat da schon jemand eine Lösung dafür?

Es ist bei mir so, dass ich eine Liste von Ordnern habe, in denen Seiten drinnen sind. Und zwischen diesen Unterseiten und den Ordnern die danach dargestellt werden, möchte ich eine Trennlinie haben, doch weder das "Layout beim Wechsel in tiefere Ebene" noch das "Layout beim Wechsel in hoehere Ebene" werden dargestellt.

Geschrieben von: hk-cons am 03. Jan 2005 - 12:53
himmelarschundwolkenbruch
nutzt doch endlich mal die suchfunktion ds forums, anstelle alle drei tage dieselbe frage zu posten

Geschrieben von: jakob2002 am 13. Jan 2005 - 21:57
Anstatt rumzumaulen könntest du lieber mal einen Link zu einem solchen Thema posten oder einfach mal ruhig sein, wenn dir das zu schwer ist. Solche Leute liebe ich, die immer auf auf die Suchfunktion verweisen, anstatt mal etwas sinnvolles zu posten. Glaub mir: Ich kenne die Suchfunktion und habe diese auch benutzt, nur manchmal sucht man eben nach etwas falschem oder übersieht ein Thema.

Geschrieben von: hk-cons am 13. Jan 2005 - 22:38
schön jakob .. welcome auf meiner persönlichen ignoreliste

Geschrieben von: mukraker am 28. Jan 2005 - 16:37
wie bekomme ich das hin? Hab shcon viel versucht, aber irgendwie check ichs nicht ;-(


CODE
<ul id="ULnav">
 <li id="LInav0">Unternehmen</li>
 <li>
   <ul id="ULsubnav0">
     <li><a href="#">Infos</a></li>
     <li><a href="#">Produkte</a></li>
     <li><a href="#">Service</a></li>
     <li><a href="#">Anfahrt</a></li>
     <li><a href="#">Kontakt</a></li>
   </ul>
 </li>
 <li id="LInav1">Industrie</li>
 <li>
   <ul id="ULsubnav1">
     <li><a href="#">Infos</a></li>
     <li><a href="#">Produkte</a>
       <ul id="ULsubsubnav1">
         <li><a href="#">Silomischer</a></li>
         <li><a href="#">Großessilo</a></li>
         <li><a href="#">Mischfutterslang</a></li>
       </ul>
     </li>
     <li><a href="#">Service</a></li>
     <li><a href="#">Anfahrt</a></li>
     <li><a href="#">Kontakt</a></li>
   </ul>
 </li>
 <li id="LInav2">Landwirtschaft</li>
</ul>


html zu finden unter
http://eichholz.insnet.de/html

Geschrieben von: Eppi am 28. Jan 2005 - 16:42
dazu gibt es ein anderes modul. die listennavigation.

gruß, paul

Geschrieben von: mukraker am 28. Jan 2005 - 16:50
bin ich blind? woo?

Geschrieben von: Eppi am 28. Jan 2005 - 16:59
http://help.der-dirigent.de/index.php?title=Download_Module#Listen-Navigation

gruß, paul

Geschrieben von: mukraker am 30. Jan 2005 - 12:46
ok ok soweit so gut.

http://dedi.insnet.de/projekt01/index.php?idcatside=2
So siehts im Dedi aus. Von der Auflistung wunderbar, nur das Design fehlt noch.

Und da habe ich nun ein Problem
http://eichholz.insnet.de/html/
So solles am Ende aussehen.

So soll es funktionieren:
- Der Punkt "Unternehmen" wird immer mit allen Punkten aufgelistet.

- Der Punkt "Industrie" wird immer mit allen Punkten aufgelistet wenn sich der User für die Rubrik Industrie auf der Startseite entschieden hat. In diesem Fall wird der Punkt "Landwirtschaft" dann nur als Einzelner Punkt darunter aufgelistet (hier kann der User in die Rubrik wechseln).

- Der Punkt "Landwirtschaft" wird immer mit allen Punkten aufgelistet wenn sich der User für die Rubrik Landwirtschaftauf der Startseite entschieden hat. In diesem Fall wird der Punkt "Industrie" dann nur als Einzelner Punkt darunter aufgelistet (hier kann der User in die Rubrik wechseln).


Da die 3 Rubriken eigene Farben haben, dachte ich mir, dass ich es in 3 Navimodulen mache. Aus einem habe ich es nicht hinbekommen, da müsste man ne Menge umschreiben, damit die Aktive Rubrik immer unter Unternehmen kommt und die Inaktive als einzelener Punkt darunter.

Die Auflistung der Navipunkte klappt ja schon (bis auf die subsubnav) ganz gut. Nur weiß ich jetzt leider nicth wie ich mit der "Listennavigation" das an meine .css anpassen kann.

Würde mich freuen wenn mir einer bei der grafischen Anpassung hilft, oder mir auch hilft das ganze in einem Modul hinzubekommen.


(Wer sichs genauer anschauen will, soll per PM/Dedi Messenger/ICQ die backend daten erfragen)
Danke

Geschrieben von: p.Friesi am 31. Jan 2005 - 15:36
Moinsen,

ich klink mich mal frecherweise in die Diskussion ein, sry dafür. Nachdem ich mich durch diesen (XXL)-Thread gelesen und die Suche bemüht habe, bin ich immernoch nicht weiter. Mein Problem befasst sich mit dem weiter vorne beschriebenen Problem mit dem Rollover-Bild. Eppi hatte auf Seite zwei ja eine Anleitung beschrieben, die bei mir einfach nicht funktionieren will. Vielleicht bin ich betriebsblind, ich hoffe, das ihr mir an dieser Stelle weiterhelfen könnt. Ziel dieser Frimelei soll ein eher schlichtes Menue mit einer Hintergrundgrafik sein, welche beim Mouseover ausgetauscht werden soll.

Die Definition im Body-Tag lautet wie folgt:
CODE
<body onload="preloadImages('rv.jpg');off();return true;">
(Datei rv.jpg soll also für den Gebrauch im Menue vorgeladen werden, die standard.js wurde importiert)


Das entsprechende Mouseover-Schnippsel schaut wie folgt aus:
CODE
onMouseOver="on('{name}');changeImages('rv.jpg', 'cms/img/v1/rv.jpg');return true;"


mfg
Peter


EDIT: habe das Problem nun selbst lösen können, Hilfe nicht mehr notwendig...weiter im Text smile.gif

Geschrieben von: emile am 02. Feb 2005 - 14:10

QUOTE (hk-cons @ 13. Jan 2005 - 22:38)
schön jakob .. welcome auf meiner persönlichen ignoreliste

Haki ist netter Kerl. Er ist halt jedem so. Nicht persönlich nehmen biggrin.gif

Die Version 1.1.1 ist meines Wissens nach fehlerhaft. Die eins niedrige Version verwenden..

emile

Geschrieben von: jakob2002 am 02. Feb 2005 - 18:13

QUOTE (emile @ 02. Feb 2005 - 14:10)

QUOTE (hk-cons @ 13. Jan 2005 - 22:38)
schön jakob .. welcome auf meiner persönlichen ignoreliste

Haki ist netter Kerl. Er ist halt jedem so. Nicht persönlich nehmen biggrin.gif

Die Version 1.1.1 ist meines Wissens nach fehlerhaft. Die eins niedrige Version verwenden..

emile

Hallo,

danke.

Die Version 1.0 habe ich bereits ebenfalls getestet, allerdings das gleiche Problem. Die Threads mit den ganzen (angeblichen) Bugs der Version 1.1.1 habe ich gelesen, kann allerdings keinen bestätigen. Deswegen kann ich das auch nicht ganz nachvollziehen.

Aber zu meinem Problem: Ich habe das Problem in der Version 1.1.1 gefixt und die Navigation funktioniert bei mir jetzt eigentlich 1A. Evtl. kann ich die gefixte Version ja mal veröffentlichen wenn ich Zeit dazu habe.

Geschrieben von: Eppi am 02. Feb 2005 - 18:26
ja, bitte. smile.gif

gruß, paul

Geschrieben von: ewok am 16. Feb 2005 - 09:48
Hallo,

auch ich habe ein Grundlagen-Problem mit der Navi (1.0) und hänge mich mal einfach hier hinten ran... irgendwie stehe ich absolut auf dem Schlauch; ich hoffe, ihr könnt mir weiterhelfen:

Meine Navigation steht vom Layout her; die Anpassung war kein Problem; nur die Umsetzung meiner Ideen in Ordner und Seiten will nicht so wie ich das gerne hätte .-)

Was ich möchte ist primitiv:

Seite 1
Seite 2
Seite 3
- Unterseite
- Unterseite
Seite 4
Seite 5

Alle Seiten sollen immer zu sehen sein. Die Unterseiten nur wenn man auf Seite 3 klickt ausklappen.
[Ja, ich weiss wie einfach die Lösung für dieses Problem wohl sein wird, aber die Navi macht einfach nicht das was sie soll:-)]

Meine Versuche:

1) Ich lege einen Ordner [alle zeigen] an, darin 1 und 2 darunter einen Unterordner (mit Seite 3 als Startseite) und die Unterseiten [automatisch]

klappt. 1 bis 3 sind immer zu sehen, beim Klick auf 3 klappen die Unterseiten aus.

Problem: Unter dem Ordner 3 kann die Seiten 4 und 5 nicht mehr einfügen! :-(

2) Also lege ich einen weiteren Ordner der ersten Ebene an, der 4 (als Startseite) und 5 Enthält.

Problem: wenn ich diesen als [automatisch] konfiguriere klappt mir mein oberer Ordner (mit den Seiten 1 und 2 und Unterordner 3) beim Klick darauf zu!

3) nächstes Phänomen: ich konfiguriere den Ordner 3, der Seite 3 (als Startseite) und Unterseiten und wähle "nur Seiten"

Problem: die komplette Navigation verschwindet beim Klick auf den Ordner!

___________________________________


So, wo ist nun mein Knoten im Hirn ??

Wie bette ich die Seiten am besten in Ordner und Unterordner und was gebe ich diesen an Einstellungen mit, damit das gewünschte Resulatat entsteht ??

Meine Denkblokade ist irgendwo beim Verständnis der Tatsache, dass die Parameter, die ich einem Unterordner mitgebe (zB automatisch) auf einmal für alle Ordner gelten und mir meine anderen Ordner (immer anzeigen) zuklappen! Wie geht das richtig ?

Ein herzliches Dankeschön schon mal im Vorraus an denjenigen, der sich um meinen Knoten kümmert!

ewok

Geschrieben von: emile am 17. Feb 2005 - 17:18
Hi ewok

Dass Du noch keine Antwort erhalten hast, hat 2 Gründe.

i) Dieses Thread beschäftigt sich nur mit dem Design der Navigation, d.h. ist leider der falsche Ort diese Frage zu posten.

ii) Ca. vor einem halben Jahr hatte ich das gleiche Problem, war meines Wissens nach ein KonfigFehler, d.h. Antworten diesbzgl. wurden http://forum.der-dirigent.de/index.php?act=Search&CODE=show&searchid=9b45e82190c45f215005e0c048596588&search_in=posts&result_type=topics&highlite=navigation gepostet.

ansonsten willkommen bei Dedi..

Liebe Grüße
Emile


Geschrieben von: Marvin am 02. Mar 2005 - 10:06
Ich hoffe ich bin hier richtig:
Ich bastel etwas vergeblich an der Optik von Navigation 1.1.2. Ziel ist es den Hintergrund weiß zu bekommen: #FFFFFF und einen schwarzen Rahmen bekommen.

CODE
$mip_form['10']['cms_val_default'] = '<table width="100%" cellspacing="1" cellpadding="0" border="0">';
$mip_form['11']['cms_val_default'] = "<tr><td onMouseOver=\"this.style['background']='#5A7BAD';\" onMouseOut=\"this.style['background']='#A8BADE';\" bgcolor=\"#A8BADE\" nowrap>&nbsp;&nbsp;{space}<a href=\"{link}\" onMouseOver=\"on('{s_name}');return true;\" onMouseOut=\"off();return true;\" class=\"{font1}\">{name}</a></td></tr>";
$mip_form['12']['cms_val_default'] = "<tr><td bgcolor=\"#5A7BAD\" nowrap>&nbsp;&nbsp;{space}<a href=\"{link}\" onMouseOver=\"on('{s_name}');return true;\" onMouseOut=\"off();return true;\" class=\"{font1}\">{name}</a></td></tr>";
$mip_form['14']['cms_val_default'] = "<tr><td onMouseOver=\"this.style['background']='#5A7BAD';\" onMouseOut=\"this.style['background']='#A8BADE';\" bgcolor=\"#A8BADE\" nowrap>&nbsp;&nbsp;{space}<a href=\"{link}\" onMouseOver=\"on('{s_name}');return true;\" onMouseOut=\"off();return true;\" class=\"{font1}\">{name}</a></td></tr>";
$mip_form['15']['cms_val_default'] = "<tr><td bgcolor=\"#5A7BAD\" nowrap>&nbsp;&nbsp;{space}<a href=\"{link}\" onMouseOver=\"on('{s_name}');return true;\" onMouseOut=\"off();return true;\" class=\"{font1}\">{name}</a></td></tr>";
$mip_form['17']['cms_val_default'] = "<tr><td onMouseOver=\"this.style['background']='#C7D5EB';\" onMouseOut=\"this.style['background']='#DBE3EF';\" bgcolor=\"#DBE3EF\" nowrap>&nbsp;&nbsp;{space}<a href=\"{link}\" onMouseOver=\"on('{s_name}');return true;\" onMouseOut=\"off();return true;\" class=\"{font2}\">{name}</a></td></tr>";
$mip_form['18']['cms_val_default'] = "<tr><td bgcolor=\"#C7D5EB\" nowrap>&nbsp;&nbsp;{space}<span class=\"{font2}\">{name}</span></td></tr>";
$mip_form['20']['cms_val_default'] = "</table>";
$mip_form['21']['cms_val_default'] = "<tr><td onMouseOver=\"this.style['background']='#C7D5EB';\" onMouseOut=\"this.style['background']='#DBE3EF';\" bgcolor=\"#DBE3EF\" nowrap>&nbsp;&nbsp;{space}<a href=\"{link}\" onMouseOver=\"on('{s_name}');return true;\" onMouseOut=\"off();return true;\" class=\"{font2}\">{name}</a></td></tr>";
$mip_form['22']['cms_val_default'] = "<tr><td bgcolor=\"#C7D5EB\" nowrap>&nbsp;&nbsp;{space}<span class=\"{font2}\">{name}</span></td></tr>";


Was mich hier wundert: Warum wird die Tabelle vor den letzten beiden Zeilen beendet?
Was verändere ich mit der Zeile mit der 'Zahl'? Ich habe probeweise schon viel drin verändert, aber keinen Effekt gehabt (außer Fehlermeldungen) in der Homepage.
Ach ja - danke an den, der die Reinstall-Option der Module eingebaut hat.

Ich habe auch schon versucht das ganze mit HTML <ul> und css zu machen, bin aber vermutlich gescheitert, weil ich nicht genau weiß wo ich was einfügen muss.

Danke für die Hilfe.

Geschrieben von: roberto am 02. Mar 2005 - 10:19
Du bastelst wohl im Modul-Input-Bereich herum? Das ist der falsche Weg.
Du solltest auf den Schraubenschlüssel (Konfigurieren) klicken. Dort gibt es dann die Möglichkeit, die Templates für die einzelnen Elemente der Navigation zu bearbeiten.

Geschrieben von: mukraker am 02. Mar 2005 - 10:31
ich weiß weiß gar nicht, wurde schonmal überlegt das navimodul so auszubauen, dass dafür tpl importiert werden können.

Also Tpls für Module? Wurde schonmal irgendwo erwähnt.

Wenn man sich diesen Threat anschaut, spricht wohl alles dafür.

Geschrieben von: Marvin am 02. Mar 2005 - 11:50

QUOTE (roberto @ 02. Mar 2005 - 10:19)
Du bastelst wohl im Modul-Input-Bereich herum? Das ist der falsche Weg.
Du solltest auf den Schraubenschlüssel (Konfigurieren) klicken. Dort gibt es dann die Möglichkeit, die Templates für die einzelnen Elemente der Navigation zu bearbeiten.

Aua, verstehe mein Problem - ich mache mir das Leben wohl etwas schwerer als es ist ;-)

Danke.

Geschrieben von: amimoto am 15. Nov 2005 - 21:17
Mal keine Frage sondern ein Tip:
Ich wollte über einer Unternavigation mit Seiten aus einem Ordner (Einstellung "aktueller Ordner") über den Navigationspunkten noch mal den Ordner Namen anzeigen. Hauptnavigation ist getrennt davon.
Nach ein bißchen stochern im Code des Moduls kam ich auf folgendes, was bei mir funktioniert:

Einleitung der Navigation

mehr CODE

<h3 class="navtitle"><?php $s = $mod['startpt']; echo htmlentities($con_tree[$s]['name']); ?></h3>
<table width="100%" cellspacing="0" cellpadding="0" border="0">


Na und falls es interessiert, noch das Layout der Seiten in der 1. Ebene

mehr CODE

<tr><td  class="navitemoff" onmouseover="this.className='navitemon';" onmouseout="this.className='navitemoff';" onclick="location.href='{link}';">{name}</td></tr>


So als Anregung...

Geschrieben von: Olaf am 15. Nov 2005 - 22:24
Huch, das 2. ist aber nicht dein Ernst. Warum sowas einbauen, wie soll das ein User ohne JS bedienen!?

So als Anregung wink.gif

Geschrieben von: uhcb am 31. Aug 2006 - 17:32
hallo

mich interessiert die lösung für die art von hauptnavigation http://www.wasserversorgung-henau.ch/index.php
Ich habe bereits die horizontale Navigation, krieg aber nicht hin, dass die aktiven Ordner im Hintergrund die Farbe ändern...

Weiss jemand den Weg?

Dank und gruss

Powered by Invision Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)