Skip to content

Instantly share code, notes, and snippets.

@atk

atk/LICENSE.txt

Forked from 140bytes/LICENSE.txt
Created October 17, 2011 10:47
Show Gist options
  • Save atk/1292379 to your computer and use it in GitHub Desktop.
Save atk/1292379 to your computer and use it in GitHub Desktop.
Download ZIP
QR-Codify - add QR-Code to link
Raw
README.md

QR-Codify

Small JS snippet to add an QR code to a given link.

Usage

func([link node]) // -> Adds a 99x99px QR Code with the href to the node

Raw
annotated.js
function(
l, // link node
i // placeholder for image
){
// add newly created image i (currently without source) to link
l.appendChild(
i=new Image()
);
// set image source to use the google chart api to create the QR-Code
i.src='//chart.apis.google.com/chart?cht=qr&chs=99x99&chld=M|0&chl='+l.href;
}
Raw
index.js
function(l,i){l.appendChild(i=new Image());i.src='//chart.apis.google.com/chart?cht=qr&chs=99x99&chld=M|0&chl='+l.href;}
Raw
LICENSE.txt
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 Alex Kloss <[email protected]>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.
Raw
package.json
{
"name": "QRcodify",
"description": "Adds QR-Code to link",
"keywords": [
"link",
"QR-Code",
"smartphone"
]
}
Raw
test.html
<!DOCTYPE html>
<title>Foo</title>
<div>Expected result: the following link contains a QR-Code pointing to the 140byt.es Homepage:</div>
<div>Result:<br/><a id="ret" href="http://140byt.es">140byt.es </a></div>
<script>
// write a small example that shows off the API for your example
// and tests it in one fell swoop.
var myFunction = function(l,i){l.appendChild(i=new Image());i.src='//chart.apis.google.com/chart?cht=qr&chs=99x99&chld=M|0&chl='+l.href;}
myFunction(document.getElementById( "ret" ));
</script>
@jed
Copy link

jed commented Oct 17, 2011

wouldn't it make more sense to just return the image? not sure the append step belongs in the API... would rather see an async function called back on onload.

function(a,b,c){c=new Image;c.src="//chart.apis.google.com/chart?cht=qr&chs=99x99&chld=M|0&chl="+a;c.onload=function(){b(c)}}

EDIT: okay i take it back, i see what you're doing here!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment