Icontem

File: example.html

Recommend this page to a friend!
  Classes of Arturs Sosins  >  QR code  >  example.html  >  Download  
File: example.html
Role: Example script
Content type: text/plain
Description: Example usage and possible qr code types
Class: QR code
Display QR code images using the Google Charts API
Author: By
Last change:
Date: 8 years ago
Size: 3,034 bytes
 

Contents

Class file image Download
<!--
/*************************************************************
 * This script is developed by Arturs Sosins aka ar2rsawseen, http://webcodingeasy.com
 * Feel free to distribute and modify code, but keep reference to its creator
 *
 * QR code class can be used to generate QR Code images using Google Chart API.
 *
 * For more information, examples and online documentation visit: 
 * http://webcodingeasy.com/JS-classes/Generate-QR-codes-using-javascript
**************************************************************/
-->
<html>
<head>
</head>
<body>
<p>Simple text</p>
<div id='text_div'></div>
<p>Link</p>
<div id='link_div'></div>
<p>Bookmark</p>
<div id='bookmark_div'></div>
<p>SMS</p>
<div id='sms_div'></div>
<p>Phone number</p>
<div id='phone_number_div'></div>
<p>Contact info</p>
<div id='contact_info_div'></div>
<p>Email</p>
<div id='email_div'></div>
<p>Geolocation</p>
<div id='geo_div'></div>
<p>Wifi network</p>
<div id='wifi_div'></div>
<script src="./qrcode.packed.js" type="text/javascript"></script>
<script>
var qr = new qrcode({
		/***************************************
		* Size of QRcode in pixels
		* As QRcode is a square, only one value is needed
		****************************************/
		size: 150,
		/***************************************
		* Error correction level for damaged or misinterpretted codes
		* Lower - more data stored, but less errors could be corrected
		* High - less data can be stord, more information can be recovered
		* Possible types of error collection:
		* L - [Default] Allows recovery of up to 7% data loss
		* M - Allows recovery of up to 15% data loss
		* Q - Allows recovery of up to 25% data loss
		* H - Allows recovery of up to 30% data loss
		****************************************/
		ec_level: "L",
		/***************************************
		* Margin - white space around QRcode in
		* QRcode columns and rows, no pixels
		****************************************/
		margin: 1
	}
);
//id of container, text string
qr.text("text_div", "Some text");
//id of container, link
qr.link("link_div", "http://webcodingeasy.com/");
//id of container, title of bookmark, link
qr.bookmark("bookmark_div", "WebcodingEasy", "http://webcodingeasy.com/");
//id of container, phone number, sms text
qr.sms("sms_div", "12345678", "Some text");
//id of container, phone number
qr.phone_number("phone_number_div", "12345678");
//id of container, firstname and lastname, address, phone, email
qr.contact_info("contact_info_div", "Arturs Sosins", "Stadiona street 15", "12345678", "ar2rsawseen@yahoo.com");
//id of container, email address, subject, email message
qr.email("email_div", "ar2rsawseen@yahoo.com", "Email subject", "Email message");
//id of container, latitude, longitude, height from earth
qr.geo("geo_div", "46.404723", "-105.838165", "15");
//id of container, authentication type, ssid, password
qr.wifi("wifi_div", "WPA", "Network name", "net_password");
</script>
</body>
</html>