-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
104 lines (71 loc) · 4.23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Downloadr</title>
<style type="text/css">
body
{
background-color: #ffffff;
color: #111111;
}
#content{
width: 650px;
margin: 0 auto 0 auto;
}
pre{
display:block;
font:12px "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
width:auto;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://static.leonbarrett.com/js/retweet.js"></script>
<link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox/facebox.js" type="text/javascript"></script>
<link href="downloadr/downloadr.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="downloadr/jqbrowser.js" type="text/javascript"></script>
<script src="downloadr/downloadr.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[rel*=downloadr]').downloadr();
})
</script>
</head>
<body>
<div id="content">
<h1>Downloadr</h1>
<p><a class="retweet self"></a></p>
<h2>About</h2>
<p>Downloadr aims to solve the age old problem of downloading files from your website.</p>
<p>On countless occasions, I have been asked - "Why does the PDF open in my browser rather than download?" and my answer has always been - "Because you need to right click and choose Save As!".</p>
<p>Rather than trying to do any fancy server side stuff Downloadr will display an overlay with instructions on how to do this. You can of course just right click on the link and download as you normally would.</p>
<p>These instructions are tailored to the browser that the user is viewing your page in.</p>
<p>Not only that, but Downloadr will also style your link to look more like a button, so your user knows where to click.</p>
<h2>Features</h2>
<p>Easy to follow browser specific instructions</p>
<p>Automatic styling of link to look more like a button</p>
<h2>Usage</h2>
<p>Include the CSS and plugin files in your header. You will also need Facebox, which has been included in the download.</p>
<pre><xmp><link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox/facebox.js" type="text/javascript"></script>
<link href="downloadr/downloadr.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="downloadr/jqbrowser.js" type="text/javascript"></script>
<script src="downloadr/downloadr.js" type="text/javascript"></script></xmp></pre>
<p>To call simply add this function call:</p>
<pre><xmp>$('a[rel*=downloadr]').downloadr();</xmp></pre>
<p>This will attach the function to all links that have a REL of downloadr</p>
<p>And then apply the REL of downloadr to the link and also a title that you want the file to be displayed as:</p>
<pre><xmp><a href="latest.zip" rel="downloadr" title="Downloadr">Download</a></xmp></pre>
<h2>Demo</h2>
<p>Simply click on the download button below to see it in action</p>
<h2>Download</h2>
<p><a href="http://www.leonbarrett.com/code/downloadr/latest.zip" rel="downloadr" title="Downloadr">Download</a></p>
<h2>More</h2>
<p>This plugin uses the <a href="http://famspam.com/facebox">Facebox</a> and <a href="http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/">jqbrowser</a> plugins. Credit goes to the respective authors!</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/uk/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/2.0/uk/88x31.png" /></a><br /><span xmlns:dc="http://purl.org/dc/elements/1.1/" property="dc:title">Downloadr</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.leonbarrett.com/code/downloadr/latest/" property="cc:attributionName" rel="cc:attributionURL">Leon Barrett</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/uk/">Creative Commons Attribution-Share Alike 2.0 UK: England & Wales License</a>.</p>
</div>
</body>
</html>