Posted By

rareyman on 02/17/10

Tagged

Versions (?)

Last Edited at 02/17/10 06:54pm

Statistics

Viewed 482 times

Favorited by 0 user(s)

Related snippets

UL Navigation Construction (create re-usable navigations)

/ Published in: PHP

Aimed at designers who want to sprinkle in a little PHP to make development easier. If building/prototyping a site with HTML/PHP, this can save time by constructing the navigation list on the fly, based on re-usable navigation settings.

Usage: Assuming you have multiple HTML/PHP pages, simply add $page definition to the top of each page, include the PHP files, then configure the settings to build your navigation. (See the detail of each of the three core pages below for more information.)

Highlighted TextExpand

<?php
// Create (at least) 2 pages:
// 1) page.php : this is the rendered html page
// 2) nav-settings.php : this holds the settings of number of nav items, urls, etc.
?>

<html>
	<head>
		
		<?php global $page; $page="PAGE_SHORTNAME or STRING FOR TITLE"; // see nav-settings.php ?>
		<?php include('nav-settings.php'); ?> 
	</head>
	
	<body id="<?php echo $page; ?>"> 
	<div>
		
		<?php echo $navbarList; ?>
		
		
	</div>
	</body>
</html>

<?php

/* declare global variables 
---------------------------------------- */
global $tab;					// shortname of tab/page
global $tabName;			// long (display) name of tab/page
global $page;					// name of page for <title>

global $navbarTabs;		// array holding tab and tabNames
global $navbarURLs;		// array holding tab URLs
global $navbarList;		// string holding the navBar

// make sure these arrays match!
// (there are more efficient ways of building these arrays, but I am shooting for simplicity)

$navbarTabs = array(
        "home"          =>      "Home",
        "products"      =>      "Products",
        "ordering"      =>      "Ordering Info",
        "press"         =>      "Press Room",
        "events"        =>      "Events",
        "publications"  =>      "Publications",
        "contract"      =>      "Business Development"
);

$navbarURLs = array(
        "home"          =>      '#', // urls for the links
        "products"      =>      '#',
        "ordering"      =>      '#',
        "press"         =>      '#',
        "events"        =>      '#',
        "publications"  =>      '#',
        "contract"      =>      '#'
);

// check current page, then determine name of current page
// if given a non-shortname value, $page can be the custom name of the page 
if ( 
	($page == "home") ||
	($page == "products") ||
	($page == "events") ||
	($page == "ordering") ||
	($page == "press") ||
	($page == "publications")
	|| ($page == "contract")) {
    $tabName = $navbarTabs[$page];
} else {
	$tabName = $page;
}

// create navigation list => $navbarList (echo it whenever you need the nav list)
$navbarList = "<ul>\n"; // add id or class if needed for styling
foreach ($navbarTabs as $k => $v) {
        switch ($k) {
          case $page:
          $navbarList =  $navbarList."<li class=\"selected\"><span>$v</span></li>\n";
          break;
          default:
          $link = $navbarURLs[$k];
          $navbarList =  $navbarList."<li><a href=\"$link\">$v</a></li>\n";
        }
}
$navbarList = $navbarList."</ul>";

// print title tag on HTML page
echo '<title>SITE NAME : '.$tabName.'</title>';

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.