Displaying page path to user

HTML Source, Tables, CSS, JavaScript, and Embed/Object.

Moderators: BobCP, agsone, Neil Parks, gregtutor, Lem3

Displaying page path to user

Postby boblanger on Mon May 28, 2012 11:03 pm

I have seen displayed on some sites the current path the user has used to naviage to the currenl location. Other than the current, last location, the user is able to click on of the other links to go to it.

Home Product Flower Rose

Using the above as an example the user is on Rose but may click on Home or Product or Flower.

I am guessing this is not HTML but what is it? Any guidence would be apprieciated.
boblanger
 
Posts: 15
Joined: Mon May 07, 2012 8:21 pm
Country: United States (us)

Re: Displaying page path to user

Postby wink0r on Tue May 29, 2012 12:34 am

This is called a bread crumb linking system. It will take some type of script to do the job. It can be done with php if applicable or there are probably javascript/jquery scripts to handle the backend. I don't have specific links but with a little help from Google you should be on your way.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Re: Displaying page path to user

Postby gregtutor on Tue May 29, 2012 1:04 am

Wink0r, you may have missed making a particular point in your reply, because surely, it is not essential to have a PHP implementation of a breadcrumb linking/menu system.

[ASIDE: Typically a breadcrumb menu system is used on exceptionally large sites, where animated drop-down and fly-out menuing systems are deemed to be awkward for users to navigate. They are especially popular on sites whose audience might find manipulating a mouse difficult.]

One can code the links with straight forward HTML and CSS as with any other list of links.

This very site uses them. Look at the top of the page:

Board index » WYSIWYG EDITING QUESTIONS & ANSWERS » Advanced Design Q & A

The code behind that snippet is:
Code: Select all
<p class="breadcrumbs"><a href="http://wysifauthoring.informe.com/forum/">Board index</a> &#187; <a href="http://wysifauthoring.informe.com/forum/wysiwyg-editing-questions-answers-f43/">WYSIWYG EDITING QUESTIONS &amp; ANSWERS</a> &#187; <a href="http://wysifauthoring.informe.com/forum/advanced-design-q-a-f26/">Advanced Design Q &amp; A</a></p>
Nothing more that a paragraph styled as "breadcrumbs" with links and double arrow characters.
Greg Chapman
http://www.gregtutor.co.uk
Helping new users of KompoZer - but using BlueGriffon
gregtutor
Moderator
 
Posts: 3789
Joined: Wed Jun 20, 2007 8:25 am
Location: The Norfolk Broads, UK
Country: England (en)

Re: Displaying page path to user

Postby wink0r on Tue May 29, 2012 1:44 am

A script would automate the process. I mentioned php and also javascript/jquery. I admit that I did not consider doing this manually, but that would be feasible with a small site.

Since this forum is built on a php script (phpBB) you can bet that the local bread crumb trail is generated by the php script. If the site is not already using php (my 'if applicable') I would look for the javascript or jquery script to automate the process rather than manually building the links on each page. Just include the script in the master page file and all new pages generated from that master page will automatically display the bread crumb navigational links.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Re: Displaying page path to user

Postby boblanger on Tue May 29, 2012 1:14 pm

Thank you, that simple but elusive code will do me very well. It only took a few minutes to edit and add to a half dozen pages.
boblanger
 
Posts: 15
Joined: Mon May 07, 2012 8:21 pm
Country: United States (us)


Return to Advanced Design Q & A


Who is online

Users browsing this forum: No registered users and 0 guests