Need to see if your shared folder is taking up space on your dropbox 👨💻? Find out how to check here.
Forum Discussion
Solved
Triggering the Embedder using JavaScript
var options = {
// Shared link to Dropbox file
link: "https://www.dropbox.com/sh/keptcjl08q3wsid/AACui966iXcXPbagCJ2py2L-a?dl=0",
file: {
// Sets the zoom mode for embedded ...
Thanks! Yes, you'll also need to define "element" which will depend on your page, but should be the element on your page where you want to put the Embedder.
For example, if you have an element on your page like this:
<div id="folder_container"></div>
Then you might define 'element' like this:
var element = document.getElementById("folder_container");
Do you have an example of the full code? I am still having the same issue.
Greg-DB
Dropbox Community Moderator
Dropbox Community ModeratorBryantsssss Exactly how the code should look will depend on your scenario and what you're trying to build. You can find the full instructions, plus a live working example, on the Embedder page here.
Here's what a minimal example of triggering the Embedder using JavaScript might look like:
<!DOCTYPE html>
<html>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="APPKEYHERE"></script>
<script type="text/javascript">
$(document).ready(function() {
var url = "https://www.dropbox.com/s/u0bdwmkjmqld9l2/dbx-supporting-distributed-work.gif?dl=0";
var element = document.getElementById("file_container");
var options = {
link: url,
file: {
zoom: "best"
}
};
Dropbox.embed(options, element);
});
</script>
<div style="height:600px;width:800px" id="file_container"></div>
</html>
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
