注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

document.createElement("object")创建PDF阅读器,并自动翻页  

2017-02-09 15:12:39|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<!DOCTYPE>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
    <meta name="viewport" content="target-densitydpi=device-dpi" />
    <link id="compeditor_style_editor" rel="stylesheet" href="compeditor/contents/css/editor.css">
    <link rel="stylesheet" href="compeditor/themes/default/css/animation.css">
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.qrcode.js"></script>
    <script type="text/javascript" src="js/player.module.js"></script>
    <script type="text/javascript" src="js/jquery.hammer.min.js"></script>
    <script type="text/javascript" src="js/hammer.fakemultitouch.js"></script>
    <script type="text/javascript" src="js/hammer.showtouches.js"></script>
    <script type="text/javascript" src="compeditor/scripts/runtime/runtime-base.js"></script>
    <script type="text/javascript">
        window.onbeforeunload = function () {
            if (typeof (android) != 'undefined') {
                if (window.top != window.self) {
                    if (document.getElementById("pdfImg") != null) { android.PDFStop(); }
                    if (document.getElementById("livevideoImg") != null) { android.StreamStop(); }
                    if (document.getElementById("audioVideoImg") != null) { android.AVStop(); }
                    if (document.getElementById("videoWplImg") != null) { android.VideoStop(); }
                }
            }
        }
    </script>
</head>
<BODY scroll='no' style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; overflow: auto; padding-top: 0px">
    <div id="container" style="position: relative;">
        <div class="Item ItemSelected ui-resizable-autohide" style="left: 0px; top: 0px; width: 1920px; height: 1080px; position: absolute; z-index: 0;" ce_type="Component" ce_command="PPT" ce_lock="0" ce_guid="f4f950d27ef19138" ce_office_url="Pdf/201612071009091820.pdf" ce_file_name="三维设备管理系统.pptx" Period="3">
            <img id="pdfImg" style="left: 0px; top: 0px; width: 1920px; height: 1080px; z-index: 0;" src="UserImages/dataimage/ppt.jpg" component="ppt" value="PPTBEGIN-201612071009091820.pdf-PPTEND" CreateType="CrTypeBegin-Original-CrTypeEnd" sort="ppt" period="3"><div id="div_ppt">
                <div title="201612071009091820.pdf" id="pptObj" style="width: 0px; height: 0px; z-index: 1;"></div>
            <!--<div title="201612071009091820.pdf" id="pptObj" style="z-index: 1111;"></div>-->
                <script id="pptScript" type="text/javascript">
                    function RunPPT(showPath, androidWidth, androidHeight, androidLeft, androidTop) {
                        var oPPTScript = document.getElementById("pptScript");
                        if (oPPTScript.title) {
                            var pptAdImageID = "trans" + oPPTScript.title + "Img";
                            var oPPTAdImage = document.getElementById(pptAdImageID);
                            oPPTAdImage.style.width = androidWidth;
                            oPPTAdImage.style.height = androidHeight;
                            oPPTAdImage.style.left = androidLeft;
                            oPPTAdImage.style.top = androidTop;
                            runAdImg(oPPTScript.title);
                        } else {
                            if (typeof (android) != 'undefined') {
                                android.PDFPlay(showPath, 3, androidWidth, androidHeight, androidLeft, androidTop);
                            } else {
                                //var oPPTIframe = document.createElement("iframe");
                                //oPPTIframe.id = "oPPT";
                                //oPPTIframe.style.width = androidWidth;
                                //oPPTIframe.style.height = androidHeight;
                                //oPPTIframe.style.left = androidLeft;
                                //oPPTIframe.style.top = androidTop;
                                //oPPTIframe.style.border = "none";
                                //oPPTIframe.setAttribute("frameborder", 0, 0);
                                //oPPTIframe.src = showPath;
                                //document.getElementById("pptObj").appendChild(oPPTIframe);
                                //alert(showPath);

                                //var object = "<object classid='clsid:CA8A9780-280D-11CF-A24D-444553540000' width='100%'  border='0'  id='pdfviewer' >";
                                //object = object + "<param name='_Version' value='65539'>";
                                //object = object + "<param name='_ExtentX' value='20108'>";
                                //object = object + "<param name='_ExtentY' value='10866'>";
                                //object = object + "<param name='_StockProps' value='0'>";
                                //object = object + "<param name='SRC' value='" + showPath + "'>";
                                //object = object + "<embed src='" + showPath + "' width='100%'  href='" + showPath + "'></embed>";
                                //object = object + "</object>";
                                //document.getElementById("pptObj").appendChild(object);

                               
                                var heightBody = window.screen.height;
                                var o = { width: '100%', height: heightBody, src: showPath, href: showPath };

                                var obj = document.createElement('object');
                                var param;
                                obj.setAttribute('classid', 'clsid:CA8A9780-280D-11CF-A24D-444553540000')
                                obj.setAttribute('id', 'pdfviewer');
                                obj.setAttribute('width', o.width)
                                obj.setAttribute('height', o.height)

                                param = document.createElement('param');
                                param.setAttribute('name', "_Version")
                                param.setAttribute('value', "65539")
                                obj.appendChild(param);

                                param = document.createElement('param');
                                param.setAttribute('name', "_ExtentX")
                                param.setAttribute('value', "20108")
                                obj.appendChild(param);

                                param = document.createElement('param');
                                param.setAttribute('name', "_ExtentY")
                                param.setAttribute('value', "10866")
                                obj.appendChild(param);

                                param = document.createElement('param');
                                param.setAttribute('name', "_StockProps")
                                param.setAttribute('value', "0")
                                obj.appendChild(param);

                                param = document.createElement('param');
                                param.setAttribute('name', "AutoStart")
                                param.setAttribute('value', "1")
                                obj.appendChild(param);

                                param = document.createElement('param');
                                param.setAttribute('name', "AllowFullScreen")
                                param.setAttribute('value', "1")
                                obj.appendChild(param);

                                param = document.createElement('param');
                                param.setAttribute('name', "SRC")
                                param.setAttribute('value', o.src)
                                obj.appendChild(param);

                                param = document.createElement('embed');
                                param.setAttribute('width', o.width)
                                param.setAttribute('height', o.height)
                                param.setAttribute('src', o.src)
                                param.setAttribute('href', o.src)
                               
                                obj.appendChild(param);
                                document.body.appendChild(obj);
                                //alert(o.src);
                               // document.getElementById("pptObj").appendChild(obj);

                            }
                        }
                    }

                    if (document.getElementById("pdfImg") != null) {
                        var oPPTIMG = document.getElementById("pdfImg");
                        var pptShowType = "create";
                        var pptShowPath = "Pdf/";
                        if (pptShowType != "view") {
                            pptShowPath = 'Pdf/';
                            oPPTIMG.setAttribute('pptShowType', 'create');
                        }
                        var showPath = pptShowPath + "201612071009091820.pdf";
                        oPPTIMG.setAttribute('IsCheck', "yes");
                        oPPTIMG.setAttribute('pptShowPath', showPath);
                        var androidWidth = oPPTIMG.style.width;
                        androidHeight = oPPTIMG.style.height;
                        androidLeft = parseInt(oPPTIMG.style.left);
                        androidTop = parseInt(oPPTIMG.style.top);
                        if (window.top != window.self) {
                            var pos = GetElementPosition(oPPTIMG);
                            androidWidth = parseInt(pos.eleWidth);
                            androidHeight = parseInt(pos.eleHeight);
                            androidLeft = parseInt(pos.eleLeft);
                            androidTop = parseInt(pos.eleTop);
                        }
                        oPPTIMG.style.display = "none";
                        RunPPT(showPath, androidWidth, androidHeight, androidLeft, androidTop);
                    }</script>

<script type='text/javascript' id='pdfScript'>
    var pdfview;
    var pagenum = 1;
    var pageindex = 1;
    var scrheight = 0;
    var allheight = 0;
    function setViewer() {
        pdfview = document.getElementById('pdfviewer');
        allheight = document.body.scrollHeight;
        if (pdfview != null) {
            pdfview.height = window.screen.height;
            pagenum = pdfview.childElementCount;
            pdfview.setLayoutMode('SinglePage');
           
            setInterval('myInterval()', 2000)
        }
    } function myInterval() {
        if (pdfview != null) {
            if (pageindex <= pagenum) {
                pdfview.setCurrentPage(pageindex);
                pageindex++;
                alert(pageindex);
            } else {
                if (pageindex > pagenum) { pageindex = 1 }
            }
        }
    };
    $(function () { setViewer(); });
</script>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        if (window.compruntime)
            window.compruntime.Init("container", { "ClientPath": "compeditor/" });
    </script>
</BODY>
</html>

  评论这张
 
阅读(8)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017