Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery UI Dialog - PLUPLOAD: Plupload doesn't work ith jquery ui dialog
    primarykey
    data
    text
    <p>I have a problem while trying to upload using <strong>plupload</strong> and <strong>jquery ui dialog</strong>.</p> <p>I have <strong>a modal dialog</strong> builded with jqueryui and I have added a plupload layout into it.</p> <p>But when I try it with Firefox it open's me 2 dialog frame and with Safari it doesn't work.</p> <p>I have seen the code generated and I have seen that in Firefox I have 2 </p> <pre><code>&lt;div id="p16r5em3ep2gmrvk1ad335d1sae0_html5_container" style="position: absolute; background: none repeat scroll 0% 0% transparent; width: 0px; height: 0px; overflow: hidden; z-index: -1; opacity: 0; top: 0px; left: 0px;" class="plupload html5"&gt; &lt;input type="file" multiple="multiple" accept="" style="font-size: 999px; position: absolute; width: 100%; height: 100%;" id="p16r5em3ep2gmrvk1ad335d1sae0_html5"&gt; &lt;/div&gt; </code></pre> <p>And the second one</p> <pre><code>&lt;div id="p16r5em3i11ila2j0b91i163s44_html5_container" style="position: absolute; background: none repeat scroll 0% 0% transparent; width: 0px; height: 0px; overflow: hidden; z-index: -1; opacity: 0; top: 0px; left: 0px;" class="plupload html5"&gt; &lt;input type="file" multiple="multiple" accept="" style="font-size: 999px; position: absolute; width: 100%; height: 100%;" id="p16r5em3i11ila2j0b91i163s44_html5"&gt; &lt;/div&gt; </code></pre> <p>For Safari, I have...</p> <pre><code>&lt;div id="p16r5fjomdg751e101jao122t12gd0_html5_container" style="position: absolute; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: hidden; overflow-y: hidden; opacity: 0; top: 0px; left: 0px; width: 0px; height: 0px; z-index: -1; background-position: initial initial; background-repeat: initial initial; " class="plupload html5"&gt; &lt;input id="p16r5fjomdg751e101jao122t12gd0_html5" style="font-size: 999px; position: absolute; width: 100%; height: 100%; " type="file" accept="" multiple="multiple"&gt; &lt;/div&gt; </code></pre> <p>And the second one</p> <pre><code>&lt;div id="p16r5fjong1g231iqm10sq1jte1nc34_html5_container" style="position: absolute; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: hidden; overflow-y: hidden; opacity: 0; top: 0px; left: 0px; width: 0px; height: 0px; z-index: -1; background-position: initial initial; background-repeat: initial initial; " class="plupload html5"&gt; &lt;input id="p16r5fjong1g231iqm10sq1jte1nc34_html5" style="font-size: 999px; position: absolute; width: 100%; height: 100%; " type="file" accept="" multiple="multiple"&gt; &lt;/div&gt; </code></pre> <p>But nothing's come right.</p> <p><strong>Note</strong> that if <strong>I don't use the modal dialog, it works</strong>...</p> <p><strong>EDIT</strong> I use this code to init plupload</p> <pre><code>var uploader = new plupload.Uploader ({ runtimes: 'html5,flash', container:'container', drop_element:'upDropArea', browse_button: 'upBrowseButton', url: 'url&amp;action=action', flash_swf_url: '/lib/plupload/js/plupload.flash.swf', multipart: true, urlstream_upload:true, resize : {quality : 60}, multiple_queues: true, filters : [ {title: 'Images', extensions: 'jpg,gif,png,jpeg'} ] }); </code></pre> <p>Any idea?</p> <p>Thanks for all</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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