Note that there are some explanatory texts on larger screens.

plurals
  1. POUploadify inside Jquery UI Dialog => Chrome & Opera bugs
    text
    copied!<p>I have the following code:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" type="text/css" media="screen" href="jquery-ui-1.8.9.custom.css" /&gt; &lt;script type="text/javascript" src="jquery-1.5.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.uploadify.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/javascript"&gt; manualLightboxContent = function () { $("#dialogContent").html($('#module_wrapper').html()); $("#dialogContent").dialog( { 'modal': true } ); } &lt;/script&gt; &lt;a href="#" onclick="manualLightboxContent();"&gt;Open&lt;/a&gt; &lt;div id="dialogContent" style="display:none;"&gt;&lt;/div&gt; &lt;div id="module_wrapper" style="display:none;"&gt; &lt;script type="text/javascript"&gt; $().ready(function() { $('#uploadFile').uploadify({ 'swf' : 'uploadify.swf', 'fileObjName' : "uploadFile" }); }); &lt;/script&gt; &lt;input id="uploadFile" type="file" name="uploadFile" /&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I can't find why, but in chrome, I'm not able to open the browse windows. Exactly like if there was some invisible div floating over the swf.</p> <p>In opera, the bug is less important: the SELECT FILES text is under the swf instead of over.</p> <p>If uploadify is outside a jquery UI dialog, it works just fine.</p> <p>Can anyone explain me why this bug occur ?</p> <p>Edit: Using Uploadify 3.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload