Modifying A Called Php File Dependent Upon Page Called

vader7071 · November 16, 2012

First off, thank you in advance for any help.

Here is what I have. I have 6 pages (Home, about us, classes, instructors, contact, and galleries).

On all 6 of these pages, I am using the @include("top_menu.php"); to call the menu buttons so i don't have to code them for each individual page.

The file "top_menu.php" looks like this:

<li><a href="about.php" title="About">About Us</a></li>

<li><a href="instructors.php" title="Instructors">Instructors</a></li>

<li><a href="classes.php" title="Classes">Classes</a></li>

<li><a href="gallery.php" title="Galleries">Galleries</a></li>

<li><a href="contact.php" title="Contact">Contact Us</a></li>

</ul>

</div>

Here is what I am wanting to do. When index.php is shown, I want to modify just the "home" line to say:

When about.php is open, then modify just the line for about.php, ect.

My questions are:

a) can this be done?

is it easy?

c) can you help?

Thank you.

Andrea · November 17, 2012

It can be done and it's easy:

Add and id to the body tag for each page. For example:

<body id="homeP">
<body id="aboutP">
<body id="instructorsP">
<body id="classesP">
<body id="galleriesP">
<body id="contactP">

Then also add an id to each list item, like so:

<div id="menubar">
<ul id="menu">
 <li id="home"><a href="index.php" title="Home">Home</a></li>
 <li id="about"><a href="about.php" title="About">About Us</a></li>
 <li id="instructors"><a href="instructors.php" title="Instructors">Instructors</a></li>
 <li id="classes">><a href="classes.php" title="Classes">Classes</a></li>
 <li id="galleries"><a href="gallery.php" title="Galleries">Galleries</a></li>
 <li id="contact"><a href="contact.php" title="Contact">Contact Us</a></li>
</ul>
</div>

And in your CSS, you write:

#homeP #home a, #aboutP #about a, #instructorsP #instructors a, #classesP #classes a, #galleriesP #galleries a, #contactP #contact a,  { 	background: #19194c; 	color: #d5d5e6; 	 }

vader7071 · November 19, 2012

That worked perfectly! Thank you for your help!

One more question, if I may, can I use more than 1 "id" per page? example:

<body id="classesP" id="basic-hgP">?

I have 2 menus I am modifying in this manner. The setup is "Classes" on top (which now works, thank you) and on the side will be:

basic handgun

intermediate handgun

advanced handgun

and I would like when I go to the basic handgun page, the classes tab is set and the basic handgun tab is set as well.

If you like, you can see the site I am working on at www.darksidev2.com/3d

vader7071 · November 19, 2012

I figured it out. here is how I added it:

#homeP #home a, #aboutP #about a, #instructorsP #instructors a, #classesP #classes a, #galleryP #gallery a, #contactP #contact a, #basic-hgP #classes a, #int-hgP #classes a, #adv-hgP #classes a, #rifleP #classes a, #shotgunP #classes a, #selfP #classes a

{

background: #646B5C url(menu_sel.png) repeat;

}

#basic-hgP #basic-hg a, #int-hgP #int-hg a, #adv-hgP #adv-hg a, #rifleP #rifle a, #shotgunP #shotgun a, #selfP #self a

{

background: transparent url(arrow_select.png) no-repeat left center;

}

I went to the top menu section and added the ID's for the class pages and just triggered them to read as the "classes" page.

You were terrific and so helpful. Thank you so much!!

Sign In

Modifying A Called Php File Dependent Upon Page Called

Recommended Posts

vader7071

Andrea

vader7071

vader7071

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Store

Support