QRBarcode generator - vCards

SEE ARTICLE - http://www.infragistics.com/community/blogs/marina_stoyanova/archive/2014/02/27/creating-a-vcard-qr-barcode-generator-with-jquery-igqrcodebarcode-control.aspx

by bizamajig

HTML

<script src="http://cdn-na.infragistics.com/jquery/20132/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/jquery/20132/latest/js/infragistics.dv.js"></script>
<script src="http://cdn-na.infragistics.com/jquery/20132/latest/js/infragistics.lob.js"></script>
<script src="http://cdn-na.infragistics.com/jquery/20132/latest/css/structure/infragistics.css&quot; rel=&quot;stylesheet"></script>
<form id="businessCardInfo">
    <fieldset id="field">
        <legend>Personal Information</legend>
            <label>Prefix:</label>
            <br>
            <input id="textEditor" type="text" name="prefix" title="Mrs, Miss, Dr ...">
            <br>
            <label><span class="req">* </span>First Name:</label>
            <br>
            <input id="textEditor1" type="text" name="firstName" title="first name" required>
            <br>
            <label>Middle Name:</label>
            <br>
            <input id="textEditor2" type="text" name="middleName" title="first name">
            <br>
            <label><span class="req">* </span>Last Name:</label>
            <br>
            <input id="textEditor3" type="text" name="secondName" title="second name" required>
            <br>
            <label>E-mail:</label>
            <br>
            <input class="output" id="textEditor4" type="text" name="email" title="[email protected]">
            <br>
            <label>Phone(Home):</label>
            <br>
            <input class="output" id="textEditor5" type="text" name="usrtel" title="555-555-555">
            <br>
            <label>Mobile:</label>
            <br>
            <input class="output" id="textEditor6" type="text" name="mobile" title="555-555-555">
            <br>

    </fieldset>
    <fieldset id="field2">
        <legend>Office Information</legend>
            <label>Organization:</label>
            <br>
            <input class="output" id="textEditor7" type="text" name="companyName" title="Company name">
...

CSS

#field, #field2, #field3 {
        float: left;
    }
    #businessCardInfo {
        width: 72%;
        height: 100%;
    }

JavaScript

$(function () {
    var originalValue = $.ui.igTextEditor.prototype.value;
    $.widget("ui.igTextEditor", $.extend({}, $.ui.igTextEditor.prototype, {
        value: function () {
            if ((val = originalValue.apply(this, arguments))) {
                return this.options.outputTemplate.replace("{0}", val);
            }
            return val;
        }
    }));

    $("#barcode").hide();
    $("#generateBC").click(function (evt) {
        evt.preventDefault();

        var barcodeN = "",
            barcodeFN = "",
            beginVCard = "BEGIN:VCARD\r\nVERSION:2.1\r\n",
            endVCard = "END:VCARD";


        var prefix = $("#textEditor").igTextEditor("text");
        var firstName = $("#textEditor1").igTextEditor("text");
        var middleName = $("#textEditor2").igTextEditor("text");
        var secondName = $("#textEditor3").igTextEditor("text");
        var street = $("#textEditor13").igTextEditor("text");
        var city = $("#textEditor14").igTextEditor("text");
        var state = $("#textEditor15").igTextEditor("text");
        var country = $("#textEditor12").igTextEditor("text");
        var zipcode = $("#textEditor16").igTextEditor("text");

        if (prefix != "" || prefix != null) {
            if (middleName != "" || middleName != null) {
                barcodeN = "N:" + secondName + ";" + middleName + ";" + firstName + ";" + prefix + "\r\n";
                barcodeFN = "FN" + prefix + firstName + " " + middleName + " " + secondName + "\r\n";
            } else {
                barcodeN = "N:" + secondName + ";" + firstName + ";" + prefix + "\r\n";
                barcodeFN = "FN" + prefix + firstName + " " + secondName + "\r\n";
            }
        } else {
            if (middleName != "" || middleName != null) {
                barcodeN = "N:" + secondName + ";" + middleName + ";" + firstName + "\r\n";
                barcodeFN = "FN" + firstName + " " + middleName + " " + secondName + "\r\n";
            } else {
      ...