Log in

View Full Version : Feed back on location in page



Ralph2
10-10-2009, 03:57 AM
I have a long page of text (like a book). Each chapter is several screens worth and each placed into <div> ______ </div> (possibly 15 in total and each with a different ID).

As the user scrolls through the screens I would like to have a stationary image dependent on which <div> is currently showing to provide feed back on where he is currently.

So.. if the screen was showing content in <div> ID #c1 an image indicating "you are in chapter 1". As the screen moved into <div> ID#c2 the image would change to "you are in chapter 2"....

My image would be something along the lines of a tab and located some 100px from the top and floated to the right side of the page.

Can anyone advise on how I might accomplish this.. or even what would you call this... (besides daft:D)

Ralph2
10-13-2009, 02:16 AM
To try and explain this a bit better I have made a mock page with my basic layout.
I have a long page, all text that is divided by year. Each section is placed in a <div.minutes#2009>; <div.minutes#2008> etc.I would like to have some kind of feed back indicator as to what section the user is in. I have tried to accomplish this by making a tab like png image and placing it along the far right side of the page... BUT.. I am having big problems trying to accomplish this or any other solutions ..


* ideally I would like the image 2009.png to be placed in the 20px wide bar on the right side of the page and stay in one position as the screen is scrolled with content of<div.minutes#2009>. Then to be replaced with the 2008.png as the content of that <div.minutes#2008> is on screen etc.
* or, an image placed every vertical ~600px to move with the text.. but positioned to the far right over the 20px right side bar.
* or, abandon my 20px wide bar, make the <div.maincontent> full width and make a 20px faux column in each <div.minutes#xxxx> then fill that background with the appropriate *.png and repeat on y



A mock site with my basic layout is at http://www.test.lsvs.ca/pages_linked/test_index1.php




Can anyone help / advise???


Thank you for your time