Topic: Move browse_button
Hi,
I would like to move the "Add files" button to somewhere else on my page.
So i added the option browse_button in the config of the pluploadQueue, with as value the id of my dom element. But the result is that i get two buttons, the standard one and then the one i specify in my html. Depending the runtime both work or don't work.
var uploader = $("#uploader").pluploadQueue({
//runtimes : 'html5,html4,gears,flash,silverlight,browserplus',
// runtimes : 'html5,flash,silverlight,html4',
runtimes : 'flash',
url : site_url+'upload/data',
browse_button : "plu-browseBtn",
chunk_size : '200kb',
max_retries : 10,
unique_names : true,
urlstream_upload : true,
paths : [],
dragdrop : true,
flash_swf_url : site_url + 'js/library/plupload-2.1.1/js/Moxie.swf',
silverlight_xap_url : site_url + 'js/library/plupload-2.1.1/js/Moxie.xap',
filters : {
max_file_size : '50000mb',
mime_types : [
{title : "Affymetrix CEL files", extensions : "cel"},
{title : "Next-Gen Sequencing files", extensions : "fastq,gz,fq"}
]
}
});
<div id="uploader">
<p>Your browser doesn't have Flash, Silverlight or HTML5 support. Please use a browser that supports one of these technologies in order to upload your data from this machine.</p>
<p>If this is the case, please refresh this webpage, or <a href="#" onclick="I.support()">tell us</a> if this problem persists.</p>
</div>
....
<div id="stepBottom">
<button id="next" class="next">Next</button>
<button id="cancel" onClick="cancelUpload()">Cancel</button>
<button id="help">Help</button>
<button id="plu-browseBtn" class="next">Add Files</button>
<button id="back" class="next">Back</button>
<div id="bottomMessage">
</div>
</div>
That i get two buttons is not really an issue, i can hide one, but it is more that it doesn't work for all runtimes. For html5 the two btns work, for html4 only the "plu-browseBtn", for flash and silverlight none of them work.
I need some help to make it works for all runtimes thanks
Robin