Udvikleren.dk - Seneste [submenu] forum tr�de

Hvordan viser jeg undersider til parent i Wordpress?

Tue, 20 Jan 2015 15:40:01 GMT

Hej alle,

Jeg er i gang med at s�tte en simpel wordpress side op, og mangler snart kun at finde ud af hvilke(n) wordpress funktioner jeg skal benytte for at vise en menu som herunder:

Hvis siden "Om os" er klikket, og der er undersider, vil jeg vise de undersider der h�rer dertil. Jeg vil ikke vise alle sider p� �n gang, men kun de child pages, der tilh�rer den aktive parent. Den child page skal selvf�lgelig ogs� v�re synlig n�r den er aktiv.

Jeg h�ber det giver mening, ellers sp�rg! :-)

Det er en menu som vises stacked, i sidens venstre side.

- Om os (Aktiv side)
--- Mission (Synlig da om os er aktiv)
--- Vision (Synlig da om os er aktiv)
- Kontakt
- Osv (Kan have undersider, men vises ikke da siden ikke er aktiv)

Jeg har denne simple funktion der viser min hoved navigation:

PHP kode

 <div id="sidebar_main_nav">
     <?php
     // Main navigation
     $defaults = array(
         'container'       => 'div',
         'container_class' => '',
         'container_id'    => '',
         'echo'            => true, 
         'fallback_cb'     => 'wp_page_menu',
         'theme_location'  => 'primary',
         'menu_class'      => 'main_nav',
         'menu_id'         => '',
         'link_before'     => '',
         'depth'           => 1);
     
     wp_nav_menu( $defaults );
     ?>
 </div>

Der m� v�re nogen native funktioner der g�r s� typisk en opgave muligt?

Ser frem til at h�re fra jer :-)

/Klemme

Menu i flere niveauer

Wed, 16 Oct 2013 18:21:20 GMT

Hej
Jeg fik for en del tid siden hj�lp til at lave en menu ud fra indholdet i min database p� denne tr�d. Siden den gang har jeg �ndret en smule p� den m�de jeg bygger tingene op p� og nu skal jeg s� til at lave en menu i flere niveauer igen. Koden skal jeg have tilrettet, men da opbygningen af database og tabeller heller ikke l�ngere er den samme, s� beh�ver jeg lidt hj�lp til at f� koden til at fungere korrekt.
Den originale kode med MySQLi kan i se i linket ovenfor. Dog er jeg begyndt at bruge PDO i stedet, hvilket i sig selv ikke �ndrer p� hvordan resten af mit script skal fungere. Dog har jeg lavet en �ndring som tilsyneladende p�virker den m�de hvorp� scriptet reagerer.
Lige nu har jeg rettet koden til s� den ser s�ledes ud:

PHP kode

 function buildMenu($array) {
     krumo($array);
     $output = '<ul>';
     foreach ($array as $item) {
         $output .= '<li>'.$item['item_title'].($item['children']?buildMenu($item['children']):'').'</li>';
     }
     $output .= '</ul>';
     print $output;
 }
 $tmp = array();
 $query = $db->prepare("SELECT `item_id`, `item_title`, `item_parent`, `item_link`, `item_show` FROM `menu_items` WHERE `menu_id`=1");
 try {
     $query->execute(); //Executes query
 
     $items = $query->fetchAll(PDO::FETCH_ASSOC);
 }
 catch (PDOException $e) {
     addMessage('error', $e->getMessage());
     die($e->getMessage());
 }
 foreach ($items as $item) {
     $tmp[$item['item_id']] = isset($tmp[$item['item_id']]) ? array_merge($tmp[$item['item_id']], $item) : $item;
     $tmp[$item['item_parent']]['children'][] =& $tmp[$item['item_id']];
 }
 
 $root = array($tmp[0]);
 
 buildMenu($root);

Jeg har �ndret lidt p� min struktur af databasen, s�ledes at jeg i den gamle tr�d havde b�de menupunkter og indhold under en tabel. Det har jeg nu lavet om s� jeg har en tabel til indhold, en tabel til menuer og en tabel til menupunkter. Der er relationer mellem tabellen til menuer og den til menupunkter, mens den eneste relation mellem tabellen til indhold og den til menupunkter er det link der skal hente det korrekte indhold frem.
Tabellen til indhold (pages)

