PrintSample14.html 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>WEB打印控件LODOP的样例十四:按页面地址(URL)打印</title>
  6. <script language="javascript" src="LodopFuncs.js"></script>
  7. </head>
  8. <body>
  9. <h2><font color="#009999">演示按页面地址(URL)打印:</font></h2>
  10. <p>按URL打印的函数如下:</p>
  11. <p><font color="#0000FF">ADD_PRINT_URL(intTop,intLeft,intWidth,intHeight,strURL);</font></p>
  12. <h4>一、打印绝对路径URL下的内容:</h4>
  13. <p>1、在百度上搜“Lodop”的URL:<br>
  14. <input type="text" id="T1" size="54" value="http://www.baidu.com/s?bs=web%B4%F2%D3%A1%BF%D8%BC%FElodop&f=8&wd=web%B4%F2%D3%A1%BF%D8%BC%FElodop">
  15. <a href="javascript:PrintOneURL('T1');">预览打印</a>其结果<p>2、一个学习JavaScript的优秀网站:<br>
  16. <input type="text" id="T2" size="54" value="http://www.w3school.com.cn/index.html">
  17. <a href="javascript:PrintOneURL('T2');">预览打印</a>其结果<p>3、在A3纸上同时输出这俩结果,横向打印出来:<a href="javascript:PrintTwoURL();">预览打印</a>
  18. <h4>二、打印相对路径URL下的内容:</h4>
  19. <p>本样例清单中第三个样例URL:<br>
  20. <input type="text" id="T3" size="54" value="PrintSample3.html">
  21. <a href="javascript:PrintOneURL('T3');">预览打印</a>其结果</p>
  22. <h4>三、打印iframe内容:</h4>
  23. 下面iframe包含样例2的内容,可以用URL方式,见<a href="javascript:PrintIframeByURL();">URL打印预览</a><br>
  24. 如果不跨域还可以用HTML代码方式,见<a href="javascript:PrintIframeByHTML();">HTM打印预览</a>
  25. <div id="f1" style="position:relative; width:1024px;">
  26. <iframe name="myiframe" src="PrintSample2.html" width=60% height=200> </iframe>
  27. <div>
  28. <h4>四、按ID摘取部分内容输出:</h4>
  29. <p>用<font color="#0000FF">IDTagForPick</font>属性摘取样例二中如下ID值(或标签名)的内容:<br>
  30. <input type="text" id="T4" size="54" value="form2">
  31. <a href="javascript:PrintByTagID(document.getElementById('T4').value);">预览打印</a>摘取的结果。</p>
  32. <p><a href="PrintSampIndex.html">&lt;&lt;回样例目录</a></p>
  33. <script language="javascript" type="text/javascript">
  34. var LODOP; //声明为全局变量
  35. function PrintOneURL(strID){
  36. LODOP=getLodop();
  37. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_按网址打印");
  38. LODOP.ADD_PRINT_URL(30,20,746,"95%",document.getElementById(strID).value);
  39. LODOP.SET_PRINT_STYLEA(0,"HOrient",3);
  40. LODOP.SET_PRINT_STYLEA(0,"VOrient",3);
  41. // LODOP.SET_SHOW_MODE("MESSAGE_GETING_URL",""); //该语句隐藏进度条或修改提示信息
  42. // LODOP.SET_SHOW_MODE("MESSAGE_PARSING_URL","");//该语句隐藏进度条或修改提示信息
  43. LODOP.PREVIEW();
  44. };
  45. function PrintTwoURL(){
  46. LODOP=getLodop();
  47. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_同时打印俩网址");
  48. LODOP.SET_PRINT_PAGESIZE(2,0,0,"A3");
  49. LODOP.ADD_PRINT_URL(39,5,786,531,document.getElementById("T1").value);
  50. LODOP.ADD_PRINT_URL(407,779,771,500,document.getElementById("T2").value);
  51. LODOP.SET_PREVIEW_WINDOW(2,0,0,0,0,""); //按适宽模式显示
  52. LODOP.PREVIEW();
  53. };
  54. function PrintIframeByURL(){
  55. LODOP=getLodop();
  56. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印Iframe");
  57. LODOP.ADD_PRINT_URL(0,0,"100%","100%",document.getElementsByTagName("iframe")[0].getAttribute("src"));
  58. LODOP.PREVIEW();
  59. };
  60. function PrintIframeByHTML(){
  61. LODOP=getLodop();
  62. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印Iframe");
  63. strHtml=document.getElementsByTagName("iframe")[0].contentWindow.document.documentElement.innerHTML;
  64. LODOP.ADD_PRINT_HTM(0,0,"100%","100%",strHtml);
  65. LODOP.PREVIEW();
  66. };
  67. function PrintByTagID(strID_Tag){
  68. LODOP=getLodop();
  69. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_按ID摘取内容输出");
  70. LODOP.ADD_PRINT_URL(10,10,600,600,"PrintSample2.html");
  71. LODOP.SET_PRINT_STYLEA(0,"IDTagForPick",strID_Tag);
  72. LODOP.PREVIEW();
  73. };
  74. </script>
  75. </body>
  76. </html>