文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在每个PDFObject div的顶部插入内容？

问如何在每个PDFObject div的顶部插入内容？
EN

Stack Overflow用户

提问于 2016-11-09 03:07:53

回答 1查看 784关注 0票数 0

我在横向设计中使用以下代码介绍了一些PDF：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Something</title>
    <style type="text/css">
        #scrolly{
            width: 100%;
            height: 800px;
            /*overflow: auto;*/
            /*overflow-y: hidden;*/
            margin: 5 auto;
            white-space: nowrap
        }

        .pdfobject-container {
            /*width: 100%;*/
            max-width: 800px;
            height: 800px;
            margin: 5em 0;
            display: inline;
        }
        .pdfobject { border: solid 1px #666; max-width: 40%;}
    </style>
</head>
<body>

    <div id='scrolly'>
        <div id="pdf1" ></div>
        <div id="pdf2" ></div>
        <div id="pdf3" ></div>
    </div>

<script src="PDFObject-master/pdfobject.js"></script>
<script>

PDFObject.embed("../../overleaf/a/report.pdf", "#pdf1", {pdfOpenParams:{toolbar: '0'}, page: '1'});
PDFObject.embed("../../overleaf/b/report.pdf", "#pdf2", {pdfOpenParams:{toolbar: '0'}, page: '2'});
PDFObject.embed("../../overleaf/c/report.pdf", "#pdf3", {pdfOpenParams:{toolbar: '0'}, page: '3'});
// PDFObject.embed("../../overleaf/d/report.pdf", "#pdf4", options);
// PDFObject.embed("../../overleaf/e/report.pdf", "#pdf5", options);
</script>

</body>
</html>

我想把一些文本放在每个PDF div的顶部，比如一个关于PDF文档的简短描述。我该怎么做？

javascript

html

css

pdfobject

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-09 03:34:14

片段

 // each pdf must have a heading stored in the array headings
var headings = ["This is the heading for pdf1", "This is the heading for pdf2", "This is the heading for pdf3"]
//get all pdfs container
all_pdf = document.getElementById("scrolly").children;
//loop through and change innerHTML of pdf 
for (var x = 0; x < all_pdf.length; ++x) {
  all_pdf[x].innerHTML = "<h1>" + headings[x] + "</h1>" + all_pdf[x].innerHTML;
}

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Something</title>
  <style type="text/css">
    #scrolly {
      width: 100%;
      height: 800px;
      /*overflow: auto;*/
      /*overflow-y: hidden;*/
      margin: 5 auto;
      white-space: nowrap
    }
    .pdfobject-container {
      /*width: 100%;*/
      max-width: 800px;
      height: 800px;
      margin: 5em 0;
      display: inline;
    }
    .pdfobject {
      border: solid 1px #666;
      max-width: 40%;
    }
  </style>
</head>

<body>

  <div id='scrolly'>
    <div id="pdf1">PDF details1</div>
    <div id="pdf2">PDF details2</div>
    <div id="pdf3">PDF details3</div>
  </div>

  <script src="PDFObject-master/pdfobject.js"></script>
  <script

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40499694

复制

相似问题

问如何在每个PDFObject div的顶部插入内容？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在每个PDFObject div的顶部插入内容？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在每个PDFObject div的顶部插入内容？
EN