PrintSample19.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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的样例十九:内嵌显示以及预览时包含背景图</title>
  6. <script language="javascript" src="LodopFuncs.js"></script>
  7. </head>
  8. <body><h2><b><font color="#009999">演示如何内嵌显示以及预览时包含背景图:</font></b></h2>
  9. <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=820 height=450>
  10. <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"></embed>
  11. </object>
  12. <p>一、 利用设置显示模式函数SET_SHOW_MODE可让控件界面内嵌到以上页面显示区域: </p>
  13. <p>演示<a href="javascript:myShow1()">打印预览</a>界面、<a href="javascript:myShow2()">打印维护</a>界面、<a href="javascript:myShow3()">打印设计</a>界面,该功能特有益于Lodop集成到其它系统(如CS)。</p>
  14. <p>二、利用SET_SHOW_MODE还可以在打印预览时内含背景图(当然实际打印时不输出背景图)</p>
  15. <p>演示含背景图的普通<a href="javascript:myShow4()">打印预览</a>,既含背景图又内嵌显示的<a href="javascript:myShow5()">打印预览&nbsp;</a></p>
  16. <p>三、用SET_SHOW_MODE可隐藏预览窗口中的“打印”、“设置”、“关闭”按钮和“缩放比例”等,看一下隐藏后<a href="javascript:myShow6()">打印预览</a>。</p>
  17. <p>四、用SET_SHOW_MODE可动态设置打印设计和预览界面的语言:<select size="1" id="language">
  18. <option value="0">Simplified Chinese</option>
  19. <option value="1">English</option>
  20. <option value="2">Traditional Chinese</option>
  21. </select>
  22. 进入<a href="javascript:myShow7()">打印设计</a>。</p>
  23. <p>五、该函数的语法和解释如下:<font color="#0000FF"><br>
  24. SET_SHOW_MODE(strModeType,intModeValue)<br>
  25. </font><font size="3"><i>参数含义:</i></font><font color="#0000FF"><br>
  26. strModeType</font>:模式类型有“PREVIEW_IN_BROWSE”“SETUP_IN_BROWSE”“DESIGN_IN_BROWSE”“BKIMG_IN_PREVIEW”等等;
  27. <br>
  28. <font color="#0000FF">intModeValue</font>:1-表示是,0或其它-表示不是(不调用本函数也表示不是)。 </p>
  29. <p><a href="PrintSampIndex.html">&lt;&lt;回样例目录</a>
  30. </p>
  31. <script language="javascript" type="text/javascript">
  32. var LODOP; //声明为全局变量
  33. function myShow1() {
  34. CreatePage();
  35. LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE",1);
  36. LODOP.SET_SHOW_MODE("HIDE_PAPER_BOARD",1);
  37. LODOP.PREVIEW();
  38. };
  39. function myShow2() {
  40. CreatePage();
  41. LODOP.SET_SHOW_MODE("SETUP_IN_BROWSE",1);
  42. LODOP.PRINT_SETUP();
  43. };
  44. function myShow3() {
  45. CreatePage();
  46. LODOP.SET_SHOW_MODE("DESIGN_IN_BROWSE",1);
  47. LODOP.PRINT_DESIGN();
  48. };
  49. function myShow4() {
  50. CreatePage();
  51. LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://www.lodop.net/demolist/PrintSample9.jpg'>");
  52. LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1); //注:"BKIMG_IN_PREVIEW"-预览包含背景图 "BKIMG_IN_FIRSTPAGE"- 仅首页包含背景图
  53. LODOP.PREVIEW();
  54. };
  55. function myShow5() {
  56. CreatePage();
  57. LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://www.lodop.net/demolist/PrintSample9.jpg'>");
  58. LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE",1);
  59. LODOP.SET_SHOW_MODE("HIDE_PAPER_BOARD",1);
  60. LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1);
  61. LODOP.PREVIEW();
  62. };
  63. function myShow6() {
  64. CreatePage();
  65. LODOP.SET_SHOW_MODE("HIDE_PBUTTIN_PREVIEW",1);//隐藏打印按钮
  66. LODOP.SET_SHOW_MODE("HIDE_SBUTTIN_PREVIEW",1);//隐藏设置按钮
  67. LODOP.SET_SHOW_MODE("HIDE_PAGE_PERCENT",1);//隐藏缩放比例下拉选框
  68. LODOP.SET_SHOW_MODE("HIDE_QBUTTIN_PREVIEW",1);//隐藏关闭按钮
  69. LODOP.SET_SHOW_MODE("PREVIEW_NO_MINIMIZE",1);//禁止预览窗口最小化并始终显示在最前面
  70. LODOP.PREVIEW();
  71. };
  72. function myShow7() {
  73. var LODOP01=getLodop();
  74. LODOP01.PRINT_INITA(4,10,665,600,"打印控件功能演示_Lodop功能_语言选择");
  75. LODOP01.SET_SHOW_MODE("LANGUAGE",document.getElementById('language').value);
  76. LODOP01.ADD_PRINT_TEXT(20,233,192,37,"注意界以上文字语言的变化!");
  77. LODOP01.PRINT_DESIGN();
  78. };
  79. function CreatePage() {
  80. LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
  81. LODOP.PRINT_INITA(4,10,665,600,"打印控件功能演示_Lodop功能_显示模式");
  82. LODOP.ADD_PRINT_TEXT(83,78,75,20,"寄件人姓名");
  83. LODOP.ADD_PRINT_TEXT(109,137,194,20,"寄件人单位名称");
  84. LODOP.ADD_PRINT_TEXT(134,90,238,35,"寄件人的详细地址");
  85. LODOP.ADD_PRINT_TEXT(85,391,75,20,"收件人姓名");
  86. LODOP.ADD_PRINT_TEXT(108,440,208,20,"收件人单位名称");
  87. LODOP.ADD_PRINT_TEXT(137,403,244,35,"收件人详细地址");
  88. LODOP.ADD_PRINT_TEXT(252,33,164,40,"内件品名");
  89. LODOP.ADD_PRINT_TEXT(261,221,100,20,"内件数量");
  90. LODOP.ADD_PRINT_TEXT(83,212,100,20,"寄件人电话");
  91. LODOP.ADD_PRINT_TEXT(80,554,75,20,"收件人电话");
  92. };
  93. </script>
  94. </body>
  95. </html>