PDA

View Full Version : yui-ext simpleDialogs with yui contextMenus and dialogs



pnp
10 Jan 2007, 8:10 AM
Hi, I've put up a test bed with yui-ext simpleDialog to see if I can add yui-ext to my application.
I would like to be able to join using yui-ext but this first experiment is not very encouraging.
I hope you have some good ideas for me to try.

The problems I have, shows somewhat differently in FF and MSIE.

On this page I have already YUI simpleDialogs, dialogs and contextMenus. I'm using YUI 0.12.1 and yui-ext 0.33

Here is a list of problems:

In MSIE the yui-ext simpleDialog always moves upwards near the top of the page, no matter the starting point's position in relation to the viewport. The result is that the dialog gets out of sight when the starting point is low on the page (the page is scrolled down).

In FF the dialog always stays inside the viewport, however the page beneath gets scrolled back to the starting position so if the starting point was low on the page it would be out of viewport when the dialog is closed.

Furthermore after inclusion of yui-ext all my YUI contextMenues do behave the same way (as described above).

After inclusion of the yui-ext.css the dropdown boxes on the yui simpeDialogs disappear.

Do you think there is a way out of all this and do you have an idea from where I can start trying something out?

Here below I'm posting the list of included js and css files for a start.

Thanks for any help




<script type="text/javascript" src="/yui/yahoo.js"></script>
<script type="text/javascript" src="/yui/event.js"></script>
<script type="text/javascript" src="/yui/dom.js"></script>
<script type="text/javascript" src="/yui/dragdrop.js"></script>
<script type="text/javascript" src="/yui/animation.js"></script>

<script type="text/javascript" src="/scripts/yui_functions.js"></script>
<script type="text/javascript" src ="/scripts/controls.js" ></script>

<link rel="stylesheet" type="text/css" href="/yui/container/container.css" />
<script type="text/javascript" src="/yui/container.js"></script>

<link rel="stylesheet" type="text/css" href="/yui/menu/menu.css" />
<script type="text/javascript" src="/yui/menu.js"></script>

<link rel="stylesheet" type="text/css" href="/style/yui-ext.css" />
<script type="text/javascript" src="/yui-ext/yui-ext.js"></script>


<link rel="stylesheet" type="text/css" href="/style/yui_custom.css" />
<script type="text/javascript" src="/scripts/cookie.js"></script>

<script type="text/javascript">