ansaurus

Question

How to have current page selection using inludes navigation

Answer 1

+1 A:

Try this:

<ul>
<?php 
$pages = array( 'index.php' => 'About Us', 'portfolio.php' => 'Portfolio', 'news.php' => 'News', 'contact.php' => 'Contact' );

foreach( $pages as $url => $title ) {
   $li = '<li ';
   if( $_SERVER[ 'PHP_SELF' ] == $url ) {
       $li .= 'class="active"';
   }
   $li .= '><a href="' . $url . '">' . $title . '</a></li>';
   echo $li;
}

?>
</ul>

Jacob Relkin 2010-05-13 01:47:49

this seems to make sense, however the class active is never added to any of the pages when I view them, I am not sure what could be wrong, I am copying and pasting your code.

Anders Kitson 2010-05-13 23:34:41

Answer 2

A:

Another option would be to set an attribute against the body tag, and then use a matched pair to change the styling of any number of elements.

So, on your main (home) page, you may have:

<body id="home">
<a href="/" class="home">Home</a>
<a href="/about.htm" class="about">About Us</a>

Then, within your CSS have:

body#home a.home , body#about a.about {
  color:#999;background-color:#000; }

Lucanos 2010-05-13 06:47:59

I am not sure how this will work because my body is withing the header.php file so I cant have separate body ids they will all be the same.

Anders Kitson 2010-05-13 23:43:52

In that case, try my other suggested solution for this question.

Lucanos 2010-05-14 00:06:54

Answer 3

A:

And, yet another option would be to include a single CSS statement inside the actual page.

<style type="text/css">
  a[href="<?php echo basename( $_SERVER['PHP_SELF'] ); ?>"] ,
  a[href="<?php echo $_SERVER['PHP_SELF']; ?>"] {
  /* Styles for Current Page Links */ }
</style>

Of course, that is dependent on the browser being able to use that CSS Selector.

And, if you want to be completely sure that all links to the file are covered (including full URIs), then also include the following selector:

a[href="http<?php
  echo ( $_SERVER['HTTPS'] ? 's' : '' ).'://'.
    $_SERVER['HTTP_HOST'].(
      ( $_SERVER['HTTPS'] && $_SERVER['SERVER_PORT']!=443 )
      || ( !$_SERVER['HTTPS'] && $_SERVER['SERVER_PORT']!=80 ) ?
      ':'.$_SERVER['SERVER_PORT'] : '' ).
    $_SERVER['PHP_SELF']; ?>"]

UPDATED: Corrected PHP Variables to use.

Lucanos 2010-05-13 06:49:07

this selector doesnt seem to work for me the location i get for the href is this /scatliffRedo/index.php do i have to prepend the web address or something so its www.somthing.com/scatliffRedo/index.php for the selector to work

Anders Kitson 2010-05-14 00:41:28

Ah, my mistake. Whatever is within the quotation marks of the selector needs to be present in the links you want styled to indicate that they are the current page being viewed.So if your CSS contained `a[href*="about.php"]` then that would match any links which contained *about.php* in their href attribute. I have to admit I have not used this method previously, but I am sure with (minor) hacking it should work. I will actually start experimenting myself to find a bulletproof solution.

Lucanos 2010-05-14 05:52:56

I have updated the style declarations - they should work properly now.

Lucanos 2010-05-14 06:03:31

ansaurus

tags:

views:

answers:

How to have current page selection using inludes navigation

related questions