Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    Montreal, Canada
    Posts
    644
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Resizable table columns

    Ever wanted to have a dynamically resizable table? While working on a database printout recently I figured it would be much easier for the user, if he/she could resize the columns. I looked around and all I could find that would do this was a java applet, which means that the person needs to have java installed. I was about to start the never-ending task of scripting it in javascript, which probably would have taken me weeks to get all the glitches out and make it as cross browser as possible, when something hit me. Why not use a series of frames. This is how I broke it up. For the page that I want to have the table in I put an iframe where I want the table, made it the appropriate size, used css to make custom border,... That iframe targets a frame page. This frame page consists of vertical frames. Each frame holds a different page, which I entered the data for that column. And that's that.

    This seems like a lot of work, but it's much shorter than the alternative (scripting). If you're interested, take a look at my example:

    Resizable Table

    I thought this was an interesting concept that others may be able to use. Enjoy!

  • #2
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    Thats pretty cool.

    The only down side is the the cursor doesn't change when you hover over the column breaks. It would be more user friendly if it changed to the standard two horizontal arrows.

    Otherwise your average user wouldn't even realize you could re-size them.
    OracleGuy

  • #3
    Regular Coder
    Join Date
    Nov 2002
    Location
    Bristol, UK
    Posts
    932
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hmmmmm.... yes, it works, but it is an ugly and inadvisable method for oh-so-many reasons! (I do not want to cause any offence by saying this by the way.) The JS equivalent would by longer, I agree, but having lots of frames on a page makes me shudder, personally!

    On the other hand, it is an interesting and novel approach to the problem

    ::] krycek [::

    PS - It did not work at all in Mozilla - just IE - another reason why it is bad!
    ithium | SOAPI | SDP | PTPScript manual
    "ithium is a non-profit webhost, which is pretty much unique. The mission of ithium is to provide free hosting resources for worthwhile and needy non-profit projects, which otherwise may not be able to obtain such facilities. The money from commercial customers goes to maintain ithium's servers and further development."

  • #4
    Senior Coder joh6nn's Avatar
    Join Date
    Jun 2002
    Location
    72° W. 48' 57" , 41° N. 32' 04"
    Posts
    1,887
    Thanks
    0
    Thanked 1 Time in 1 Post
    i'll confirm the "borked in gecko" report.
    bluemood | devedge | devmo | MS Dev Library | WebMonkey | the Guide

    i am a loser geek, crazy with an evil streak,
    yes i do believe there is a violent thing inside of me.

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Montreal, Canada
    Posts
    644
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #6
    Senior Coder joh6nn's Avatar
    Join Date
    Jun 2002
    Location
    72° W. 48' 57" , 41° N. 32' 04"
    Posts
    1,887
    Thanks
    0
    Thanked 1 Time in 1 Post
    very cool. but so that you know, in gecko-based browsers ( i'm using phoenix ), the cursor doesn't change to indicate you can resize the columns. you've got " cursor: hand;" ; i think in Gecko it's "cursor: pointer;", but i'm not sure of that.
    bluemood | devedge | devmo | MS Dev Library | WebMonkey | the Guide

    i am a loser geek, crazy with an evil streak,
    yes i do believe there is a violent thing inside of me.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Montreal, Canada
    Posts
    644
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ya just forgot to enter it:

    cursor: pointer; cursor: hand;

    the whole "pointer" first bs.


  •  

    Posting Permissions

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