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

RE: [ydn-javascript] Container Freezing IE

Expand Messages
  • Steven Peterson
    Will, You re not rendering your Panel, as far as I can tell. You have to call uploading.render(document.body) in order to render the Panel. If you are
    Message 1 of 2 , Nov 1, 2006
    • 0 Attachment

      Will,

       

      You’re not rendering your Panel, as far as I can tell. You have to call uploading.render(document.body) in order to render the Panel. If you are rendering it, and it’s just not in this code example, can you please submit the full example?

       

      Thanks!

       

      Steven Peterson

      Web Developer, Platform Engineering

      Yahoo!

       

       

       

      From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of themidnightwill
      Sent: Monday, October 16, 2006 10:42 AM
      To: ydn-javascript@yahoogroups.com
      Subject: [ydn-javascript] Container Freezing IE

       

      Hello,

      I've got a problem with freezing IE when a container is invoked. I
      have it set to be visible when a user clicks a form submit button.
      The container has a small gif animation that plays while the form is
      being uploaded. (The users are submitting some large files, so there
      is a delay).

      Below I have included the code. It works great in FireFox, but
      freezes in IE when the submit button is clicked. Unfortunately, most
      users are using IE in my case :-( Any thoughts would be greatly
      appreciated.

      Thanks so much,

      -Will

      <script type="text/javascript">


      uploading = new YAHOO.widget.Panel("win", {
      width:"400px",
      fixedcenter: true,
      effect: {effect:
      YAHOO.widget.ContainerEffect.FADE,duration:0.5},
      constraintoviewport: true,
      underlay:"shadow",
      modal: true,
      close:false,
      visible:false,
      draggable:false} );

      //If we haven't built our panel using existing markup,
      //we can set its content via script:
      uploading.setHeader("Submitting");
      uploading.setBody('<div align="center"><img
      src="/images/uploading.gif" alt="uploading" width="200" height="200"
      border="0" /><br /><strong>Submitting...</strong></div>');
      </script>

      ....

      <input type="submit" name="test" id="test" onclick="uploading.show
      ()" value="submit" />

    Your message has been successfully submitted and would be delivered to recipients shortly.