码迷,mamicode.com
首页 > Web开发 > 详细

Web打印控件Lodop

时间:2015-09-22 18:19:36      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

将如下代码添加到页面:

技术分享
<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" pluginspage="/Content/Plugins/lodop/install_lodop.exe"></embed>
</object>
View Code

JS代码:

技术分享
//打印
var LODOP;
function printPage(areaId) {
    LODOP = getLodop(document.getElementById(‘LODOP_OB‘), document.getElementById(‘LODOP_EM‘));
    LODOP.PRINT_INIT("分页打印");
    LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "92%");
    LODOP.ADD_PRINT_HTM(30, 30, 1170, "BottomMargin:30px", document.getElementById(areaId).innerHTML);
    LODOP.PREVIEW();
}

function getLodop(oOBJECT, oEMBED) {
    /**************************
    本函数根据浏览器类型决定采用哪个对象作为控件实例:
    IE系列、IE内核系列的浏览器采用oOBJECT,
    其它浏览器(Firefox系列、Chrome系列、Opera系列、Safari系列等)采用oEMBED。
    **************************/
    var strHtml1 = "<br><br><br><br><font color=‘#FF00FF‘>打印控件未安装!点击这里<a href=‘/Content/Plugins/lodop/install_lodop.exe‘>执行安装</a>,安装后请刷新页面或重新进入。</font>";
    var strHtml2 = "<br><br><br><br><font color=‘#FF00FF‘>打印控件需要升级!点击这里<a href=‘/Content/Plugins/lodop/install_lodop.exe‘>执行升级</a>,升级后请重新进入。</font>";
    var strHtml3 = "<br><br><br><br><font color=‘#FF00FF‘>注意:<br>1:如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它;<br>2:如果浏览器表现出停滞不动等异常,建议关闭其“plugin-container”(网上搜关闭方法)功能;</font>";
    var LODOP = oEMBED;
    try {
        if (navigator.appVersion.indexOf("MSIE") >= 0) LODOP = oOBJECT;

        if ((LODOP == null) || (typeof (LODOP.VERSION) == "undefined")) {
            if (navigator.userAgent.indexOf(‘Firefox‘) >= 0)
                document.documentElement.innerHTML = strHtml3 + document.documentElement.innerHTML;
            if (navigator.appVersion.indexOf("MSIE") >= 0) document.write(strHtml1); else
                document.documentElement.innerHTML = strHtml1 + document.documentElement.innerHTML;
            return LODOP;
        } else if (LODOP.VERSION < "6.0.5.8") {
            if (navigator.appVersion.indexOf("MSIE") >= 0) document.write(strHtml2); else
                document.documentElement.innerHTML = strHtml2 + document.documentElement.innerHTML;
            return LODOP;
        }
        //*****如下空白位置适合调用统一功能:*********         


        //*******************************************
        return LODOP;
    } catch (err) {
        document.documentElement.innerHTML = "Error:" + strHtml1 + document.documentElement.innerHTML;
        return LODOP;
    }
}
View Code

控件使用效果图:

技术分享

 

Web打印控件Lodop

标签:

原文地址:http://www.cnblogs.com/s0611163/p/4829508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!