scriptygoddess

05 Dec, 2002

Site navigation bar in Mozilla and Opera

Posted by: amy In: Scripts

This isn't exactly a script, nor is it quite CSS. I got a tip from BaronCarlos that there's an XUL feature called the 'Site Navigation Bar' that you can customize in Mozilla and Opera 7.

If you embed four lines of code inside the <head> of your document, the browser will produce button for 'first', 'previous', 'next', and 'last.' I can see this as having some potential for sites which have mostly-sequential content, such as weblogs and journals.

From what little research I've done, it looks like the only code you need are these four lines:

<link rel="previous" href="[previous url here]"/>
<link rel="next" href="[next url here]"/>
<link rel="first" href="[first url here]"/>
<link rel="last" href="[last url here]"/>

To see the toolbar in action, go to View | Show/Hide |Site Navigation Bar. This is off by default, so you won't see it unless you select it.

I'm sure there are vastly more interesting uses for this sort of thing, but one has to start somewhere.

7 Responses to "Site navigation bar in Mozilla and Opera"

1 | maddy

December 6th, 2002 at 11:04 pm

Avatar

Yeah, the site navigation bar is awesome. Following Jason's lead, and Kristine's I created a new template module for MT with a bunch of info, archive links, translations, etc. Having this hefty template module in each page slowed rebuilds down, so now I have the same info in a php include from an index template I created for it, and it is quicker, and I get all the groovy extra links and archive info. :)

2 | Gabriel

February 5th, 2003 at 5:50 pm

Avatar

what's the easiest way to use the site navigation bar to navigate trhu one page.

like, when you click (or scroll to) an anchor, the "next" in the navigation bar becames #2, and when you'r readind #2, the link at the "next" changes to #3 and so on?

Gabriel

3 | Gary

April 22nd, 2003 at 7:11 am

Avatar

You can find out more about the different types of links you can have from you page at http://www.w3.org/TR/REC-html40/types.html.

4 | Jim

June 10th, 2003 at 1:35 pm

Avatar

I am a newbie to PHP scripting, I would like to know how to covert My index.html file to index.php and us it as a template…? If someone could assist me in this I would be very appreciative.

PS… Thanks in Advance!!

5 | Jesse

July 24th, 2003 at 6:39 pm

Avatar

This browser feature is awesome; thanks very much for the details.

Regarding changing what 'next' and 'prev' link to, I don't think there is a good way to navigate from anchor tag to anchor tag. JS could do it, but I doubt you can associate JS with a LINK tag.

6 | Amos

May 5th, 2004 at 11:42 pm

Avatar

Apparently, there are more than just those four. Here are the ones in Opera7's bar, in the order in which they appear:

start, index, contents, search, glossary, help, first, prev, next, last, up, copyright, and author.

(Note: start is displayed as "Home" in the bar.)

You can also add a "title=" to the but Opera7 doesn't seem to do anything with them. Not sure if Mozilla does…

Later,
Amos

7 | Ramblings of a Code Monkey

December 15th, 2002 at 7:42 pm

Avatar

New Navigation Bar
Thanks to both scriptygoddess and kadyellebee, my blog now utilizes the spiffy Mozilla Navigation Bar (warning: popup). Not only does

Featured Sponsors

Genesis Framework for WordPress

Advertise Here


  • Scott: Just moved changed the site URL as WP's installed in a subfolder. Cookie clearance worked for me. Thanks!
  • Stephen Lareau: Hi great blog thanks. Just thought I would add that it helps to put target = like this:1-800-555-1212 and
  • Cord Blomquist: Jennifer, you may want to check out tp2wp.com, a new service my company just launched that converts TypePad and Movable Type export files into WordPre

About


Advertisements