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

RE: [ydn-javascript] Re: Simple Dialog races down the page to infinity.

Expand Messages
  • Satyen Desai
    Hey Allan, Sorry about the delayed response. Just got a chance to look at your test URL (http://www-personal.umich.edu/~allan/tabdialog/tabdialogtest.html).
    Message 1 of 6 , Feb 4, 2008
      Hey Allan,

      Sorry about the delayed response. Just got a chance to look at your test URL (http://www-personal.umich.edu/~allan/tabdialog/tabdialogtest.html).

      The problem (on the test URL at least) is that you don't have container.css included (which means the SimpleDialog will be not be absolutely positioned, pushing TabView down).

      Adding container.css fixes the issue on the test URL.

      Also, a general note: you don't need some of the individual files, if you have utilities.js included.

      Here's my cleaned up list of includes for your test page, which works fine. I see the SimpleDialog centered in the viewport, overlapping the TabView control.

      <link rel="stylesheet" type="text/css" href="yahoo/tabview/assets/skins/sam/tabview.css" />

      <link rel="stylesheet" type="text/css" href="yahoo/button/assets/skins/sam/button.css" />

      <link rel="stylesheet" type="text/css" href="yahoo/container/assets/skins/sam/container.css" />

      <script type="text/javascript" src="yahoo/utilities/utilities.js"></script>
      <script type="text/javascript" src="yahoo/element/element-beta-min.js"></script>
      <script type="text/javascript" src="yahoo/tabview/tabview.js"></script>
      <script type="text/javascript" src="yahoo/button/button.js"></script>
      <script type="text/javascript" src="yahoo/container/container.js"></script>

      If you still have problems with your original application, if you can extend the test URL to show us what's going on we can look into it some more.

      (I believe you mentioned an iframe in your original post?).


      From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of allanbjork
      Sent: Wednesday, January 30, 2008 2:34 PM
      To: ydn-javascript@yahoogroups.com
      Subject: [ydn-javascript] Re: Simple Dialog races down the page to infinity.

      --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...>
      > Hi Allan,
      > Could you post a URL for us to look at? That would really help.

      I mocked up an example and placed it on some personal webspace.


      > * And this only happens on IE6?

      I used a personal workstation and pointed firefox to the
      above URL.

      When the dialog pops, it shoves the tab panel, and itself, off the
      bottom of the page, but doesn't race to infinity. So you can scroll
      to it, and press the buttons on the dialog.

      When the dialog disappears, the tab panel returns to its previous

      Also, on a different workstation with IE7, that I was able to
      borrow, I pointed to the above URL, popped the dialog and the race to
      infinity was on. But this time, the dialog components stayed just
      above the edge of the screen bottom, and I was able to press its
      buttons to dismiss it. The screen then returned to pre dialog.show()

      I've also noticed that both in IE and FF, rendering the dialog, as
      in the code, displaces the tab panel. And if rendered to the tab
      panel, instead of document.body, extends the tab panel bottom quite a

      Also, the dialog renders without any borders or styling applied.

      > Regards,
      > Satyen

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