<!doctype html><html><head><title>Robert James Metcalfe's App - Dropbox API - RJM Programming - 3/4/2015</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.25, maximum-scale=8, user-scalable=yes" />
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="YOUR_APP_KEY"></script>
<script type='text/javascript'>
function doit() {
var button = Dropbox.createChooseButton({
// Required. Called when a user selects an item in the Chooser.
success: function(files) {
window.open(files[0].link, "_blank", "top:200,left:10,width:400,height:400");
document.body.innerHTML += "<img src='" + files[0].thumbnailLink + "' title=I />";
// alert("Here's the file link: " + files[0].link)
},
// Optional. Called when the user closes the dialog without selecting a file
// and does not include any parameters.
cancel: function() {
},
// Optional. "preview" (default) is a preview link to the document for sharing,
// "direct" is an expiring link to download the contents of the file. For more
// information about link types, see Link types below.
linkType: "preview", // or "direct"
// Optional. A value of false (default) limits selection to a single file, while
// true enables multiple file selection.
multiselect: false, // or true
// Optional. This is a list of file extensions. If specified, the user will
// only be able to select files with these extensions. You may also specify
// file types, such as "video" or "images" in the list. For more information,
// see File types below. By default, all extensions are allowed.
extensions: ['.pdf', '.doc', '.docx'], //, '.jpg'],
});
var c=document.getElementById("container"); c.appendChild(button);
var para = document.createElement("p"); var t = document.createTextNode('\u00A0'); para.appendChild(t); c.appendChild(para);
}
</script></head><body onload="doit();"
style=" background: url('http://www.rjmprogramming.com.au/MyBusinessOne/Welcome_files/shapeimage_2.jpg') no-repeat fixed center; ">
<div style=" background-color:yellow; margin: 5 5 5 5;" align='center' id='container'>
<h1 align='center'>Welcome to our RJM Programming Dropbox Chooser</h1></div></body></html>