Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #19377 > unrolled thread

How to re-size multiple DIVs dynamically with drag?

Back to article view | Back to comp.lang.javascript

Contents

  How to re-size multiple DIVs dynamically with drag? justaguy <lichunshen84@gmail.com> - 2013-04-20 11:57 -0700
    Re: How to re-size multiple DIVs dynamically with drag? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-04-20 21:43 +0200
      Re: How to re-size multiple DIVs dynamically with drag? justaguy <lichunshen84@gmail.com> - 2013-04-20 14:29 -0700
        Re: How to re-size multiple DIVs dynamically with drag? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-04-20 23:57 +0200
        Re: How to re-size multiple DIVs dynamically with drag? Tim Streater <timstreater@greenbee.net> - 2013-04-20 22:59 +0100
          Re: How to re-size multiple DIVs dynamically with drag? justaguy <lichunshen84@gmail.com> - 2013-04-20 18:32 -0700

#19377 — How to re-size multiple DIVs dynamically with drag?

Hi all,

I have a page divided with 3 divs. Please see below. What I want to do is to be able to drag the middle navigation div to change the width of both the left and right divs, if dragged to left, decrease left div and increase right div and vice verse. Is it doable?

Many thanks.

      <div id="leftDiv" style="width: 48%; float:left; vertical-align:top">
  left column  <br/>
  rising sales from its Windows and Office software products
      </div>

      <div style="width: 2%; float:left; vertical-align:top" onDrag="if (left) {leftDiv-} else {rightDiv-}"> 
      Nav controller
      </div>

      <div id="rightDiv" style="width: 50%; vertical-align:top; float:right;">
      Content in the right div
     </div>

[toc] | [next] | [standalone]

#19379

justaguy wrote:

> I have a page divided with 3 divs. Please see below. What I want to do is
> to be able to drag the middle navigation div to change the width of both
> the left and right divs, if dragged to left, decrease left div and
> increase right div and vice verse. Is it doable?

Yes.
 
> Many thanks.
> 
> […]if
>       (left) {leftDiv-} else {rightDiv-}
>       […]

But this is not even remotely syntactically valid code.  RTFM, STFW, UTFEC¹.

_____
¹ Use the F… Error Console
-- 
PointedEars

Twitter: @PointedEars2
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

[toc] | [prev] | [next] | [standalone]

#19382

On Saturday, April 20, 2013 3:43:47 PM UTC-4, Thomas 'PointedEars' Lahn wrote:
> justaguy wrote:
> 
> 
> 
> > I have a page divided with 3 divs. Please see below. What I want to do is
> 
> > to be able to drag the middle navigation div to change the width of both
> 
> > the left and right divs, if dragged to left, decrease left div and
> 
> > increase right div and vice verse. Is it doable?
> 
> 
> 
> Yes.
Please elaborate.

>  
> 
> > Many thanks.
> 
> > 
> 
> > […]if
> 
> >       (left) {leftDiv-} else {rightDiv-}
> 
> >       […]
> 
> 
> 
> But this is not even remotely syntactically valid code.  RTFM, STFW, UTFEC¹.
You're correct. That's my "wish".
 
> 
> 
> _____
> 
> ¹ Use the F… Error Console
> 
> -- 
> 
> PointedEars
> 
> 
> 
> Twitter: @PointedEars2
> 
> Please do not Cc: me. / Bitte keine Kopien per E-Mail.

[toc] | [prev] | [next] | [standalone]

#19386

justaguy wrote:

> Thomas 'PointedEars' Lahn wrote:
>> But this is not even remotely syntactically valid code.  RTFM, STFW,
>> UTFEC¹.
> 
> You're correct. That's my "wish".

RTFM:

<http://jibbering.com/faq/>
<http://PointedEars.de/faq>
<https://developer.mozilla.org/docs/JavaScript>

STFW:

<http://google.com/search?q=javascript+syntax&filter=0>

UTFEC:

<http://chromium.org/devtools>
<https://twitter.com/igrigorik/status/325262328914403329>
<http://getfirebug.com/>
<http://www.google.com/search?q=internet+explorer+developer+tools&filter=0>
<http://dev.opera.com/articles/view/introduction-to-opera-dragonfly/>
<http://www.google.com/search?q=javascript+%28+error+OR+script%29+console&filter=0>

-- 
PointedEars

Twitter: @PointedEars2
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

[toc] | [prev] | [next] | [standalone]

#19387

In article <3fa6b807-ec63-4174-a48b-a45a08e6cc2a@googlegroups.com>,
 justaguy <lichunshen84@gmail.com> wrote:

> On Saturday, April 20, 2013 3:43:47 PM UTC-4, Thomas 'PointedEars' Lahn wrote:
> > justaguy wrote:

> > > I have a page divided with 3 divs. Please see below. What I want to do is
> > > to be able to drag the middle navigation div to change the width of both
> > > the left and right divs, if dragged to left, decrease left div and
> > > increase right div and vice verse. Is it doable?

> > Yes.

> Please elaborate.

Don't bother with PointyHead, he's just being his usual helpful self. I 
just emailed you an example.

-- 
Tim

"That excessive bail ought not to be required, nor excessive fines imposed,
nor cruel and unusual punishments inflicted"  --  Bill of Rights 1689

[toc] | [prev] | [next] | [standalone]

#19397

On Saturday, April 20, 2013 5:59:45 PM UTC-4, Tim Streater wrote:
> In article <3fa6b807-ec63-4174-a48b-a45a08e6cc2a@googlegroups.com>,
> 
>  justaguy <lichunshen84@gmail.com> wrote:
> 
> 
> 
> > On Saturday, April 20, 2013 3:43:47 PM UTC-4, Thomas 'PointedEars' Lahn wrote:
> 
> > > justaguy wrote:
> 
> 
> 
> > > > I have a page divided with 3 divs. Please see below. What I want to do is
> 
> > > > to be able to drag the middle navigation div to change the width of both
> 
> > > > the left and right divs, if dragged to left, decrease left div and
> 
> > > > increase right div and vice verse. Is it doable?
> 
> 
> 
> > > Yes.
> 
> 
> 
> > Please elaborate.
> 
> 
> 
> Don't bother with PointyHead, he's just being his usual helpful self. I 
> 
> just emailed you an example.

Thank you, Tim, I'll try it out.

> 
> 
> -- 
> 
> Tim
> 
> 
> 
> "That excessive bail ought not to be required, nor excessive fines imposed,
> 
> nor cruel and unusual punishments inflicted"  --  Bill of Rights 1689

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web