Click help

Discussion in 'HTML & Website Design' started by powerlifer, Jan 31, 2010.

  1. #1
    Hey, i forgot what this technique is called and how to implement it.

    say you have ABCDEFG......etc

    like a phone book and you click on A and it takes you down to the links on the page that start with A.

    I hope ive explained it well enough.

    Cheers
     
    powerlifer, Jan 31, 2010 IP
  2. Bogdanirov

    Bogdanirov Peon

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    So, you wanna do something like this?
    
    <a href="#1">A</a>
    <a href="#2">B</a>
    <a href="#3">C</a>
    
    <div id="1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu urna lectus.</div>
    <div id="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu urna lectus.</div>
    <div id="3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu urna lectus.</div>
    
    Code (markup):
    Now, when you click A, it will show you the ID with the value 1. when you click B, you will see the ID with 2, and so on.

    I hope this is what you wanna do!
     
    Bogdanirov, Jan 31, 2010 IP
  3. Shailendra Mishra

    Shailendra Mishra Peon

    Messages:
    446
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes, and you must also add a link to back to index after each of these detailed listings, so that one may never really have to scroll .. ( remember the notes at the bottom in each wordpress article !)

    have fun
     
    Shailendra Mishra, Jan 31, 2010 IP
  4. powerlifer

    powerlifer Active Member

    Messages:
    2,002
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #4
    i will give that a try it seems similar to what i need.

    basically ill try write it out better, say its a phonebook with all the As, when i click the A at the top of the screen it will bring me directly down to the start of the A's or if i click D it will bring me down to the part of the webpage thats got the D's.

    Andrew ......
    Alison...
    Abby....

    Derek
    Daniel...etc

    Hope that explained it better, cheers for the help
     
    powerlifer, Jan 31, 2010 IP
  5. Bogdanirov

    Bogdanirov Peon

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The code that I posted above should do what you need! :D
     
    Bogdanirov, Jan 31, 2010 IP
  6. powerlifer

    powerlifer Active Member

    Messages:
    2,002
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #6
    thanks it worked mate cheers again:)
     
    powerlifer, Jan 31, 2010 IP
  7. moises_pk2

    moises_pk2 Member

    Messages:
    52
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #7
    Nice share, i was also trying it
     
    moises_pk2, Feb 1, 2010 IP