Loading ...
Sorry, an error occurred while loading the content.

8 ways resize panel + drag

Expand Messages
  • mchaz84
    Hello all I want to make a fully resizable (by 8 ways) and draggable panel. I start from the following example in this page :
    Message 1 of 5 , Jul 1, 2008
    • 0 Attachment
      Hello all

      I want to make a fully resizable (by 8 ways) and draggable panel.
      I start from the following example in this page :
      http://developer.yahoo.com/yui/examples/container/panel-resize.html

      I update the following line to have 8 ways resize :
      var resize = new YAHOO.util.Resize('resizablepanel', {
      handles: 'all',...}

      Now i can resize from the top and left of the panel but the behavior
      is strange (it always resizes by bottom and right).

      I read that i had to put the div element to "position:absolute" to
      have the correct behavior (and i need to have the div element as
      direct child of document.body). By doing this the resize works ok!!
      But... the panel is no longer draggable.


      Where is my mistake?
    • Dav Glass
      mchaz84 -- Can you post a link? Dav Dav Glass dav.glass@yahoo.com blog.davglass.com + Windows: n. - The most successful computer virus, ever. + + A computer
      Message 2 of 5 , Jul 1, 2008
      • 0 Attachment
        mchaz84 --

        Can you post a link?

        Dav

        Dav Glass
        dav.glass@...
        blog.davglass.com




        + Windows: n. - The most successful computer virus, ever. +
        + A computer without a Microsoft operating system is like a dog
        without bricks tied to its head +
        + A Microsoft Certified Systems Engineer is to computing what a
        McDonalds Certified Food Specialist is to fine cuisine +



        ----- Original Message ----
        From: mchaz84 <mchaz84@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Tuesday, July 1, 2008 5:17:45 AM
        Subject: [ydn-javascript] 8 ways resize panel + drag

        Hello all

        I want to make a fully resizable (by 8 ways) and draggable panel.
        I start from the following example in this page :
        http://developer.yahoo.com/yui/examples/container/panel-resize.html

        I update the following line to have 8 ways resize :
        var resize = new YAHOO.util.Resize('resizablepanel', {
        handles: 'all',...}

        Now i can resize from the top and left of the panel but the behavior
        is strange (it always resizes by bottom and right).

        I read that i had to put the div element to "position:absolute" to
        have the correct behavior (and i need to have the div element as
        direct child of document.body). By doing this the resize works ok!!
        But... the panel is no longer draggable.


        Where is my mistake?


        ------------------------------------

        Yahoo! Groups Links
      • mchaz84
        Sure, http://mchaz84.info/panel/panel-resize_source.html i ve put a button to test the resize/drag BEFORE and AFTER changing the position of the main div.
        Message 3 of 5 , Jul 1, 2008
        • 0 Attachment
          Sure,
          http://mchaz84.info/panel/panel-resize_source.html

          i 've put a button to test the resize/drag BEFORE and AFTER
          changing the position of the main div.

          Thanks for your time


          --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
          >
          > mchaz84 --
          >
          > Can you post a link?
          >
          > Dav
          >
          > Dav Glass
          > dav.glass@...
          > blog.davglass.com
          >
          >
          >
          >
          > + Windows: n. - The most successful computer virus, ever. +
          > + A computer without a Microsoft operating system is like a dog
          > without bricks tied to its head +
          > + A Microsoft Certified Systems Engineer is to computing what a
          > McDonalds Certified Food Specialist is to fine cuisine +
          >
          >
          >
          > ----- Original Message ----
          > From: mchaz84 <mchaz84@...>
          > To: ydn-javascript@yahoogroups.com
          > Sent: Tuesday, July 1, 2008 5:17:45 AM
          > Subject: [ydn-javascript] 8 ways resize panel + drag
          >
          > Hello all
          >
          > I want to make a fully resizable (by 8 ways) and draggable panel.
          > I start from the following example in this page :
          > http://developer.yahoo.com/yui/examples/container/panel-resize.html
          >
          > I update the following line to have 8 ways resize :
          > var resize = new YAHOO.util.Resize('resizablepanel', {
          > handles: 'all',...}
          >
          > Now i can resize from the top and left of the panel but the behavior
          > is strange (it always resizes by bottom and right).
          >
          > I read that i had to put the div element to "position:absolute" to
          > have the correct behavior (and i need to have the div element as
          > direct child of document.body). By doing this the resize works ok!!
          > But... the panel is no longer draggable.
          >
          >
          > Where is my mistake?
          >
          >
          > ------------------------------------
          >
          > Yahoo! Groups Links
          >
        • Dav Glass
          mchaz84 -- Here is a modified version: http://blog.davglass.com/files/yui/resize4/ Does that help? Dav Dav Glass dav.glass@yahoo.com blog.davglass.com +
          Message 4 of 5 , Jul 1, 2008
          • 0 Attachment
            mchaz84 --

            Here is a modified version:
            http://blog.davglass.com/files/yui/resize4/


            Does that help?
            Dav

            Dav Glass
            dav.glass@...
            blog.davglass.com




            + Windows: n. - The most successful computer virus, ever. +
            + A computer without a Microsoft operating system is like a dog
            without bricks tied to its head +
            + A Microsoft Certified Systems Engineer is to computing what a
            McDonalds Certified Food Specialist is to fine cuisine +



            ----- Original Message ----
            From: mchaz84 <mchaz84@...>
            To: ydn-javascript@yahoogroups.com
            Sent: Tuesday, July 1, 2008 7:32:34 AM
            Subject: [ydn-javascript] Re: 8 ways resize panel + drag

            Sure,
            http://mchaz84.info/panel/panel-resize_source.html

            i 've put a button to test the resize/drag BEFORE and AFTER
            changing the position of the main div.

            Thanks for your time


            --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
            >
            > mchaz84 --
            >
            > Can you post a link?
            >
            > Dav
            >
            > Dav Glass
            > dav.glass@...
            > blog.davglass.com
            >
            >
            >
            >
            > + Windows: n. - The most successful computer virus, ever. +
            > + A computer without a Microsoft operating system is like a dog
            > without bricks tied to its head +
            > + A Microsoft Certified Systems Engineer is to computing what a
            > McDonalds Certified Food Specialist is to fine cuisine +
            >
            >
            >
            > ----- Original Message ----
            > From: mchaz84 <mchaz84@...>
            > To: ydn-javascript@yahoogroups.com
            > Sent: Tuesday, July 1, 2008 5:17:45 AM
            > Subject: [ydn-javascript] 8 ways resize panel + drag
            >
            > Hello all
            >
            > I want to make a fully resizable (by 8 ways) and draggable panel.
            > I start from the following example in this page :
            > http://developer.yahoo.com/yui/examples/container/panel-resize.html
            >
            > I update the following line to have 8 ways resize :
            > var resize = new YAHOO.util.Resize('resizablepanel', {
            > handles: 'all',...}
            >
            > Now i can resize from the top and left of the panel but the behavior
            > is strange (it always resizes by bottom and right).
            >
            > I read that i had to put the div element to "position:absolute" to
            > have the correct behavior (and i need to have the div element as
            > direct child of document.body). By doing this the resize works ok!!
            > But... the panel is no longer draggable.
            >
            >
            > Where is my mistake?
            >
            >
            > ------------------------------------
            >
            > Yahoo! Groups Links
            >



            ------------------------------------

            Yahoo! Groups Links
          • mchaz84
            It seems it will help :) I will see it later but i think it ll be ok, thanks a lot!
            Message 5 of 5 , Jul 1, 2008
            • 0 Attachment
              It seems it will help :)
              I will see it later but i think it'll be ok, thanks a lot!



              --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
              >
              > mchaz84 --
              >
              > Here is a modified version:
              > http://blog.davglass.com/files/yui/resize4/
              >
              >
              > Does that help?
              > Dav
              >
              > Dav Glass
              > dav.glass@...
              > blog.davglass.com
              >
              >
              >
              >
              > + Windows: n. - The most successful computer virus, ever. +
              > + A computer without a Microsoft operating system is like a dog
              > without bricks tied to its head +
              > + A Microsoft Certified Systems Engineer is to computing what a
              > McDonalds Certified Food Specialist is to fine cuisine +
              >
              >
              >
              > ----- Original Message ----
              > From: mchaz84 <mchaz84@...>
              > To: ydn-javascript@yahoogroups.com
              > Sent: Tuesday, July 1, 2008 7:32:34 AM
              > Subject: [ydn-javascript] Re: 8 ways resize panel + drag
              >
              > Sure,
              > http://mchaz84.info/panel/panel-resize_source.html
              >
              > i 've put a button to test the resize/drag BEFORE and AFTER
              > changing the position of the main div.
              >
              > Thanks for your time
              >
              >
              > --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@> wrote:
              > >
              > > mchaz84 --
              > >
              > > Can you post a link?
              > >
              > > Dav
              > >
              > > Dav Glass
              > > dav.glass@
              > > blog.davglass.com
              > >
              > >
              > >
              > >
              > > + Windows: n. - The most successful computer virus, ever. +
              > > + A computer without a Microsoft operating system is like a dog
              > > without bricks tied to its head +
              > > + A Microsoft Certified Systems Engineer is to computing what a
              > > McDonalds Certified Food Specialist is to fine cuisine +
              > >
              > >
              > >
              > > ----- Original Message ----
              > > From: mchaz84 <mchaz84@>
              > > To: ydn-javascript@yahoogroups.com
              > > Sent: Tuesday, July 1, 2008 5:17:45 AM
              > > Subject: [ydn-javascript] 8 ways resize panel + drag
              > >
              > > Hello all
              > >
              > > I want to make a fully resizable (by 8 ways) and draggable panel.
              > > I start from the following example in this page :
              > > http://developer.yahoo.com/yui/examples/container/panel-resize.html
              > >
              > > I update the following line to have 8 ways resize :
              > > var resize = new YAHOO.util.Resize('resizablepanel', {
              > > handles: 'all',...}
              > >
              > > Now i can resize from the top and left of the panel but the behavior
              > > is strange (it always resizes by bottom and right).
              > >
              > > I read that i had to put the div element to "position:absolute" to
              > > have the correct behavior (and i need to have the div element as
              > > direct child of document.body). By doing this the resize works ok!!
              > > But... the panel is no longer draggable.
              > >
              > >
              > > Where is my mistake?
              > >
              > >
              > > ------------------------------------
              > >
              > > Yahoo! Groups Links
              > >
              >
              >
              >
              > ------------------------------------
              >
              > Yahoo! Groups Links
              >
            Your message has been successfully submitted and would be delivered to recipients shortly.