HTML代碼(請先下載對應LODOP插件安裝) - 打印onclike事件CreatePrintPage()打印函數,LODOP.PREVIEW()打印預覽。
<div class="container-fluid">
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0"
height="0">
<embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0"></embed>
</object>
<font size="6"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true" onclick="history.back();"></span>如果您所使用的計算機是第一次使用本系統,請安裝所需控件。<a href="install_lodop32.zip">點擊下載</a></font><br />
進入<a style="font-size:20px;font-weight:bold;" href="javascript:;" onclick="javascript: CreatePrintPage(); LODOP.PREVIEW(); ">打印</a>
進入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板設計</a>
</div>
Js 方法 - 畫線條 文本 條形碼等設置,滿足一般打印功能,可分頁打印多張
function CreatePrintPage() {
LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.SET_PRINT_PAGESIZE(0, 1000, 1800, "");//設置整體打印面單寬1000mm,高1800mm
LODOP.NewPage();//分頁打印,第一頁忽略
LODOP.ADD_PRINT_RECT("0.1cm", "0.1cm", "9.8cm", "17.8cm", 0, 1); //畫線條參數對應 頂端 左端 寬 高 框為實線(0-實線 1-破折線 2-點線 3-點划線 4-雙點划線)、線寬為1px
LODOP.ADD_PRINT_TEXT("3.68cm", "0.16cm", "0.56cm", "0.52cm", "文字內容");//填寫文字信息參數對應 頂端 左端 文本框寬 高 文字內容
LODOP.SET_PRINT_STYLEA(0, "FontSize", 9);//設置文本樣式 參數對應 0表示臨近的文本信息 字體大小
LODOP.SET_PRINT_STYLEA(0, "FontName", "黑體"); //設置文本樣式 參數對應 0表示臨近的文本信息 字體樣式
LODOP.ADD_PRINT_BARCODE(\"6.72cm\", \"0.66cm\", \"8.63cm\", \"1.96cm\", \"128A\", "000001001"); //條形碼 參數對應 頂端 左端 條形碼寬 高 條形碼格式 條碼下方數字或文字
LODOP.SET_PRINT_STYLEA(0, \"FontSize\", 7); //設置條碼下方文本格式大小
}
function getLodop(oOBJECT,oEMBED){
/**************************
本函數根據瀏覽器類型決定采用哪個對象作為控件實例:
IE系列、IE內核系列的瀏覽器采用oOBJECT,
其它瀏覽器(Firefox系列、Chrome系列、Opera系列、Safari系列等)采用oEMBED,
對於64位瀏覽器指向64位的安裝程序install_lodop64.exe。
**************************/
var strHtmInstall="<br><font color='#FF00FF'>打印控件未安裝!點擊這里<a href='install_lodop32.exe' target='_self'>執行安裝</a>,安裝后請刷新頁面或重新進入。</font>";
var strHtmUpdate="<br><font color='#FF00FF'>打印控件需要升級!點擊這里<a href='install_lodop32.exe' target='_self'>執行升級</a>,升級后請重新進入。</font>";
var strHtm64_Install="<br><font color='#FF00FF'>打印控件未安裝!點擊這里<a href='install_lodop64.exe' target='_self'>執行安裝</a>,安裝后請刷新頁面或重新進入。</font>";
var strHtm64_Update="<br><font color='#FF00FF'>打印控件需要升級!點擊這里<a href='install_lodop64.exe' target='_self'>執行升級</a>,升級后請重新進入。</font>";
var strHtmFireFox="<br><br><font color='#FF00FF'>注意:<br>1:如曾安裝過Lodop舊版附件npActiveXPLugin,請在【工具】->【附加組件】->【擴展】中先卸它。</font>";
var LODOP=oEMBED;
try{
var isIE = (navigator.userAgent.indexOf('MSIE')>=0) || (navigator.userAgent.indexOf('Trident')>=0);
var is64IE = isIE && (navigator.userAgent.indexOf('x64')>=0);
if (isIE) LODOP=oOBJECT;
if ((LODOP==null)||(typeof(LODOP.VERSION)=="undefined")) {
if (navigator.userAgent.indexOf('Firefox')>=0)
{document.documentElement.innerHTML=strHtmFireFox+document.documentElement.innerHTML;};
if (is64IE) {document.write(strHtm64_Install);} else
if (isIE) {document.write(strHtmInstall); } else
{document.documentElement.innerHTML=strHtmInstall+document.documentElement.innerHTML;};
return LODOP;
} else
if (LODOP.VERSION<"6.1.5.8") {
if (is64IE){document.write(strHtm64_Update);} else
if (isIE) {document.write(strHtmUpdate); } else
{document.documentElement.innerHTML=strHtmUpdate+document.documentElement.innerHTML; };
return LODOP;
}
//=====如下空白位置適合調用統一功能:=====
//=======================================
return LODOP;
}catch(err){
if (is64IE)
document.documentElement.innerHTML="Error:"+strHtm64_Install+document.documentElement.innerHTML;else
document.documentElement.innerHTML="Error:"+strHtmInstall+document.documentElement.innerHTML;
return LODOP;
}
}