Results 1 to 2 of 2

Thread: Feed back on location in page

  1. #1
    Join Date
    Aug 2009
    Posts
    10
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default Feed back on location in page

    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)

  2. #2
    Join Date
    Aug 2009
    Posts
    10
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •