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

out of memory when using a drag/drop panel in yahoo UI 2.4.1

Expand Messages
  • kenkyee
    Anyone know of workaround for this? Using the HTML file below (I stripped down the page so it only uses the yahoo UI code in a minimal example), what I do is
    Message 1 of 3 , Dec 22, 2007
    • 0 Attachment
      Anyone know of workaround for this?
      Using the HTML file below (I stripped down the page so it only uses
      the yahoo UI code in a minimal example), what I do is hold the mouse
      button down on the scroll bar down arrow to scroll the testN lines
      down, then I move out of the drag drop panel and MSIE6 has an out of
      memory error. I can get rid of the "overflow:auto" style for the div
      and the problem doesn't happen because you don't have a scrollbar to
      click on but that's not what I want it to look like :-P

      It looks like some infinite recursion thing causing the stack to
      overflow...

      thanks,

      ken
      ===============

      <html>
      <head>
      <!-- Drag Drop Dependencies -->
      <script type="text/javascript"
      src="javascript/yahoo/yahoo-dom-event.js"></script>
      <script type="text/javascript" src="javascript/yahoo/yahoo.js"></script>
      <script type="text/javascript"
      src="javascript/yahoo/dom.js"></script>
      <script type="text/javascript"
      src="javascript/yahoo/event.js"></script>
      <script type="text/javascript"
      src="javascript/yahoo/dragdrop.js"></script>
      <script type="text/javascript"
      src="javascript/yahoo/ddontop.js"></script>

      <script language="javascript">
      <!--
      var ddsummary;
      function initYahooDD() {
      ddsummary = new YAHOO.util.DD("panelStatus");
      }
      -->
      </script>
      </head>

      <body onload="initYahooDD();">

      <div id="panelStatus" style="position:absolute">
      <table id=statPanel bgcolor=DimGray>
      <tr>
      <td colspan="6" bgcolor=Wheat class=statusHeader>STATUS</td>
      </tr>
      <tr><td colspan="6">
      <div>
      <div id="dspRecentEvents" style="height: 50px;
      overflow: auto; background-color:white;">
      test1<br/>
      test2 <br/>
      test3 <br/>
      test4 <br/>
      test5 <br/>
      test6 <br/>
      test7 <br/>
      test8 <br/>
      test9 <br/>
      <table width="100%"></table>
      </div>
      </div>
      </td></tr>
      </table>
      </div>

      </body>
      </html>
    • dav.glass@yahoo.com
      kenkyee -- I m not sure if this is an actual problem with DragDrop or not, I ll did into it a little more.. Here is what you can do to get around it: In your
      Message 2 of 3 , Dec 28, 2007
      • 0 Attachment
        kenkyee --

        I'm not sure if this is an actual problem with DragDrop or not, I'll did into it a little more..

        Here is what you can do to get around it:
        In your Javascript declaration put this:
          ddsummary = new YAHOO.util.DD("panelStatus");

         In your HTML do this:
            <td colspan="6" bgcolor=Wheat class=statusHeader id="status">STATUS</td>


        The problem is that you have the DD instance on the whole container, Since the scrollbar is part of that container. DragDrop is getting an event that makes it want to drag the element.
        I'm not sure that I can trap it, but I will look into the issue.. Using the above code should fix the issue..

        Hope that helps :)
        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: kenkyee <kenkyee@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Saturday, December 22, 2007 7:13:56 PM
        Subject: [ydn-javascript] out of memory when using a drag/drop panel in yahoo UI 2.4.1

        Anyone know of workaround for this?
        Using the HTML file below (I stripped down the page so it only uses
        the yahoo UI code in a minimal example), what I do is hold the mouse
        button down on the scroll bar down arrow to scroll the testN lines
        down, then I move out of the drag drop panel and MSIE6 has an out of
        memory error.  I can get rid of the "overflow:auto" style for the div
        and the problem doesn't happen because you don't have a scrollbar to
        click on but that's not what I want it to look like :-P

        It looks like some infinite recursion thing causing the stack to
        overflow...

        thanks,

        ken
        ===============

        <html>
        <head>
            <!-- Drag Drop Dependencies --> 
            <script type="text/javascript"
        src="javascript/yahoo/yahoo-dom-event.js"></script>
            <script type="text/javascript" src="javascript/yahoo/yahoo.js"></script>
                <script type="text/javascript"
        src="javascript/yahoo/dom.js"></script>
                <script type="text/javascript"
        src="javascript/yahoo/event.js"></script>
            <script type="text/javascript"
        src="javascript/yahoo/dragdrop.js"></script>
            <script type="text/javascript"
        src="javascript/yahoo/ddontop.js"></script>
           
        <script language="javascript">
        <!--   
        var ddsummary;
        function initYahooDD() {
          ddsummary = new YAHOO.util.DD("panelStatus");
        }
        -->
        </script>
        </head>

        <body onload="initYahooDD();">

            <div id="panelStatus" style="position:absolute">
            <table id=statPanel bgcolor=DimGray>
            <tr>
            <td colspan="6" bgcolor=Wheat class=statusHeader>STATUS</td>
            </tr>
            <tr><td colspan="6">
                <div>
                        <div id="dspRecentEvents" style="height: 50px;
        overflow: auto; background-color:white;">
                test1<br/>
                test2 <br/>
                test3 <br/>
                test4 <br/>
                test5 <br/>
                test6 <br/>
                test7 <br/>
                test8 <br/>
                test9 <br/>
                            <table width="100%"></table>
                        </div>
                </div>
            </td></tr>
            </table>
            </div>

        </body>
        </html>






        Yahoo! Groups Links

        <*> To visit your group on the web, go to:
            http://groups.yahoo.com/group/ydn-javascript/

        <*> Your email settings:
            Individual Email | Traditional

        <*> To change settings online go to:
            http://groups.yahoo.com/group/ydn-javascript/join
            (Yahoo! ID required)

        <*> To change settings via email:
            mailto:ydn-javascript-digest@yahoogroups.com
            mailto:ydn-javascript-fullfeatured@yahoogroups.com

        <*> To unsubscribe from this group, send an email to:
            ydn-javascript-unsubscribe@yahoogroups.com

        <*> Your use of Yahoo! Groups is subject to:
            http://docs.yahoo.com/info/terms/


      • kenkyee
        Thanks, Dav. But if I do this, it only lets me dragdrop just that cell from the table. What I need to do is to be able to dragdrop the entire panel with the
        Message 3 of 3 , Dec 31, 2007
        • 0 Attachment
          Thanks, Dav.
          But if I do this, it only lets me dragdrop just that cell from the
          table. What I need to do is to be able to dragdrop the entire panel
          with the little div area that has a scrollbar (it's part of scrolling
          status info) since that entire panel floats around on top of a bigger
          graphical display.

          I also tried wrapping my table inside another table w/ only one cell
          and making that cell dragdroppable (thinking making a div
          dragdroppable was this issue). I'm afraid that didn't work either. I
          get the same Out Of Memory error when I try doing it this way :-P

          Is there any way to stop the recursion that looks like it's happening
          when you move the mouse outside the panel?


          ken


          --- In ydn-javascript@yahoogroups.com, dav.glass@... wrote:
          >
          > kenkyee --
          >
          > I'm not sure if this is an actual problem with DragDrop or not, I'll
          did into it a little more..
          >
          > Here is what you can do to get around it:
          > In your Javascript declaration put this:
          > ddsummary = new YAHOO.util.DD("panelStatus");
          >
          > In your HTML do this:
          > <td colspan="6" bgcolor=Wheat class=statusHeader
          id="status">STATUS</td>
          >
          >
          > The problem is that you have the DD instance on the whole container,
          Since the scrollbar is part of that container. DragDrop is getting an
          event that makes it want to drag the element.
          > I'm not sure that I can trap it, but I will look into the issue..
          Using the above code should fix the issue..
          >
          > Hope that helps :)
          > 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: kenkyee <kenkyee@...>
          > To: ydn-javascript@yahoogroups.com
          > Sent: Saturday, December 22, 2007 7:13:56 PM
          > Subject: [ydn-javascript] out of memory when using a drag/drop panel
          in yahoo UI 2.4.1
          >
          >
          > Anyone know of workaround for this?
          > Using the HTML file below (I stripped down the page so it only uses
          > the yahoo UI code in a minimal example), what I do is hold the mouse
          > button down on the scroll bar down arrow to scroll the testN lines
          > down, then I move out of the drag drop panel and MSIE6 has an out of
          > memory error. I can get rid of the "overflow:auto" style for the div
          > and the problem doesn't happen because you don't have a scrollbar to
          > click on but that's not what I want it to look like :-P
          >
          > It looks like some infinite recursion thing causing the stack to
          > overflow...
          >
          > thanks,
          >
          > ken
          > ===============
          >
          > <html>
          > <head>
          > <!-- Drag Drop Dependencies -->
          > <script type="text/javascript"
          > src="javascript/yahoo/yahoo-dom-event.js"></script>
          > <script type="text/javascript"
          > src="javascript/yahoo/yahoo.js"></script>
          > <script type="text/javascript"
          > src="javascript/yahoo/dom.js"></script>
          > <script type="text/javascript"
          > src="javascript/yahoo/event.js"></script>
          > <script type="text/javascript"
          > src="javascript/yahoo/dragdrop.js"></script>
          > <script type="text/javascript"
          > src="javascript/yahoo/ddontop.js"></script>
          >
          > <script language="javascript">
          > <!--
          > var ddsummary;
          > function initYahooDD() {
          > ddsummary = new YAHOO.util.DD("panelStatus");
          > }
          > -->
          > </script>
          > </head>
          >
          > <body onload="initYahooDD();">
          >
          > <div id="panelStatus" style="position:absolute">
          > <table id=statPanel bgcolor=DimGray>
          > <tr>
          > <td colspan="6" bgcolor=Wheat class=statusHeader>STATUS</td>
          > </tr>
          > <tr><td colspan="6">
          > <div>
          > <div id="dspRecentEvents" style="height: 50px;
          > overflow: auto; background-color:white;">
          > test1<br/>
          > test2 <br/>
          > test3 <br/>
          > test4 <br/>
          > test5 <br/>
          > test6 <br/>
          > test7 <br/>
          > test8 <br/>
          > test9 <br/>
          > <table width="100%"></table>
          > </div>
          > </div>
          > </td></tr>
          > </table>
          > </div>
          >
          > </body>
          > </html>
          >
          >
          >
          >
          >
          >
          > Yahoo! Groups Links
          >
        Your message has been successfully submitted and would be delivered to recipients shortly.