ansaurus

Question

How can I select a css class depending on what page I am on in PHP?

Answer 1

A:

I suggest that instead of maintaining a list file of <li> items like that, you should put the items into an array and generate them dynamically.

$arr = array(
    'Home' => 'url/to/home',
    'inbox' => 'url/to/inbox',
    //etc
);

foreach($arr as $name => $url)
{
    echo '<li class="drop';
    if ($name == $p) echo ' curPage';
    echo '"><a href="'.$url.'"><em>'.$name.'</em></a></li>';
}

You can use whatever comparison criteria that you need there while generating the loop in order to compare to $p and determine that it's the current page.

zombat 2009-08-20 21:13:45

I don't think I could do it this way because my list menu is actually a lot different then what I have posted above, in addition to the <li> items, some of them have embeded <li> items to create dropdown list, do you know any other methods?

jasondavis 2009-08-20 21:21:02

I have updated my post with the code from my menu. The only thing I can think of is to possibly make an array of each menu item that would list all submenu items for it, then if it is on 1 of theose page use something like this <?=$current_more?> into the menu toplevel part

jasondavis 2009-08-20 21:43:52

Answer 2

A:

A rough example of how you might go about it

$menu = array(
    'Home'         => '#'
  , 'inbox'        => '#'
  , 'outbox'       => '#'
  , 'online users' => '#'
  , 'all users'    => '#'
  , 'forums'       => '#'
  , 'blogs'        => '#'
  , 'bulletins'    => '#'
  , 'news'         => '#'
);

$current = "outbox";

foreach ( $menu as $label => $url )
{
  $css = ( $label == $current ) ? 'drop current' : 'drop';
  echo '<li class="', $css, '"><a href="', $url, '"><em>', $label, '</em></a></li>';
}

Peter Bailey 2009-08-20 21:17:01

I have updated my post, I don't think an array would be possible in my situation?

jasondavis 2009-08-20 21:26:01

Answer 3

+1 A:

first of all i would place them in an array:

$pages = array();
$pages['home'] = array(
    'name' => 'Home',
    'url' => '......',
    'submenus' => array(
       'test-submenu' = array(
          'name' => 'Test Submenu',
          'url' => '.....',
       )
    )
);
$pages['inbox'] = array(
    'name' => 'Inbox',
    'url' => '......',
);

then in my html i would do :

<?php foreach ($pages as $section => $page) { ?>
    <li class="drop <?php echo ($_GET['section'] == $section) ? 'current' : ''; ?>">
        <a href="<?php echo $page['url'] ?>"><em><?php echo $page['name'] ?></em></a>
    </li>  
<?php } ?>

solomongaby 2009-08-20 21:17:55

I have updated my post, I don't think an array would be possible in my situation?

jasondavis 2009-08-20 21:26:37

why not ... you can make a multiple dimension array ...

solomongaby 2009-08-21 12:11:51

Answer 4

A:

I did something similar recently using JavaScript where I wanted to change the id of the element that matched the page name to 'cur' so it would attract the appropriate styling. I used php's $_SERVER["PHP_SELF"] to get the page name, JavaScript to strip it of the first slash and then split it using '.' as a delimeter, giving me the current page name. Then, because I was resetting the id, I had to duplicate the current node and swap the old for the new (you can't dynamically change id). For class, it's way easier, but it depends how you intend to know which ones to set the className for. Is JavaScript an option? If it is, you're laughing. Doing it purely in PHP, there are too many factors to consider without knowing how you are populating your lists.

2009-08-21 12:18:23

Answer 5

+3 A:

Not a really good solution, but if you had an id corresponding to your $p variable on each of your menu items, like this:

<li id="home"><a href=""><em>Home</em></a></li>
<li id="inbox"><a href=""><em>inbox</em></a></li>

then you could either output an appropriate <style> tag with your PHP script (shown here for $p = 'home'):

<style type="text/css">#home { /* Your "current" styling here */ }</style>

or set an id on the body tag:

<body id="page_home">

and put this in your main style sheet:

#page_home #home,
#page_inbox #inbox,
...
{
    /* Your "current" styling here */
}

Ölbaum 2009-08-21 12:46:31

Answer 6

+1 A:

if you use same name in script and menu option try this, simple recursive:

    $menu = array(
'home',
'users',
array('widgets','news','promote','development','bookmarks'),
'wrapper',
'forums',
array('widgets','news','promote','development','bookmarks'),
'contact'
);

function li_menu($arrItens){
    preg_match("/[^\/]\/(.*?)\./",$_SERVER['PHP_SELF'],$current);
    echo "<ul>";
    foreach($arrItens as $title){
     if ( is_array($title) ) {li_menu($title);} else {
      $cur = ( $title == $current[1] ) ? 'current' : 'drop';
      echo '<li class="'. $cur . '"><a href="'. $title. '.php"><em>'. $title .'</em></a></li>';
     }
    }
    echo "</ul>";
}
li_menu($menu);

OctaneFX 2009-08-22 01:36:44

ansaurus

tags:

views:

answers:

How can I select a css class depending on what page I am on in PHP?

related questions