resizable grid

Newsgroups	comp.lang.javascript
From	Andrew Poulos <ap_prog@hotmail.com>
Subject	resizable grid
Date	2019-10-31 20:34 +1100
Message-ID	<5aqdnToaeZ4PNyfAnZ2dnUU7-eHNnZ2d@westnet.com.au> (permalink)

Show all headers | View raw

I have a 3 column CSS grid: 1 wide column, 1 very thin column (I call it 
a "spacer"), and another wide column. A user should be able to "grab" 
the spacer and slide it left or right, automatically resizing the wide 
columns.

The movement left or right needs to be limited to 150px to the left and 
50px to the right.

I'm stuck. Anyone any ideas on how I can approach this?

I could do an onmousedown on the spacer and then track how much the 
cursor moves horizontally and update the CSS on the grid accordingly but 
I don't know if I should go that way or not.

Andrew Poulos

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

resizable grid Andrew Poulos <ap_prog@hotmail.com> - 2019-10-31 20:34 +1100
  Re: resizable grid Julio Di Egidio <julio@diegidio.name> - 2019-10-31 05:55 -0700
    Re: resizable grid Andrew Poulos <ap_prog@hotmail.com> - 2019-11-01 07:54 +1100
      Re: resizable grid Arno Welzel <usenet@arnowelzel.de> - 2019-11-01 10:53 +0100
        Re: resizable grid Andrew Poulos <ap_prog@hotmail.com> - 2019-11-02 14:46 +1100
          Re: resizable grid Julio Di Egidio <julio@diegidio.name> - 2019-11-02 07:07 -0700
          Re: resizable grid Arno Welzel <usenet@arnowelzel.de> - 2019-11-05 10:45 +0100
            Re: resizable grid Julio Di Egidio <julio@diegidio.name> - 2019-11-05 04:43 -0800
              Re: resizable grid Arno Welzel <usenet@arnowelzel.de> - 2019-11-05 15:23 +0100
              Re: resizable grid Arno Welzel <usenet@arnowelzel.de> - 2019-11-05 15:35 +0100

csiph-web