SQL kode

 `page_id` int(11) NOT NULL AUTO_INCREMENT,
   `page_title` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   `page_content` text COLLATE utf8_danish_ci NOT NULL,
   `page_author` int(11) NOT NULL,
   `page_url` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   `page_alias` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   `page_access` int(11) NOT NULL DEFAULT '0' COMMENT '0=Unpublished, 1=Published, 2=Login required, 3=Admin only',
   `meta_keywords` varchar(512) COLLATE utf8_danish_ci NOT NULL,
   `meta_description` text COLLATE utf8_danish_ci NOT NULL,
   `meta_robots` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   `create_date` date NOT NULL,
   `update_date` date NOT NULL,
   `is_front` int(11) NOT NULL DEFAULT '0',
   PRIMARY KEY (`page_id`)

Tabellen til menuer (menus)

SQL kode

 `menu_id` int(11) NOT NULL AUTO_INCREMENT,
   `menu_name` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   PRIMARY KEY (`menu_id`)
 )

Tabellen til menupunkter (menu_items)

SQL kode

 `item_id` int(11) NOT NULL AUTO_INCREMENT,
   `menu_id` int(11) NOT NULL,
   `item_title` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   `item_parent` int(11) NOT NULL,
   `item_link` varchar(255) COLLATE utf8_danish_ci NOT NULL,
   `item_position` int(11) NOT NULL,
   `item_show` int(11) NOT NULL DEFAULT '1' COMMENT '0=Disabled, 1=Enabled, 2=Logged in, 3=Admin',
   PRIMARY KEY (`item_id`)
 )

Dump fra menu_items:

SQL kode

 INSERT INTO `menu_items` (`item_id`, `menu_id`, `item_title`, `item_parent`, `item_link`, `item_position`, `item_show`) VALUES
 (1, 1, 'Hjem', 0, 'home', 0, 1),
 (2, 1, 'Kompetencer', 0, 'kompetencer', 1, 1),
 (3, 1, 'Login', 0, 'login', 3, 1),
 (4, 1, 'Produkter', 0, 'produkter', 2, 1),
 (5, 1, 'Drupal', 4, 'produkter/drupal', 0, 1),
 (6, 1, 'Prestashop', 4, 'produkter/prestashop', 1, 1);

Dog ser det ud til at jeg har lavet et eller andet forkert da scriptet ikke l�ngere laver tingene i den rigtige r�kkef�lge. Herunder er det output jeg f�r fra scriptet. Bem�rk at den �verste egentlig er submenu-items til Produkter. I sin oprindelige tilstand og med den gamle struktur af database blev disse punkter placeret under den korrekte parent, men med den nye opbygning af databasen ser det ud som om at noget ikke helt er som det skal v�re.

HTML kode

 <ul>
 <li>Drupal</li>
 <li>Prestashop</li>
 </ul>
 
 <ul>
 <li>Hjem</li>
 <li>Kompetencer</li>
 <li>Login</li>
 <li>Produkter</li>
 </ul>

Det er s�dan set f�rste del af problemet. N�ste del bliver s� at jeg skal have sat nogle bestemte classes p� min <ul>, da jeg anvender Bootstrap og for at den laver en korrekt menu skal der nogle classes p�. Det kan jeg med nuv�rende script ikke g�re da den s� vil s�tte disse classes p� submenuen. Dette er jo ikke meningen. Meningen er at jeg i en separat CSS-fil har �ndret p� den m�de Bootstraps dropdown-menuer virker, s�ledes at jeg kan f� dem frem n�r jeg holder musen henover. Dette kr�ver ikke nogen classes i min HTML.

Jeg har en id� om at jeg kan genbruge den gamle kode og s� lave 2 funktioner ud af den. En funktion der laver hele menuen med de korrekte classes til Bootstrap og s� en anden funktion der tager sig af submenuer.

Dog mangler jeg lidt hj�lp til at finde ud af om jeg kan g�re det hele i en funktion eller om jeg skal dele det i to funktioner hvor den ene funktion kalder den anden.

