Opera Software ASA

What would be great and original would be the possibility of creating Qcode vcalendar entries for Nokia phones... No one has managed so far...

not the best but better than nothing... you'll need to change the border color to white or just remove it // Define a namespace to hold our widget-specific functions and avoid polluting the global namespace var qreator = qreator || {}; qreator.welcome_text = 'Enter the data to embed in the QR code here.'; /** * Hide config and about pages and add welcome text. **/ qreator.init = function () { document.getElementById('config').style.display = 'none'; document.getElementById('about').style.display = 'none'; document.getElementById('txt_input').value = qreator.welcome_text; }; /** * Clear the input textarea. **/ qreator.setText = function () { if (document.getElementById('txt_input').value === qreator.welcome_text) { document.getElementById('txt_input').value = ''; } }; /** * Create and display the QR code. **/ qreator.createQR = function () { qr_canvas_out_px = prompt('please enter the pixel size you desire',10); qreator.showMessage('<img src="images/loading.gif" /> Thinking...'); document.getElementById('qrcode').innerHTML = ''; var qr_error = parseInt(document.getElementById('sel_error').value); var qr_size = document.getElementById('sel_size').value; var qr_input = document.getElementById('txt_input').value; var qr_output = ''; var qr_canvas_output = ''; var qr = new QRCode(qr_size, qr_error); try { //Run some code here qr.addData(qr_input); qr.make(); qr_output += '<table style="border-width: 0px; border-style: none; border-color: #0000ff; border-collapse: collapse;">'; qr_canvas_output += '<script>function make_canvas(){var c = document.getElementsByTagName(\'Canvas\')[0],d = document.getElementsByTagName(\'Object\')[0],ctx = c.getContext(\'2d\');'; for (var r = 0, count = qr.getModuleCount(); r < count; r++) { qr_output += '<tr>'; for (var c = 0; c < qr.getModuleCount(); c++) { if (qr.isDark(r, c)) { qr_output += '<td style="border-width: 0px; border-style: none; border-color: #0000ff; border-collapse: collapse; padding: 0; margin: 0; width: 2px; height: 2px; background-color: #000000;"/>'; qr_canvas_output += "ctx.fillStyle='black';ctx.fillRect("+r*qr_canvas_out_px+","+c*qr_canvas_out_px+","+1*qr_canvas_out_px+","+1*qr_canvas_out_px+");"; } else { qr_output += '<td style="border-width: 0px; border-style: none; border-color: #0000ff; border-collapse: collapse; padding: 0; margin: 0; width: 2px; height: 2px; background-color: #ffffff;"/>'; qr_canvas_output += "ctx.fillStyle='white';ctx.fillRect("+r*qr_canvas_out_px+","+c*qr_canvas_out_px+","+1*qr_canvas_out_px+","+1*qr_canvas_out_px+");"; } } qr_output += '</tr>'; } qr_output += '</table>'; qr_canvas_output += '}</script><br><form onclick=\'prompt(\'this:\',this.innerHTML);\'><div><canvas id=qrcanvas width='+qr.getModuleCount()*qr_canvas_out_px+' height='+qr.getModuleCount()*qr_canvas_out_px+' border='+1*qr_canvas_out_px+' shadowColor=red></canvas><br><input type=button onclick=\"make_canvas();\" value=\"make_canvas\"></input><br><input type=button onclick=\"javascript:prompt(\'image base64\',\'\'+document.qrcanvas.toDataURL());\" value=\"prompt base64 data\"></input><br><input type=\"button\" onClick=\"document.location.href = document.qrcanvas.toDataURL().replace(\'image/png\', \'image/octet-stream\');\" value=\"save canvas as png\" /></div></form>'; qreator_popup=window.open('','qreator_popup','toolbar=yes,menubar=yes,width=500,height=500');ndoc=qreator_popup.document;ndoc.write(qr_canvas_output);ndoc.close(); // prompt('this is the qr_canvas_output, u can save it as html and open it with opera',qr_canvas_output); document.getElementById('qrcode').innerHTML = qr_output; qreator.showMessage('To save this QR code, take a screenshot (press the [PrtSc] key) and paste it into some graphics software.<br>'); } catch (err) { //Handle errors here qreator.showMessage('Sorry, your text is too long for that size QR code. <a href="#" onclick="qreator.flip(\'config\');">Click here</a> to change the settings.'); } }; /** * Displays a message in the "message" element. * * @param message Message to display **/ qreator.showMessage = function (message) { document.getElementById('message').innerHTML = message; }; /** * Changes the front display to the about or config page. * * @param action (Optional) Sets the action to perform (about/config) **/ qreator.flip = function (action) { var frontdisplay = document.getElementById('front').style.display; var configdisplay = document.getElementById('config').style.display; var aboutdisplay = document.getElementById('about').style.display; function showFront() { document.getElementById('front').style.display = 'block'; document.getElementById('config').style.display = 'none'; document.getElementById('about').style.display = 'none'; document.getElementById('btnAbout').className = ''; document.getElementById('btnConfig').className = ''; } function showAbout() { document.getElementById('front').style.display = 'none'; document.getElementById('config').style.display = 'none'; document.getElementById('about').style.display = 'block'; document.getElementById('btnAbout').className = 'ctrlbtn_on'; document.getElementById('btnConfig').className = ''; } function showConfig() { document.getElementById('front').style.display = 'none'; document.getElementById('config').style.display = 'block'; document.getElementById('about').style.display = 'none'; document.getElementById('btnAbout').className = ''; document.getElementById('btnConfig').className = 'ctrlbtn_on'; } if (action === 'config') { // Display/hide config view if (configdisplay === 'block') { showFront(); } else { showConfig(); } } else if (action === 'about') { // Display/hide about view if (aboutdisplay === 'block') { showFront(); } else { showAbout(); } } else { // Display/hide front view showFront(); } };

Hi d4n3,
I thought there must be a way so I appreciate the explanation.
I'll give it a try when I get a few moments.
Thanks.

Hi, you can export the image to the browser by drawing the image to a canvas and then using the toDataURL method of the canvas to get a data url with the encoded png image that you can send to the browser...