Hiding named anchors in HTML in a table

Discussion in 'HTML & Website Design' started by stirfryguy, Jun 8, 2007.

  1. #1
    This might be hard to explain but I'm going to try it.

    I have a table inside my webpage which has a list of registry hacks. I thought this might be eaiser than making 40 additional pages or 1 page full of registrys that may confuse my visitors.

    I created a table and placed text inside of the hacks. Is there a way to keep the table and have the link information display below the table?

    example: vistior clicks on registry #4. Below the table the information for #4 shows up. The same visitor clicks on registry #22. The previous information disappears and registry #22 information pops up.

    I'm starting to think this would be eaiser in php, but I'm sure. Any advice is great or an alternative method so the spiders can access it easily :D

    Thanks everyone

    SFG
     
    stirfryguy, Jun 8, 2007 IP
  2. marty

    marty Peon

    Messages:
    154
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #2
    So it kinds of sounds like you want to have tool tips for each registry. I just yahoo'd tooltips and this page http://www.walterzorn.com/tooltip/tooltip_e.htm provides a pretty good example. If you do a search on tooltips you might be able to find better examples...

    Good luck.
     
    marty, Jun 8, 2007 IP
  3. stirfryguy

    stirfryguy Peon

    Messages:
    165
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks marty, I didn't know what keyword to use with it :D now I know thanks

    edit: sort of, but I don't want the tooltip to be linked from the registry on a rollover. Lets further this example: http://8525resource.com/table.html
     
    stirfryguy, Jun 8, 2007 IP
  4. briansol

    briansol Well-Known Member

    Messages:
    221
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    110
    #4
    you need to play with some style switching.

    set up something like this:

    <a href="#" onclick="show(1)">1</a>
    <a href="#" onclick="show(2)">2</a>
    etc...

    <div id="1" style="display: none;">table 1 info</div>
    <div id="2" style="display: none;">table 2 info</div>
    etc...


    function show(elem) {
    if (document.getElementById(elem).style.display = "none") {
    document.getElementById(elem).style.display = "block";
    }
    else
    document.getElementById(elem).style.display = "none";
    }

    and you'll need to set up a loop for all your elements
     
    briansol, Jun 8, 2007 IP