Results 1 to 7 of 7

Thread: (D)HTML -- pop up boxes / expanding lists

  1. #1
    bored out of my tiny mind malfunction's Avatar
    Join Date
    Jul 2003
    Location
    Lurking
    Posts
    3,923
    Thanks
    191
    Thanked
    187 times in 163 posts
    • malfunction's system
      • Motherboard:
      • Gigabyte G1.Sniper (with daft heatsinks and annoying Killer NIC)
      • CPU:
      • Xeon X5670 (6 core LGA 1366) @ 4.4GHz
      • Memory:
      • 48GB DDR3 1600 (6 * 8GB)
      • Storage:
      • 1TB 840 Evo + 1TB 850 Evo
      • Graphics card(s):
      • 290X
      • PSU:
      • Antec True Power New 750W
      • Case:
      • Cooltek W2
      • Operating System:
      • Windows 10
      • Monitor(s):
      • Dell U2715H

    (D)HTML -- pop up boxes / expanding lists

    Is there a good way to do these? Basically I want to be able to expand / contract individual items or pop up an expanded 'tool tip' type of box with further details in so that I can keep the main list concise but still show the fine details if needed. I don't need more than one layer of hierarchy - no 'folders' type approach - just a list of records that can be expanded to show the full record for each row instead of just the summary (but I want to be able to do it for just one row at a time not the lot)

    Imaginary beer / milk n cookies for anyone that can help!

  2. #2
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    i think JavaScript has some good features which can let you do this. Visit http://www.w3schools.com/ to find out some DHTML syntax although i've never really dug into it.

  3. #3
    bored out of my tiny mind malfunction's Avatar
    Join Date
    Jul 2003
    Location
    Lurking
    Posts
    3,923
    Thanks
    191
    Thanked
    187 times in 163 posts
    • malfunction's system
      • Motherboard:
      • Gigabyte G1.Sniper (with daft heatsinks and annoying Killer NIC)
      • CPU:
      • Xeon X5670 (6 core LGA 1366) @ 4.4GHz
      • Memory:
      • 48GB DDR3 1600 (6 * 8GB)
      • Storage:
      • 1TB 840 Evo + 1TB 850 Evo
      • Graphics card(s):
      • 290X
      • PSU:
      • Antec True Power New 750W
      • Case:
      • Cooltek W2
      • Operating System:
      • Windows 10
      • Monitor(s):
      • Dell U2715H
    Quote Originally Posted by KeZZeR
    i think JavaScript has some good features which can let you do this. Visit http://www.w3schools.com/ to find out some DHTML syntax although i've never really dug into it.
    Cheers KeZZeR... Looks like a good site - I guess I'll just have to dig it out instead of being lazy!

  4. #4
    HEXUS.net Webmaster
    Join Date
    Jul 2003
    Location
    UK
    Posts
    3,108
    Thanks
    1
    Thanked
    0 times in 0 posts
    wwww.hotscripts.com

  5. #5
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    Well you could use scripts but that takes out the fun of learning how to actually do it

    Yeh w3schools is where i learnt HTML and CSS. I'm sure they must show the syntax you might want to see. Other good resource sites are ones such as http://www.devshed.com/ http://www.devarticles.com/ http://www.spoono.com/

    Spoono has got a few tutorials on it as well i think.

  6. #6
    bored out of my tiny mind malfunction's Avatar
    Join Date
    Jul 2003
    Location
    Lurking
    Posts
    3,923
    Thanks
    191
    Thanked
    187 times in 163 posts
    • malfunction's system
      • Motherboard:
      • Gigabyte G1.Sniper (with daft heatsinks and annoying Killer NIC)
      • CPU:
      • Xeon X5670 (6 core LGA 1366) @ 4.4GHz
      • Memory:
      • 48GB DDR3 1600 (6 * 8GB)
      • Storage:
      • 1TB 840 Evo + 1TB 850 Evo
      • Graphics card(s):
      • 290X
      • PSU:
      • Antec True Power New 750W
      • Case:
      • Cooltek W2
      • Operating System:
      • Windows 10
      • Monitor(s):
      • Dell U2715H
    Thanks Az...

    Collecting lots of useful links now - I've been out of the 'DHTML game' for a while now (basically I use ASP / HTML for monitoring / reporting for some of my apps but have got to the point where I want to get a bit more advanced). The tool-tip style mouse overs are amazingly easy - thought I'd have to set up some kind of separate event handling to keep it moving with the cursor but you can trigger an event every time you move the mouse (while still over the object). Damn easy!

    A sticky with some of these links in might be a good idea

    Edit: KeZZeR - yes - found what I need and have actually read it and understood it now. Very easy to do the tool tip style one so I'll stick with that for now.
    Last edited by malfunction; 01-03-2004 at 12:02 PM.

  7. #7
    Senior Member
    Join Date
    Feb 2004
    Location
    Lost in Cyberspace
    Posts
    374
    Thanks
    0
    Thanked
    0 times in 0 posts
    I know its too late but I always find that www.dynamicdrive.com has some useful scripts for the idle and lazy (ie. me )

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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