Professional CodeIgniter, Thomas Myer
Chapter 5: Building a Shopping Cart
131
the second segment (as in " welcome/index " ) to see if it matches " index " or not. Before, you were
possibly looking at the third segment, which would serve as an argument to a controller function (i.e.,
the 5 would serve as an argument to
possibly looking at the third segment, which would serve as an argument to a controller function (i.e.,
the 5 would serve as an argument to
category()
in /welcome/category/5).
<
a href="
<
?php echo base_url();?
>
"
>
<
img src="
<
?php echo base_url();?
>
images/logo.jpg" border="0"/
>
<
/a
>
<
div id='globalnav'
>
<
ul
>
<
?php
if ($this-
>
uri-
>
segment(2) != "index"){
echo "
<
li
>
".anchor("welcome/index","home")."
<
/li
>
";
}
?
>
<
li
>
<
?php echo anchor("welcome/about_us","about us");?
>
<
/li
>
<
li
>
<
?php echo anchor("welcome/contact", "contact");?
>
<
/li
>
<
?php
if (count($_SESSION[`cart'])){
echo "
<
li
>
". anchor("welcome/cart", "view cart") . "
<
/li
>
";
}
?
>
<
li
>
<
?php
echo form_open("welcome/search");
$data = array(
"name" =
>
"term",
"id" =
>
"term",
"maxlength" =
>
"64",
"size" =
>
"15"
);
echo form_input($data);
echo form_submit("submit","search");
echo form_close();
?
>
<
/li
>
<
/ul
>
<
/div
>
Now all you have to do is update the CSS by adding a series of rules to handle the globalnav
<
div
>
and
its
<
ul
>
list.
The first thing you need to do is set the rules for the globalnav
<
div
>
itself. You want a box with a dark
background, 600 pixels wide by 30 pixels high (using this width value will make the navigation bar as
wide as the logo):
wide as the logo):
/* navigation */
#globalnav {
width: 600px;
height:30px;
c05.indd 131
c05.indd 131
6/10/08 5:35:24 PM
6/10/08 5:35:24 PM