DYMO – Javascript voorbeeld uitprinten label (genereer)
Uit de Framework voorbeelden is een klein beetje te achterhalen hoe de “DYMO label framework” werkt, ik probeer het hier uit te leggen en te vereenvoudigen.
Wat heb je nodig?
1) DYMO label framework (javascript)
Het index.html bestand laad de 2 Javascript bibliotheken in en bevat een knop om de label te printen:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Print een DYMO label</title> <script src = "DYMO.Label.Framework.latest.js" type="text/javascript" charset="UTF-8"> </script> <script src = "PrintLabel.js" type="text/javascript" charset="UTF-8"> </script> </head> <body> <h2>Print een DYMO label</h2> <div id="printDiv"> <button id="printKnop">Print LABEL</button> </div> </body> </html> |
Hieronder vind je een Javascript genaamd “PrintLabel.js” om de label te “genereren“, de waarde in te stellen en uit te printen, je kan de tekst aanpassen door de variabele “TekstTePrinten” aan te passen:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 |
//---------------------------------------------------------------------------- // DYMO Label Framework JavaScript Library Samples: Print label // Copyright (c), 2010, Sanford, L.P. All Rights Reserved. //---------------------------------------------------------------------------- (function() { // called when the document completly loaded function onload() { var TekstTePrinten = "Hallo Wereld"; var printKnop = document.getElementById('printKnop'); // prints the label printKnop.onclick = function() { try { // open label var labelXml = '<?xml version="1.0" encoding="utf-8"?>\ <DieCutLabel Version="8.0" Units="twips">\ <PaperOrientation>Landscape</PaperOrientation>\ <Id>Address</Id>\ <PaperName>30252 Address</PaperName>\ <DrawCommands/>\ <ObjectInfo>\ <TextObject>\ <Name>Text</Name>\ <ForeColor Alpha="255" Red="0" Green="0" Blue="0" />\ <BackColor Alpha="0" Red="255" Green="255" Blue="255" />\ <LinkedObjectName></LinkedObjectName>\ <Rotation>Rotation0</Rotation>\ <IsMirrored>False</IsMirrored>\ <IsVariable>True</IsVariable>\ <HorizontalAlignment>Left</HorizontalAlignment>\ <VerticalAlignment>Middle</VerticalAlignment>\ <TextFitMode>ShrinkToFit</TextFitMode>\ <UseFullFontHeight>True</UseFullFontHeight>\ <Verticalized>False</Verticalized>\ <StyledText/>\ </TextObject>\ <Bounds X="332" Y="150" Width="4455" Height="1260" />\ </ObjectInfo>\ </DieCutLabel>'; var label = dymo.label.framework.openLabelXml(labelXml); // set label text label.setObjectText("Text", TekstTePrinten); // select printer to print on // for simplicity sake just use the first LabelWriter printer var printers = dymo.label.framework.getPrinters(); if (printers.length == 0) throw "No DYMO printers are installed. Install DYMO printers."; var printerName = ""; for (var i = 0; i < printers.length; ++i) { var printer = printers[i]; if (printer.printerType == "LabelWriterPrinter") { printerName = printer.name; break; } } if (printerName == "") throw "No LabelWriter printers found. Install LabelWriter printer"; // finally print the label label.print(printerName); } catch(e) { alert(e.message || e); } } }; // register onload event if (window.addEventListener) window.addEventListener("load", onload, false); else if (window.attachEvent) window.attachEvent("onload", onload); else window.onload = onload; } ()); |
Als je index.html in een browser opent en op de knop drukt wordt de label uitgeprint!
Hieronder is het pakketje in zijn geheel te downloaden.
[#/dymo/software/voorbeelden/uitprinten_label_genereer” ]