index - 副本.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <script src="../public/js/jquery.js"></script>
  7. <script src="js/dict.js"></script>
  8. <title>PCD Studio</title>
  9. <style>
  10. #body-inner{
  11. display:flex;
  12. }
  13. #left-ref-dict{
  14. }
  15. #build-dict{
  16. flex:7;
  17. }
  18. .one_mean{
  19. display:inline-block;
  20. background-color:#EEE;
  21. padding:4px;
  22. margin:2px;
  23. }
  24. textarea{
  25. width:100%;
  26. height:1em;
  27. }
  28. #right_tool_bar{
  29. flex:3;
  30. position:fix;
  31. top:0;
  32. left:0;
  33. height:100%
  34. }
  35. </style>
  36. <script>
  37. function mean_keyup(obj,id){
  38. var newmean=obj.value;
  39. $("#mean_list_"+id).html(render_mean_list(newmean));
  40. }
  41. function render_mean_list(strMean){
  42. var output="";
  43. var arrMean=strMean.split("$");
  44. for(var i in arrMean){
  45. output+="<div class='one_mean'>"+arrMean[i]+"<span>X</span></div>";
  46. }
  47. return(output);
  48. }
  49. </script>
  50. </head>
  51. <body class="mainbody" id="mbody" >
  52. <div id="body-inner">
  53. <div id="right_tool_bar" >
  54. <div id="right_tool_bar_title">
  55. <div id="dict_ref_search_input_div">
  56. <div id="dict_ref_search_input_head">
  57. <input id="dict_ref_search_input" type="input" onkeyup="dict_input_keyup(event,this)">
  58. </div>
  59. <div><span id="input_parts"><span></span></span></div>
  60. </div>
  61. </div>
  62. <div id="right_tool_bar_inner">
  63. <div id="dict_ref_search">
  64. <div id="dict_ref_search_result">
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <div id="build-dict">
  70. <?php
  71. include "./config.php";
  72. include "./_pdo.php";
  73. global $PDO;
  74. $dictFileName=$dir_dict_3rd."bhmf.db";
  75. PDO_Connect("$dictFileName");
  76. $query = "SELECT * from dict where 1 limit 0,1000";
  77. $Fetch = PDO_FetchAll($query);
  78. $iFetch=count($Fetch);
  79. if($iFetch>0){
  80. for($i=0;$i<$iFetch;$i++){
  81. echo "<div>";
  82. $type=$Fetch[$i]["type"];
  83. $gramma=$Fetch[$i]["gramma"];
  84. $word=$Fetch[$i]["pali"];
  85. $mean=$Fetch[$i]["mean"];
  86. $note=$Fetch[$i]["detail"];
  87. $id=$Fetch[$i]["id"];
  88. $arrMean=str_getcsv($mean,"$");
  89. echo "<h3>$word</h3>";
  90. echo "Type:<input type='text' value='$type' />";
  91. echo "Gramma:<input type='text' value='$gramma' />";
  92. echo "<div id='mean_list_$id'>";
  93. foreach($arrMean as $oneMean){
  94. echo "<div class='one_mean'>".$oneMean."</div>";
  95. }
  96. echo "</div>";
  97. echo "<div><textarea row=2 col=100 onkeyup=\"mean_keyup(this,$id)\">$mean</textarea></div>";
  98. echo "<div><textarea row=2 col=100 >$note</textarea></div>";
  99. echo "</div>";
  100. }
  101. }
  102. ?>
  103. </div>
  104. </div>
  105. </body>
  106. </html>