luzifer/qrdisplay
1
0
Fork 0
mirror of https://github.com/Luzifer/qrdisplay.git synced 2024-12-22 20:31:18 +00:00
Code Issues Releases Wiki Activity

Added download link for canvas QRCode

Browse source
This commit is contained in:
Knut Ahlers 2013-04-22 00:51:38 +02:00
parent 13a7e66d5e
commit f308662370
4 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
application.coffee
View file

@ -5,6 +5,9 @@ $ ->
text = window.location.hash.substring 1 text = window.location.hash.substring 1
$('textarea').val text $('textarea').val text
generateQRCode() generateQRCode()
$('a', '#download').bind 'click', ->
window.location.href = $('canvas', '#qrarea')[0].toDataURL('image/png').replace('image/png', 'image/octet-stream')
if window.location.hash if window.location.hash
$(window).trigger 'hashchange' $(window).trigger 'hashchange'
generateQRCode() generateQRCode()

3
application.js
View file

@ -10,6 +10,9 @@
$('textarea').val(text); $('textarea').val(text);
return generateQRCode(); return generateQRCode();
}); });
$('a', '#download').bind('click', function() {
return window.location.href = $('canvas', '#qrarea')[0].toDataURL('image/png').replace('image/png', 'image/octet-stream');
});
if (window.location.hash) $(window).trigger('hashchange'); if (window.location.hash) $(window).trigger('hashchange');
return generateQRCode(); return generateQRCode();
}); });

1
index.html
View file

@ -24,6 +24,7 @@
<p><input type="submit" value="Get my QRCode!" id="triggerCreate" /></p> <p><input type="submit" value="Get my QRCode!" id="triggerCreate" /></p>
</div> </div>
<div id="qrarea"></div> <div id="qrarea"></div>
<div id="download"><a href="javascript:void(0);">(Download QRCode as PNG)</a></div>
<div id="footer">Quickly put together by <a href="http://blog.knut.me/">Knut Ahlers</a> using <a href="http://jeromeetienne.github.io/jquery-qrcode/">jquery-qrcode</a></div> <div id="footer">Quickly put together by <a href="http://blog.knut.me/">Knut Ahlers</a> using <a href="http://jeromeetienne.github.io/jquery-qrcode/">jquery-qrcode</a></div>
<a href="https://github.com/Luzifer/qrdisplay"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork me on GitHub"></a> <a href="https://github.com/Luzifer/qrdisplay"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork me on GitHub"></a>
</div> </div>

6
style.css
View file

@ -58,6 +58,12 @@ input {
width: 256px; width: 256px;
} }
#download {
font-size: 0.9em;
text-align: center;
margin: 0.5em;
}
#footer { #footer {
border-top: 1px dotted #eee; border-top: 1px dotted #eee;
color: rgba(204, 204, 204, 0.8); color: rgba(204, 204, 204, 0.8);