PHP menu med XML

Fri, 26 Oct 2012 06:13:29 GMT

Hej med jer.
Jeg har lavet en menu i PHP, som her submenu i 1 niveau. Selve menuen kommer fra en XML fil.
Det hele fungerer som s�dan fint nok, men jeg har et problem med at f� markeret punktet i hovedmenuen som v�rende aktivt, n�r man er p� en undermenu.

F.eks.

artikler -> kategori 1

Hvis man er p� siden der h�rer til kategori 1, skal det selvf�lgelig markeres aktivt. Men punktet artikler ogs� markeres som aktivt, da man jo er under det. H�ber det giver mening.

Min XML struktur kommer her:

XML kode

 <menu>
 <menuitem menuid="1" root="" name="Forsiden" description="beskrivelse" page="forsiden" title="titel" keywords="keywords"/>
 <menuitem menuid="2" root="" name="Side2" description="beskrivelse" page="Side2" title="titel" keywords="keywords"/>
 <menuitem menuid="3" root="2" name="Underside1" description="beskrivelse" page="Underside1" title="titel" keywords="keywords"/>
 </menu>

Koden jeg bruger til at hente menuen ser s�dan ud:

PHP kode

 <ul>
 <?php
 $menu = xml2array(file_get_contents('xml/menu.xml'));
 $i = 0;
 $count = count($menu['menu']['menuitem']);
 while ($i <= $count):
     If ($menu['menu']['menuitem'][$i.'_attr']['root'] == '' && isset($menu['menu']['menuitem'][$i.'_attr']['name']) ) { 
     If ($page == $menu['menu']['menuitem'][$i.'_attr']['page']) $class1='active';
     If ($page == $menu['menu']['menuitem'][$i.'_attr']['page']) $class1='active';
     echo '<li id="'.$class1.'"><a href="?page='.$menu['menu']['menuitem'][$i.'_attr']['page'].'">'.$menu['menu']['menuitem'][$i.'_attr']['name'].'</a>'; 
     $class1='';
     $submenu = xml2array(file_get_contents('xml/menu.xml'));
     $i2 = 0;
     echo '<ul>';
     for ($p = 0; $p <= 30; $p++) {
         If ($submenu['menu']['menuitem'][$p.'_attr']['root'] == $menu['menu']['menuitem'][$i.'_attr']['menuid']) {
         If ($page == $submenu['menu']['menuitem'][$p.'_attr']['page']) $class='active';
         echo '<li class="'.$class.'"><a class="sublink" href="?page='.$submenu['menu']['menuitem'][$p.'_attr']['page'].'">'.$submenu['menu']['menuitem'][$p.'_attr']['name'].'</a></li>';
         $class='';
         }
     }
     echo '</ul></li>';
     }
     
     $i++;
 endwhile;
 ?>
 </ul>

Inline submenues ?

Fri, 25 May 2012 14:38:47 GMT

Hej

Jeg vil gerne have inline submenues i min menu istedet for block - det lyder egenligt let nok - men jeg har alts� ikke f�et det til at virke.

Her er min starts-kode:
CSS

Kode


.menu {
	margin:0px;
	padding:0px;
	float:left;
	width:950px;
	height:40px;
	background-color:rgb(0,63,98);
}

.menu ul
{margin:0px; 
padding:0px;}

.menu ul li
{
display:inline;
height:20px;
float:left;
list-style:none;
margin-left:15px;
padding:10px;
position:relative;
font-size:15px;
}
.menu li a
{color:white; 
text-decoration:none;}

.menu li a:hover
{text-decoration:underline;}

.menu li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
top:40px;
background-color:rgb(0,63,98);
}

.menu li:hover ul
{
display:inline;
width:160px;
}

.menu li li
{
list-style:none;
display:inline;
width:100%;
}

.menu li li a
{color:#fff; 
text-decoration:none;}

.menu li li a:hover
{text-decoration:underline;
}

HTML

Kode

<div class="menu">
				
				<ul>
<li><a href="#">Home</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>

</li>

<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>

</li>
<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>
</li>
</ul>
				
				
				</div>

Hvad kan jeg g�re?

P� forh�nd tak for hj�lpen