nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Drop-in Saver

A.L

Hey guys,

I'm struggling to implement a single drop-in saver button on a blank html document running from local host.

I tried copying the dropins.js and referencing it locally but am unsure what else I could try to get a single upload button working.

my code for reference:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title> Saver</title>
    </head>
    <body>
        <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="kyljf8vcbai3kc7">

        <a href="https://dl.dropboxusercontent.com/s/deroi5nwm6u7gdf/advice.png" class="dropbox-saver"></a>

        Dropbox.createSaveButton(localhost, filename);
        </script>
    </body>
</html>

Find more posts tagged with

API

Abuse

Comments

Steve M.

Lots of things about that code look weird. Try this instead:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Saver</title>
        <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="kyljf8vcbai3kc7"></script>
    </head>
    <body>
        <a href="https://dl.dropboxusercontent.com/s/deroi5nwm6u7gdf/advice.png" class="dropbox-saver">Click here to save.</a>
    </body>
</html>

I changed a few things:

I put the script tag in the head and closed it.
I put some text inside the anchor tag so you could click the link. (I also moved the anchor tag outside of the <script> wrapper so it actually shows up.)
I removed the call to createSaveButton, which referenced two undefined variables (localhost and filename) and didn't do anything with the button anyway.