fehelper_qrcode.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE HTML>
  2. <html lang="zh-CN">
  3. <head>
  4. <title>二维码生成工具</title>
  5. <meta charset="UTF-8">
  6. <link rel="stylesheet" href="../static/css/fe-qrcode.css" />
  7. <script type="text/javascript" src="../static/js/core/jquery-1.5.min.js"></script>
  8. <link rel="stylesheet" href="../static/vendor/jquery-ui-1.8/css/jquery-ui-1.8.16.custom.color_datauri.css" />
  9. <script type="text/javascript" src="../static/vendor/jquery-ui-1.8/js/jquery-ui-1.8.11.custom.min.js"></script>
  10. <script type="text/javascript" src="../static/js/mod/mod_qrcode.js"></script>
  11. </head>
  12. <body>
  13. <fieldset id="fieldset_marker">
  14. <legend>选项</legend>
  15. <div id="tabs">
  16. <ul>
  17. <li><a href="#tabs-0">网址</a></li>
  18. <li><a href="#tabs-1">文本内容</a></li>
  19. <li><a href="#tabs-2">电话号码</a></li>
  20. <li><a href="#tabs-3">短信&amp;彩信</a></li>
  21. <li><a href="#tabs-4">邮件地址</a></li>
  22. <li><a href="#tabs-5">通讯录</a></li>
  23. </ul>
  24. <div id="tabs-0">
  25. <p>
  26. <label for="tab0_url">网址:</label>
  27. <textarea name="tab0_url" id="tab0_url" placeholder="在这里输入网址"></textarea>
  28. </p>
  29. </div>
  30. <div id="tabs-1">
  31. <p>
  32. <label for="tab1_text">文字内容:</label>
  33. <textarea name="tab1_text" id="tab1_text" placeholder="在这里输入文字"></textarea>
  34. </p>
  35. </div>
  36. <div id="tabs-2">
  37. <p>
  38. <label for="tab2_telno">电话号码:</label>
  39. <input name="tab2_telno" type="text" id="tab2_telno" size="20" maxlength="50"/>
  40. </p>
  41. </div>
  42. <div id="tabs-3">
  43. <p>
  44. <label for="tab3_telno">号码:</label>
  45. <input name="tab3_telno" type="text" id="tab3_telno" size="30"/>
  46. <br/>
  47. <label for="tab3_message">信息:</label>
  48. <textarea name="tab3_message" cols="30" rows="4" id="tab3_message"></textarea>
  49. <br/>
  50. <label for="smsto">类型:</label>
  51. <input name="tab3_type" type="radio" id="smsto" value="SMSTO" checked="checked"/>
  52. <label for="smsto">短信</label>
  53. <input name="tab3_type" type="radio" id="mmsto" value="MMSTO"/>
  54. <label for="mmsto">彩信</label>
  55. </p>
  56. </div>
  57. <div id="tabs-4">
  58. <p>
  59. <label for="tab4_email">邮件地址:</label>
  60. <input name="tab4_email" type="text" id="tab4_email" size="30" maxlength="200"/>
  61. </p>
  62. </div>
  63. <div id="tabs-5">
  64. <p>
  65. <label for="tab5_FormattedName">姓 名:</label>
  66. <input type="text" name="tab5_FormattedName" id="tab5_FormattedName"/>
  67. <br/>
  68. <label for="tab5_Telephone">电 话:</label>
  69. <input type="text" name="tab5_Telephone" id="tab5_Telephone"/>
  70. <br/>
  71. <label for="tab5_Email">邮件地址:</label>
  72. <input type="text" name="tab5_Email" id="tab5_Email"/>
  73. <br/>
  74. <label for="tab5_Organization">公司名称:</label>
  75. <input type="text" name="tab5_Organization" id="tab5_Organization"/>
  76. <br/>
  77. <label for="tab5_Title">职 位:</label>
  78. <input type="text" name="tab5_Title" id="tab5_Title"/>
  79. <br/>
  80. <label for="tab5_Address">联系地址:</label>
  81. <input type="text" name="tab5_Address" id="tab5_Address"/>
  82. <br/>
  83. <label for="tab5_URL">网站地址:</label>
  84. <input type="text" name="tab5_URL" id="tab5_URL"/>
  85. <br/>
  86. </p>
  87. </div>
  88. </div>
  89. <div id="options">
  90. <input type="button" name="button" id="confirm_button" value="生成QR图"/>
  91. <p>尺寸:
  92. <input name="opt_width" type="text" id="opt_width" value="200" size="4" maxlength="4"/>
  93. x
  94. <input name="opt_height" type="text" id="opt_height" value="200" size="4" maxlength="4"/>
  95. </p>
  96. </div>
  97. <div></div>
  98. </fieldset>
  99. <fieldset id="fieldset_qr">
  100. <legend>结果</legend>
  101. <div id="preview"></div>
  102. </fieldset>
  103. </body>
  104. </html>