2nd level navigation

Notes on the visual redesign process

2nd level navigation

Postby dsockrider » Mon Jun 22, 2009 4:05 pm

Any progress on how we establish 2nd, 3rd and 4th level navigation?
dsockrider
 
Posts: 189
Joined: Fri Dec 16, 2005 10:37 am
Location: Engineering

Postby saltybeagle » Mon Jun 22, 2009 10:37 pm

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.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby saltybeagle » Mon Jul 13, 2009 9:09 am

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.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby saltybeagle » Mon Jul 13, 2009 9:13 am

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.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

So what does that end up looking like

Postby dsockrider » Mon Jul 13, 2009 3:53 pm

So if I'm in the 4th level nav, what would the code EXACTLY look like. I don't get it.
dsockrider
 
Posts: 189
Joined: Fri Dec 16, 2005 10:37 am
Location: Engineering

Postby saltybeagle » Mon Jul 13, 2009 4:34 pm

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
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby caggens » Fri Jul 17, 2009 4:11 pm

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.
caggens
 
Posts: 65
Joined: Tue Jun 21, 2005 10:52 am
Location: RH 120

Postby saltybeagle » Mon Jul 20, 2009 10:39 am

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.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby s-bchoat1 » Fri Jul 24, 2009 10:50 am

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
s-bchoat1
 
Posts: 1
Joined: Tue Jun 16, 2009 11:28 am
Location: Hamilton Hall 515

Postby saltybeagle » Fri Jul 24, 2009 12:14 pm

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.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby caggens » Thu Sep 10, 2009 1:17 pm

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?
caggens
 
Posts: 65
Joined: Tue Jun 21, 2005 10:52 am
Location: RH 120

Postby saltybeagle » Thu Sep 10, 2009 1:20 pm

I think if you make 'Studio Art' a link, that should fix the problem.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby caggens » Thu Sep 10, 2009 2:04 pm

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
 
Posts: 65
Joined: Tue Jun 21, 2005 10:52 am
Location: RH 120

Postby caggens » Thu Sep 10, 2009 2:07 pm

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.
caggens
 
Posts: 65
Joined: Tue Jun 21, 2005 10:52 am
Location: RH 120

Postby saltybeagle » Thu Sep 10, 2009 2:12 pm

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>
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Next

Return to Visual Redesign

Who is online

Users browsing this forum: Bing [Bot] and 1 guest

cron