[[Navigation in different Levels]]
You are here: Willkommen im phpwcms-HowTo:wiki » Documentation (EN) » Navigation » NAV_LIST_UL examples » Navigation in different Levels
Show pageOld revisions
Recent changesIndex

NAVIGATION

Imprint / Impressum

Please Donate!

With your donation you accelerate more enhancements of the wiki.

Differences

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

english:navigation:nav_list_ul-example:navi-different-level [2009/05/14 00:58]
Knut Heermann (flip-flop) 		english:navigation:nav_list_ul-example:navi-different-level [2018/06/03 18:09] (current)
Line 3: Line 3:
====== Navigation in different Levels ====== ====== Navigation in different Levels ======
-FIXME translate 
-Acceptance: 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.+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.
Line 13: Line 12:
Vertical output of the sub level from the active parent category **[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]] //(using the hepl of the 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:** --  \\
Line 35: 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)]] \\
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. \\ 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 restriction to only one level //({NAV_LIST_UL:F,0,**1**,act_path,active})//. +The output is restricted to only one level //({NAV_LIST_UL:FP,0,**1**,act_path,active})//.
-==== Acceptance of the structure (IDs are invented): ====+==== Proceed on the assumption of the following structure (IDs are invented): ====
Line 54: 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 69: 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 75: Line 71:
~~UP~~ ~~UP~~
-==== Representation of the output: ====+==== 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> -> //only the first level (deepth=1) behind "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)// \\
-**Exposition: ** ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## \\+ 
 +**is resulting in: ** ##| home  |  category_01  |  **[category_02]**  |  category_03  |  category_04 | ## \\
**And structurally:** **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:**
 +
<file> <file>
------------------------------------ ------------------------------------
Line 90: 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 98: Line 121:
</file> </file>
-Now still the expenditure of the sub level is missing, in addition the level-lift is used. (Representation of navigation starting from a certain 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~~
Line 104: Line 128:
==== Level-Lift: ==== ==== Level-Lift: ====
-In the layout this php-snippet is placed at that point, where this navigation component is to appear. //(In our case it is the output starting from the first level - > 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>
Line 126: 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 134: 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 140: 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 151: 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 159: 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 165: 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 180: 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.1242255531.txt.gz · Last modified: 2018/06/03 18:08 (external edit)
Show pageOld revisions
Back to top
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