Welcome to Bucaro TecHelp!

Welcome to Bucaro TecHelp!
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

[About BTH]  [User Agreement]  [Privacy Policy]  [Site Map]  [Contact Form]  [Advertise on BTH]  [News Feed]

Google
Web
This Site
   WARNING!
What you learn from these Totally FREE
Einstein Newsletters could cause your friends to mistake you for someone else!
  [] automobiles
  [] business
  [] parenting
  [] computers
  [] contests
  [] education
  [] entertainment
  [] food/wine
  [] free stuff
  [] genealogy
  [] health/fitness
  [] home/garden
  [] humor
  [] marketing
  [] investing
  [] pets
  [] inspiration
  [] self-improve
  [] recreation
  [] travel
  [] womens stuff
  [] writing/reading
Click here and choose as many as you like!
Visit bucarotechelp.com Bucaro TecHelp Newsletter
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web.
~ ~ ~ January 5, 2005 Volume 5 Number 1 ~ ~ ~

Web Site Menus : Which Section Am I In?

By Stephen Bucaro

One way to increase the usability of your website is to use a navigation design that web users are familiar with. For example, a navigation bar just below a website's header is a common design used today. Clicking on a button in the navigation bar takes the user to a different web page or different section of the website.

You can increase usability further by highlighting the button of the current section in the navigation bar. This helps the user understand where they are within the structure of your website. In this article you'll learn how to create a navigation bar, and how to use a simple Java Script function to highlight the button of the current section.

Let's design a navigation bar with three buttons: "Home","About", and "Contact". The navigation bar will be constructed using an html table. If you want to get some "hands-on" experience, open your favorite basic ASCII text editor, like Windows Notepad, and type in the html code shown below.

continued...

- Note: Free downloadable code with article.

How Far Did the User Scroll?

From a reader; "I'm trying to find code snippet I can add to html pages so I can tell how far a reader scrolled down in a sales letter before bailing and have that info show up in a log or other file that is easy to get to. That way I know where people lose interest in a sales letter or article so it can be changed to be more effective."

Let's see what we have in our Java Script bag of tricks. The html <BODY> tag has a property, scrollTop that gives you the upper-left corner pixel location of the users browser window. Along with the <BODY> tag properties clientHeight and clientWidth this can give you the location of the pixel in the lower-right corner of the users browser window, as shown below.

var st = document.body.scrollTop + (document.body.clientHeight * document.body.clientWidth);

But because of the flowing layout nature of a webpage, this value is of limited practical use. The problem is that the user can change the size and shape of their browser window. As the user adjusts the shape of their browser window, the text, images, and other elements rearrange themselves as they flow into position on the webpage.

continued...

Network+ Certification Prep Question

Category: Fault Tolerance

Which type of backup ignores the files archive attributes and saves all files that have been created or modified since the last full backup.

A. Batch
B. Copy
C. Differential
D. Incremental

See answer near bottom of newsletter.


Newsletter Back Issues
2006
2005

[Site User Agreement]  [Advertise on This site]  [Search This Site]  [Contact Form]
Copyright©2001-2007 Bucaro TecHelp P.O.Box 18952 Fountain Hills, AZ 85269