Differences

This shows you the differences between two versions of the page.

english:navigation:nav_list_ul-example:navi-different-level [2009/05/13 23:38]
Knut Heermann (flip-flop) created
english:navigation:nav_list_ul-example:navi-different-level [2018/06/03 18:09] (current)
Line 1: Line 1:
{{indexmenu_n>10}} {{indexmenu_n>10}}
-====== Navigation in verschiedenen Ebenen ======+====== Navigation in different Levels ======
-FIXME translate 
-Annahme: Die erste Navigationsebene soll horizontal dargestellt werden, beispielsweise im Kopfbereich der Seite. Die darunterliegenden Ebenen sollen vertikal dargestellt werden, beipielsweise auf der linken Seite der Homepage. +Assumption: The first navigation level is to be represented horizontal, for example in the head area of the side. The deeper levels are to be represented vertically, for example on the left side of the homepage.
-Horizontal mit aktiver Ebene category_02 \\+ 
 +Horizontal with the active level category_02 \\
##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ##
-Vertikale Ausgabe der Unterebene von der aktiven Elternebene (parent) **[category_02]** +Vertical output of the sub level from the active parent category **[category_02]**
-  * category_02_01  +  * ##category_02_01##  
-  * category_02_02  +  * ##category_02_02##  
-  * category_02_03 +  * ##category_02_03##
\\ \\
**Docu:** -- \\ **Docu:** -- \\
-**Forum:** [[http://forum.phpwcms.org/viewtopic.php?p=111140#p111140|NAV_LIST_UL in verschiedenen Ebenen]] //(mit Hilfe de Level-Lift)//+**Forum:** [[http://forum.phpwcms.org/viewtopic.php?p=111140#p111140|NAV_LIST_UL in verschiedenen Ebenen]] //(using the hepl of the english/navigation/little-helper/level-lift)//
-**Autor:** K.Heermann (flip-flop) http://planmatrix.de //2009/05/13 //  \\+**Author:** K.Heermann (flip-flop) http://planmatrix.de //2009/05/13 //  \\
**CMS-Version:** >= V1.3.0  \\ **CMS-Version:** >= V1.3.0  \\
**Version:** --  \\ **Version:** --  \\
**Update:** -- \\ **Update:** -- \\
-**Bedingung:**  -> [[http://www.phpwcms-docu.de/confincphp_de.phtml|/config/phpwcms/conf.inc.php]] \\+**Condition:**  -> [[http://www.phpwcms-docu.de/conf_inc_php_en.phtml|/config/phpwcms/conf.inc.php]] \\
  * $phpwcms['allow_cntPHP_rt']   = 1;   * $phpwcms['allow_cntPHP_rt']   = 1;
Line 34: Line 34:
\\ \\
-Um das Problem zu lösen werden zwei Navigationen aufgerufen, die eine für den horizontalen, die andere für den vertikalen Bereich.  
-Wichtig dazu ist hier ein Parameter der horiz. Navigation. \\ 
-Hier wird die Ausgabe nur einer Ebene erlaubt //({NAV_LIST_UL:F,0,**1**,act_path,active})//.  
-Um die Parameter nachzulesen bitte [[deutsch/navigationen/nav_list_ul_parameter|NAV_LIST_UL (Parameter)]].\\ +For the parameters to reread ask [[english/navigation/nav_list_ul_parameters|NAV_LIST_UL (parameters)]].\\ 
-Eine komplettes CSS-Set: [[deutsch/navigationen/nav_list_ul|NAV_LIST_UL (CSS)]] \\+The complete CSS-set: [[english/navigation/nav_list_ul|NAV_LIST_UL (CSS)]] \\
-==== Annahme der Struktur (IDs sind erfunden): ====+To solve the problem we need two navigations, one for the horizontal, the other one for the vertical range. Important is a parameter of the horiz. navigation. \\ 
 +The output is restricted to only one level //({NAV_LIST_UL:FP,0,**1**,act_path,active})//.  
 + 
 + 
 + 
 +==== Proceed on the assumption of the following structure (IDs are invented): ====
Line 48: Line 50:
L  E  V  E  L L  E  V  E  L
.:  :  :  : .:  :  :  :
-.0  1  2  3   <- LEVEL-Nr.+.0  1  2  3   <- LEVEL-No.
.:  :  :  : .:  :  :  :
-+ home   :                    ID=0 -+ home   :                    ID=0
Line 63: Line 65:
-+--+ category_04              ID=09 -+--+ category_04              ID=09
.:  :  :  : .:  :  :  :
-.0  1  2  3   <- LEVEL Nr.+.0  1  2  3   <- LEVEL No.
------------------------------------ ------------------------------------
</file> </file>
Line 69: Line 71:
~~UP~~ ~~UP~~
-==== Darstellung der Ausgabe mit: ====+==== Displaying the output: ====
<div class="nlu_navi1"> \\ <div class="nlu_navi1"> \\
- **{NAV_LIST_UL:F,0,1,act_path,active}** \\ + **{NAV_LIST_UL:FP,0,1,act_path,active}** \\ 
-</div> -> //nur die erste Ebene (Tiefe=1) nach "Home (ID=0)" // \\+</div> -> //only the first level (deepth=1) behind "Home (ID=0)" (here with the parent switch “P” in order to also represent Home themselves)// \\ 
 + 
 + 
 +**is resulting in: ** ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## \\ 
 +**And structurally:** 
 +<file> 
 +------------------------------------ 
 +L  E  V  E  L 
 +.:  :  :  : 
 +.0  1  2  3   <- LEVEL-No. 
 +.:  :  :  : 
 +-+ home   :                    ID=0 
 +-+--+ category_01              ID=01 
 +-+--+ category_02              ID=02 (if active, have a look above) 
 +-+--+ category_03              ID=03 
 +-+--+ category_04              ID=09 
 +.:  :  :  : 
 +.0  1  2  3   <- LEVEL No. 
 +------------------------------------ 
 +</file> 
 + 
 +**Without the parameter "P" it looks like:**  
 + 
 +<div class="nlu_navi1"> \\ 
 + **{NAV_LIST_UL:FP,0,1,act_path,active}** \\ 
 +</div> -> //only the first level (depth=1) behind "Home (ID=0)" (here **without the parent switch** “P” Home is not represented) // \\ 
 + 
 + 
 +**is resulting in: ** ##|  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## \\ 
 +**And structurally:**
-**Darstellung: ** ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## \\ 
-**Und strukturell:** 
<file> <file>
------------------------------------ ------------------------------------
Line 84: Line 113:
.:  :  :  : .:  :  :  :
-+--+ category_01              ID=01 -+--+ category_01              ID=01
--+--+ category_02              ID=02 (wenn aktiv, siehe unten)+-+--+ category_02              ID=02 (if active, see below)
-+--+ category_03              ID=03 -+--+ category_03              ID=03
-+--+ category_04              ID=09 -+--+ category_04              ID=09
Line 92: Line 121:
</file> </file>
-Nun fehlt noch die Ausgabe der Unterebenen, dazu wird der Level-Lift verwendet. //(Darstellung der Navigation ab einer bestimmten Ebene (Level))//.+ 
 +While still the sub level display is missing yet, now the [[english/navigation/little-helper/level-lift]] is used additionally (output of navigation starting from a certain level).
~~UP~~ ~~UP~~
==== Level-Lift: ==== ==== Level-Lift: ====
-Dieser php-Schnipsel wird an der Stelle in der Vorlage platziert, an der dieser Navigationsteil erscheinen soll. //(In unserem Fall ist das die Ausgabe ab der ersten Ebene -> LEVEL_ID'][**1**]).//+ 
 +This php-snippet is placed in the layout at that point, where this navigation component has to appear. //(In our case the output is starting from the first level - > LEVEL_ID'][** 1 **]).// 
<code php> <code php>
[PHP] [PHP]
Line 109: Line 141:
</code> </code>
-Wobei LEVEL_ID'][**X**] die auszugebende Ebene darstellt //(Ausgabe ab dieser Ebene ....)//. \\ +Where LEVEL_ID'][**X**] is the level which can be indicated. //(Output starting from this level ...).// \\ 
-Dieser zweite Navigationsaufruf //({NAV_LIST_UL:....})// ist also eingebettet in ein kleines Steuerungssystem das die Ebenen abfragt.+ 
 +This second navigation call //({NAV_LIST_UL:....})// thus embedded into a small controll script which queries the levels.
Line 117: Line 150:
~~UP~~ ~~UP~~
-==== Ausgabe der aktiven Unterebene ====+==== Output of the active sub level ====
-Z.B. category_02 = aktiv+E.g. with ##**category_02**## = active  //(in the example this was arranged by the horizontal Navi)// 
 + 
 +  * ##category_02_01##  
 +  * ##category_02_02##  
 +  * ##category_02_03##
<file> <file>
Line 125: Line 162:
L  E  V  E  L L  E  V  E  L
.:  :  :  : .:  :  :  :
-.0  1  2  3   <- LEVEL-Nr.+.0  1  2  3   <- LEVEL-No.
.:  :  :  : .:  :  :  :
-+--+--+ category_02_01        ID=04 -+--+--+ category_02_01        ID=04
Line 131: Line 168:
-+--+--+ category_02_03        ID=08 -+--+--+ category_02_03        ID=08
.:  :  :  : .:  :  :  :
-.0  1  2  3   <- LEVEL Nr.+.0  1  2  3   <- LEVEL No.
------------------------------------ ------------------------------------
</file> </file>
\\ \\
-Z.B. bei category_02 = aktiv und category_02_01 = aktiv:+E.g. with ##**category_02**## = active // -> act_path (horizontal)// and ##**category_02_01**## = active: 
 + 
 +  * ##**category_02_01**##  
 +    * ##category_02_01_01##  
 +    * ##category_02_01_02##  
 +  * ##category_02_02##  
 +  * ##category_02_03##
<file> <file>
Line 142: Line 185:
L  E  V  E  L L  E  V  E  L
.:  :  :  : .:  :  :  :
-.0  1  2  3   <- LEVEL-Nr.+.0  1  2  3   <- LEVEL-No.
.:  :  :  : .:  :  :  :
--+--+--+ category_02_01        ID=04 (aktiv)+-+--+--+ category_02_01        ID=04 (active)
-+--+--+--+ category_02_01_01  ID=06 -+--+--+--+ category_02_01_01  ID=06
-+--+--+--+ category_02_01_02  ID=07 -+--+--+--+ category_02_01_02  ID=07
Line 150: Line 193:
-+--+--+ category_02_03        ID=08 -+--+--+ category_02_03        ID=08
.:  :  :  : .:  :  :  :
-.0  1  2  3   <- LEVEL Nr.+.0  1  2  3   <- LEVEL No.
------------------------------------ ------------------------------------
</file> </file>
Line 156: Line 199:
~~UP~~ ~~UP~~
-==== Zusammenfassung: ====+==== Summary: ====
-**<div class="nlu_navi1"> {NAV_LIST_UL:F,0,1,act_path,active} </div>**+**<div class="nlu_navi1"> {NAV_LIST_UL:FP,0,1,act_path,active} </div>**
-und+and
<code php> <code php>
[PHP] [PHP]
Line 171: Line 214:
[/PHP] [/PHP]
</code> </code>
-**ergibt //(bei aktiver Ebene category_02)//**+**the output of this is** //(with active level ##**category_02**##)//
##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ##
-  * category_02_01  +  * ##category_02_01##  
-  * category_02_02  +  * ##category_02_02##  
-  * category_02_03 +  * ##category_02_03##
\\ \\
-**oder //(bei aktiven Ebenen category_02 und category_02_01)//**+**or** //(with active level ##**category_02**## and ##**category_02_01**##)//
##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ##
-  * category_02_01  +  * ##**category_02_01**##  
-    * category_02_01_01 +    * ##category_02_01_01## 
-    * category_02_01_02   +    * ##category_02_01_02##  
-  * category_02_02  +  * ##category_02_02## 
-  * category_02_03 +  * ##category_02_03##
english/navigation/nav_list_ul-example/navi-different-level.1242250725.txt.gz · Last modified: 2018/06/03 18:08 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0