صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
dingcong
/
everlight.eap
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 0ef0c1cc9d
شاخه‌ها تگ‌ها
everlight.eap
/
backend
/
WebMainFrameForEap
/
wwwroot
/
Lodop6.226_Clodop4.096
/
PrintSample47.html

PrintSample47.html 6.6 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5. <title>WEB打印控件LODOP的样例四十七:演示Lodop嵌套自身</title>
    6. 

  6. 

  7. <script language="javascript" src="LodopFuncs.js"></script>
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

  10. 

  11. <h2><font color="#009999">演示Lodop嵌套自身：</font></h2>
    12. 

  12. <p>由于Lodop提供的条码、图形和图表等功能除了输出打印之外，还可以用SHOW_CHART语句在页面内显示（<a href="PrintSample11.html"  target="_blank">参考样例11</a>）。</p> 
    13. 

  13. <p>我们利用这一特点，把LODOP对象嵌套在一段要输出的超文本中，就让这些本来孤立的图形对象与超文本密切融合。</p>  
    14. 

  14. <h3><font color="#009999">演示：</font></h3>
    15. 

  15. <p>一、现在<a href="javascript:MyPreview();">打印预览</a>如下表格的内容，其中包含Lodop实现的条码。<p>二、也可以<a href="javascript:OutToFile();">导出如下表格</a>到Excel文件，内容里包含该条码。</p>
    16. 

  16. 

  17. <div id='div1'>
    18. 

  18. <style> table,td,th {border: 1px solid black;border-collapse: collapse}</style>
    19. 

  19. <table border=1 width="571" height="281">
    20. 

  20. 

  21. <thead>
    22. 

  22. <tr><th width="146" bgcolor="#C0C0C0" height="16"><font color="#0000FF">作者</font></th>
    23. 

  23. <th width="220" bgcolor="#C0C0C0" colspan="2" height="16"><font color="#0000FF">歌曲题目</font></th>
    24. 

  24. <th width="71" bgcolor="#C0C0C0" height="16"><font color="#0000FF">国籍</font></th>
    25. 

  25. <th width="98" bgcolor="#C0C0C0" height="16"><font color="#0000FF">日期(收益)</font></th></tr>
    26. 

  26. </thead>
    27. 

  27. 

  28. <tr>
    29. 

  29. <td width="146" height="16"></td>                 
    30. 

  30. <td width="143" height="16"><span dataFld=TITLE>Empire Burlesque</span></td>
    31. 

  31. <td width="71" height="54" rowspan="3"><span dataFld=COUNtrY>Pop</span></td>
    32. 

  32. <td width="71" height="16"><span dataFld=COUNtrY>USA</span></td>
    33. 

  33. <td width="98" height="16"><span dataFld=COUNtrY>1950-?-?</span></td>
    34. 

  34. </tr>
    35. 

  35. 

  36. <tr>
    37. 

  37. <td width="146" height="16"><span dataFld=ARTIST>Bonnie Tyler</span></td>
    38. 

  38. <td width="143" height="16"><span dataFld=TITLE>Hide your heart</span></td>
    39. 

  39. <td width="71" height="16"><span dataFld=COUNtrY>UK</span></td>
    40. 

  40. <td width="98" height="16"><span dataFld=COUNtrY>1968-?-?</span></td>
    41. 

  41. </tr>
    42. 

  42. 

  43. <tr>
    44. 

  44. <td width="146" height="16"><span dataFld=ARTIST>Dolly Parton</span></td> 
    45. 

  45. <td width="143" height="16"><span dataFld=TITLE>Greatest Hits</span></td>
    46. 

  46. <td width="71" height="16"><span dataFld=COUNtrY>USA</span></td>
    47. 

  47. <td width="98" height="16" xformat="yyyy/mm/dd"><span dataFld=COUNtrY><b>1968-04-27</b></span></td>
    48. 

  48. </tr>
    49. 

  49. 

  50. <tr>
    51. 

  51. <td width="146" rowspan="3" height="60"><span dataFld=ARTIST>
    52. 

  52. <br>Gary Moore</span></td>    
    53. 

  53. <td width="143" height="32" rowspan="2"><span dataFld=TITLE>Still got the <br>blues</span> 
    54. 

  54.   <p><span dataFld=TITLE>Eros</span></p> 
    55. 

  55. </td>   
    56. 

  56. <td width="71" rowspan="4" height="92">Classic</td>   
    57. 

  57. <td width="71" height="16"><span dataFld=COUNtrY>UK</span></td>   
    58. 

  58. <td width="98" height="16"><span dataFld=COUNtrY>1968-12-10</span></td>   
    59. 

  59. </tr>   
    60. 

  60.    
    61. 

  61. <tr>   
    62. 

  62. <td width="71" height="16"><span dataFld=COUNtrY>UK</span></td>   
    63. 

  63. <td width="98" height="16"><span dataFld=COUNtrY>1980-09-13</span></td>   
    64. 

  64. </tr>   
    65. 

  65.    
    66. 

  66. <tr>   
    67. 

  67. <td width="143" height="16"><span dataFld=TITLE>One night only</span></td>   
    68. 

  68. <td width="71" height="16"><span dataFld=COUNtrY>UK</span></td>   
    69. 

  69. <td width="98" height="16"><span dataFld=COUNtrY>1983-12-05</span></td>   
    70. 

  70. </tr>   
    71. 

  71.    
    72. 

  72. <tr>   
    73. 

  73. <td width="146" height="16"><span dataFld=ARTIST>Dr.Hook</span></td>   
    74. 

  74. <td width="143" height="16"><span dataFld=TITLE>Sylvias Mother</span></td>   
    75. 

  75. <td width="71" height="16"><span dataFld=COUNtrY>UK</span></td>   
    76. 

  76. <td width="98" height="16" xformat="0.00%"><span dataFld=COUNtrY><b>0.845</b></span></td>   
    77. 

  77. </tr>   
    78. 

  78.    
    79. 

  79. <tr>   
    80. 

  80. <td width="146" height="16"><span dataFld=ARTIST>Rod Stewart</span></td>   
    81. 

  81. <td width="220" colspan="2" height="32" rowspan="2">
    82. 

  82. <object id="LODOP_O1" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="200" height="40"> 
    83. 

  83. <param name="Color" value="white"> 
    84. 

  84. </object> </td>   
    85. 

  85. <td width="71" height="16"><span dataFld=COUNtrY>UK</span></td>   
    86. 

  86. <td width="98" height="16" xformat="#,##0.00"><span dataFld=COUNtrY><b>34545.07</b></span></td>   
    87. 

  87. </tr>   
    88. 

  88.    
    89. 

  89. <tr>   
    90. 

  90. <td width="146" height="16"><span dataFld=ARTIST>Andrea Bocelli</span></td>   
    91. 

  91. <td width="71" rowspan="2" height="11"><span dataFld=COUNtrY>EU</span></td>   
    92. 

  92. <td width="98" rowspan="2" height="11" xformat="￥#,##0.00"><span dataFld=COUNtrY><b>12588.76</b></span></td>   
    93. 

  93. </tr>   
    94. 

  94.    
    95. 

  95. <tr>   
    96. 

  96. <td width="366" colspan="3" height="1" xformat="##0.0E+0">   
    97. 

  97.   <p align="center"><b>370104196802231516</b></td>   
    98. 

  98. </tr>   
    99. 

  99.    
    100. 

  100. <tr>   
    101. 

  101. <td width="146" height="16"><span dataFld=ARTIST>Percy Sledge</span></td>   
    102. 

  102. <td width="220" colspan="2" height="16" xformat="@"><span dataFld=TITLE><b>370104196802231516</b></span></td>   
    103. 

  103. <td width="71" height="16"><span dataFld=COUNtrY>USA</span></td>   
    104. 

  104. <td width="98" height="16"><span dataFld=COUNtrY>2005-08-01</span></td>   
    105. 

  105. </tr>   
    106. 

  106.    
    107. 

  107. <tr>   
    108. 

  108. <td width="146" height="16"><span dataFld=ARTIST>Savage Rose</span></td>   
    109. 

  109. <td width="220" colspan="2" height="16"><span dataFld=TITLE>Black angel</span></td>   
    110. 

  110. <td width="71" height="16"><span dataFld=COUNtrY>EU</span></td>   
    111. 

  111. <td width="98" height="16"><span dataFld=COUNtrY>2004-12-19</span></td>   
    112. 

  112. </tr>   
    113. 

  113.    
    114. 

  114. <tfoot>   
    115. 

  115. <tr>   
    116. 

  116. <th width="146" bgcolor="#C0C0C0" height="16"><font color="#008080">歌曲作者</font></th>   
    117. 

  117. <th bgcolor="#C0C0C0" width="220" colspan="2" height="16"><font color="#008080">曲目名称</font></th>   
    118. 

  118. <th bgcolor="#C0C0C0" width="183" height="16" colspan="2"><font color="#008080">作者国籍</font></th>   
    119. 

  119. </tr>   
    120. 

  120. </tfoot>   
    121. 

  121.    
    122. 

  122. </table>  
    123. 

  123. <script language="javascript" type="text/javascript">   
    124. 

  124. 		var LODOP01=document.getElementById("LODOP_O1"); 
    125. 

  125. 		LODOP01.PRINT_INIT("");
    126. 

  126. 		LODOP01.ADD_PRINT_BARCODE(3,10,150,35,"128Auto","123456789012");
    127. 

  127. 		LODOP01.SHOW_CHART();
    128. 

  128. </script>  
    129. 

  129.   
    130. 

  130. </div>   
    131. 

  131. <p>注:为了避免对象混淆，一定给内嵌Object起不同ID（例:LODOP_01），也别与JS变量重名。</p> 
    132. 

  132. <a href="PrintSampIndex.html">&lt;&lt;回样例目录</a>  
    133. 

  133.   
    134. 

  134. <script language="javascript" type="text/javascript">   
    135. 

  135. 	function MyPreview(){  
    136. 

  136. 		var LODOP=getLodop();   
    137. 

  137. 		LODOP.PRINT_INIT("");  
    138. 

  138. 		LODOP.ADD_PRINT_HTM(100,20,500,"100%",document.getElementById("div1").innerHTML); 
    139. 

  139. 		//LODOP.SET_PRINT_STYLEA(0,"HtmWaitMilSecs",1000); //如果内容包含复杂的运行脚本或第三方插件，延迟1000毫秒
    140. 

  140. 		LODOP.PREVIEW();		  
    141. 

  141. 	};  
    142. 

  142. 	function OutToFile(){  
    143. 

  143. 		var LODOP=getLodop();   
    144. 

  144. 		LODOP.PRINT_INIT("");  
    145. 

  145. 		LODOP.ADD_PRINT_TABLE(100,20,500,"100%",document.getElementById("div1").innerHTML);  
    146. 

  146. 		LODOP.SAVE_TO_FILE("新文件名.xls");  
    147. 

  147. 	};					  
    148. 

  148. </script>  
    149. 

  149.   
    150. 

  150. </body>  
    151.