2nd level navigation

[dsockrider]

Any progress on how we establish 2nd, 3rd and 4th level navigation?

[saltybeagle]

Any progress on how we establish 2nd, 3rd and 4th level navigation?

Each site will have only one set of navigation, consisting of primary and secondary links (the standard navigation.html file).

The navigation for sites outside the local site hierarchy will be automatically retrieved and displayed when the relevant breadcrumb is hovered over within the navigation. This will not be a new set of navigation, this will be the contents of that site's primary and secondary links.

View this page for a sample of how this works -
http://ucommbieber.unl.edu/workspace/wd ... ebug.shtml
The coding group has yet to announce how to define which element within the breadcrumbs will be selected by default. Stay tuned for more info on that.

[saltybeagle]

Defining the default selected breadcrumb will be through the use of a link tag within the head of the document.

To define the homepage as the admissions site, one would use:

Code: Select all

<link rel="home" href="http://admissions.unl.edu/" title="UNL Office of Admissions" />


Which will select the 'Admissions' element within the breadcrumb on this page:
http://ucommbieber.unl.edu/workspace/wd ... ebug.shtml

This URL should match the href attribute within the breadcrumbs which corresponds to the element that represents the current site. If no element within the breadcrumb has that href, the breadcrumb element selected will be the final element in the list.

[saltybeagle]

Oh, almost forgot, you can also use class="selected" on the li element within the breadcrumbs to define which element is selected, or another method within javascript.

If you need to add a link tag to many pages, you can use search & replace to do this - if anyone needs help on this, just ask!

One useful convention might be to add an include file within your sharedcode directory and include that within the head of every page.

[dsockrider]

So if I'm in the 4th level nav, what would the code EXACTLY look like. I don't get it.

[saltybeagle]

In simple terms, add this wtihin the head to your pages.

Code: Select all

<link rel="home" href="http://admissions.unl.edu/" title="UNL Office of Admissions" />

(change the href and title accordingly)

Then, make sure your breadcrumb has the following somewhere in a list item (if you're at the fourth level then you should make sure this is in the fourth element in the breadcrumb):

Code: Select all

<a href="http://admissions.unl.edu/">Admissions</a>

again, change the href and title accordingly.

This page for example has the navigation at the third level:
http://ucommbieber.unl.edu/workspace/wd ... ebug.shtml

[caggens]

I am having trouble with this. It works fine for the level that corresponds to the link tab (the final breadcrumb in the sequence) but navigation links under higher level breadcrumbs within the same site aren't working.

[saltybeagle]

Hey Christy,

Can you send me the address of the page where you're seeing the issue? A direct email of the address is fine if you don't want to make it public.

[s-bchoat1]

I am having some trouble with the navigation in that I am getting a set of links for the current page when they are not needed or wanted. It is basically repeating the last set of links that I would like to appear in the navigation. Here is a link to one of the pages that I am having problems with.
http://chemistry.unl.edu/newtemplate/safety/labsafety/index.shtml

[saltybeagle]

In this case, you probably want to define the navigation as being associated with the 'Lab Safety' subsite. Which means you should have:

Code: Select all

<link rel="home" href="http://chemistry.unl.edu/newtemplate/safety/labsafety/" />

And the breadcrumb link should match that:

Code: Select all

<li><a href="http://chemistry.unl.edu/newtemplate/safety/labsafety/">Lab Safety</a></li>

Consistency in linking is also important.

http://example/foo/index.shtml may appear the same to the client as http://example/foo/ but using different URIs to the same page can cause problems such as:

1. Page and content indexing.
2. Website Analytics.
3. Page ranking.
4. Lost time when you switch from .shtml to .php or .aspx

And watch the trailing slashes too. http://events.unl.edu is not a valid URI as it contains no path. http://events.unl.edu/ is a correct URI.

[caggens]

On the following page:

http://aah-caggens.unl.edu/art/ceramics.shtml

ceramics.shtml is the final breadcrumb, and 2nd level in the Art and Art History navigation under "Studio Art."

The breadcrumbs should read:
UNL>HLCFPA>Art and Art History> Studio Art> Ceramics

The link rel="home" statement in the head of the document points to "Art and Art History," because "Studio Art" and "Ceramics" are pages in the "Art and Art History" website. (is this correct?)

Here is the problem: The carrot is missing between "Studio Art" and "Ceramics," so it reads "Studio Art Ceramics" in the breadcrumbs.

When I add a link tag to Studio Art in the breadcrumbs, Studio Art disappears and there is a gap where it used to be.

How do I get the carrot back?

[saltybeagle]

I think if you make 'Studio Art' a link, that should fix the problem.

[caggens]

I already tried. When I add a link tag to Studio Art in the breadcrumbs, Studio Art disappears and there is a gap where it used to be.

[caggens]

Look at the same link again, I added a link tag to studio art in the breadcrumbs so you can see what I am talking about.

[saltybeagle]

The code doesn't look valid.

This:

Code: Select all

<li><a href="studioart.shtml"Studio Art</li>


Should be:

Code: Select all

<li><a href="studioart.shtml">Studio Art</a></li>