is there is any option for callback after successfully embedded

Question

$('#userGuideModal').on('show.bs.modal', function (e) {&nbsp; &nbsp; // Show the preloader&nbsp; &nbsp; $('#preloader').show();&nbsp; &nbsp; var scriptLoaded = false;&nbsp; &nbsp; // Check if Dropbox script is already loaded&nbsp; &nbsp; if (!document.getElementById('dropboxjs')) {&nbsp; &nbsp; &nbsp; &nbsp; var script = document.createElement('script');&nbsp; &nbsp; &nbsp; &nbsp; script.type = 'text/javascript';&nbsp; &nbsp; &nbsp; &nbsp; script.src = 'https://www.dropbox.com/static/api/2/dropins.js';&nbsp; &nbsp; &nbsp; &nbsp; script.id = 'dropboxjs';&nbsp; &nbsp; &nbsp; &nbsp; script.dataset.appKey = 'KEY';&nbsp; &nbsp; &nbsp; &nbsp; script.onload = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log('Dropbox script loaded successfully.');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scriptLoaded = true;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; embedDropboxContent();&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; script.onerror = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.error('Error loading Dropbox script.');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#preloader').hide();&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; document.body.appendChild(script);&nbsp; &nbsp; &nbsp; &nbsp; // Set a timeout to handle cases where the script doesn't load&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!scriptLoaded) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.error('Dropbox script loading timed out.');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#preloader').hide();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }, 5000); // Adjust the timeout duration as needed&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; scriptLoaded = true;&nbsp; &nbsp; &nbsp; &nbsp; embedDropboxContent();&nbsp; &nbsp; }});function embedDropboxContent() {&nbsp; &nbsp; var element = document.getElementById('dropbox-embedder-container');&nbsp; &nbsp; var options = {&nbsp; &nbsp; &nbsp; &nbsp; link: "URL",&nbsp; &nbsp; &nbsp; &nbsp; file: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; zoom: "best"&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; folder: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; view: "list", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; headerSize: "normal"&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; success: function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log('Dropbox content embedded successfully.');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Hide the loader when embedding is successful&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#preloader').hide();&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; error: function(errorMessage) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.error('Error embedding Dropbox content:', errorMessage);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Hide the loader on error&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#preloader').hide();&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };&nbsp; &nbsp; Dropbox.embed(options, element);}there is a delay before i frame appending to div, so i want to show a preloader, once append completed i want to remove the preloader, so i was trying with 'success' function, but its not working as expected&nbsp;

Здравко · Answer

Hi Nihad1,There is not such a callback. Though, you can do it in the same way as you have it partially done already actually. 😉 Take a look here for an example.Hope this gives direction.

Greg-DB · Answer

Nihad1 The Dropbox Embedder itself does not support success or error callbacks, but I'll pass this along as a feature request. I can't promise if or when that might be implemented though. 
&nbsp;
As Здравко mentioned however, you can monitor for changes to your element directly.

Forum Discussion

is there is any option for callback after successfully embedded

About Discuss Dropbox Developer & API

Related Content

Embedding Images in eBay

Re: Expired Certificate Error?(SSL security error)

Get Embedded Sign URL is asking for client id

Can't download sketchup skp files successfully in Chromeon iPad or iPhone

Dropbox API für Android import Callback

Recent Discussions

Sharing folders to users with viewer still permits downloads

Cannot set expire settings for sharing_create_shared_link_with_settings

GET Usage (in MB, updates every 8 hours) FROM python sdk

Regarding Access Token Expiration Policy

My token expire - I want to not expire