NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
english:navigation:nav_list_ul-example:navi-different-level [2009/05/24 06:24] 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 190: | Line 214: | ||
| [/PHP] | [/PHP] | ||
| </code> | </code> | ||
| - | **the outcome of this is** //(with active level ##**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 | ## | ||
