Forum Moderators: open

Message Too Old, No Replies

YUI +chrome +Panel +SimpleDialog

Problems with using YUI API (Panel, SimpleDialog)

         

torbol

10:27 am on Oct 30, 2008 (gmt 0)

10+ Year Member



Hello,

I have got problem with using YUI API (Panel, SimpleDialog) in Chrome browser. Firefox and IE haven't this problem.
YUI is rendering page using <body> and adding on the start owns tags, example:


<div id="simpledialog1_c" class="yui-panel-container yui-dialog yui-simple-dialog shadow" style="left: 489px; top: 132px; z-index: 300;">
</div>
<iframe id="_yuiResizeMonitor" src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%3Cscript%20type%3D%22text%2Fjavascript%22%3Ewindow.onresize%3Dfunction()%7Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire()%3B%7D%3B%3C%2Fscript%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E" style="border-width: 0pt; position: absolute; visibility: visible; width: 10em; height: 10em; top: -114px; left: -114px;">
</iframe>
<div id="wait_c" class="yui-panel-container shadow" style="left: 519px; top: 136px; z-index: 500;">

In result page is braking down with margin top 100px or more. Other browsers haven't this effect.

Maybe somebody had the same problem? I will grateful for the help.

Peace V

torbol

1:51 pm on Oct 30, 2008 (gmt 0)

10+ Year Member



I found solution this problem. I moved generated tags from the start to the end page and everything is working.

function moveYUIGeneratedTags()
{
simpleDialog1C = document.getElementById("simpledialog1_c");

document.body.appendChild(simpleDialog1C);

waitC = document.getElementById("wait_c");

document.body.appendChild(waitC);
}

setTimeout("moveYUIGeneratedTags()", 1000);