askPost.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!-- include 'header' -->
  2. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  3. <div class="globalContent warpContent pageContent ">
  4. <div class="mainContent">
  5. <div class="askPostPage">
  6. <div class="postFromTab normalTab clearfix">
  7. <a <!-- if {{is_credit}} --> href="/question/add" class="normalT" <!-- else --> class="normalT tabNow" <!-- endif --> title="当前页面">普通提问</a>
  8. <a href="/question/add_vip" class="payT" title="去发布名师答疑">名师答疑</a>
  9. </div>
  10. <h2>向热心网友专家们提问吧:</h2>
  11. <div class="globalForm">
  12. <form name="askform" action="/question/doadd" method="post" onsubmit="return ask_post_form()" >
  13. <ul class="formItem">
  14. <!-- if {{is_credit}} -->
  15. <li>
  16. <div class="fL">悬赏</div>
  17. <select name="price">
  18. <option value='2'>2</option>
  19. {{option}}
  20. </select>&nbsp;&nbsp;您的余额:<b class="colOrange">{{userinfo.credit3}}</b>元&nbsp;&nbsp;<span class="colRed"><!-- if {{userinfo.credit3}}<2 -->您的余额不足,请<!-- endif --><a href="http://sso.smartcost.com.cn/deposit" target="_blank">充值</a></span>
  21. <div class="formTips"><p>赏金越高,吸引力越大。</p><span class="tipsArrow"></span></div>
  22. </li>
  23. <!-- endif -->
  24. <li>
  25. <div class="fL">问题类别</div>
  26. <select name="category_id">
  27. <!-- loop category.top -->
  28. <option value="{{category' value.@id}}">{{category' value.@name}}</option>
  29. <!-- endloop -->
  30. <!-- loop category.second -->
  31. <option value="{{category' value.@id}}">&nbsp;&nbsp;&nbsp;|-{{category' value.@name}}</option>
  32. <!-- endloop -->
  33. </select> <div class="formTips"><p>请正确选择问题分类,网友们能更快的查看到你的提问。</p><span class="tipsArrow"></span></div></li>
  34. <li>
  35. <div class="fL">您的问题</div>
  36. <input type="text" name="title" id="title" class="inputText" onkeyup="javascript:checkWord(80,event,'title_wordCheck')" style="width: 500px"></input>
  37. <div class="wordCount"><b id="title_wordCheck">80</b><b>/80</b></div>
  38. <div class="formTips"><p>请用简明的文字清晰地描述你的问题,而不是使用“请教”“求助”等等的无关词汇。</p><span class="tipsArrow"></span></div>
  39. </li>
  40. <li>
  41. <div class="clearfix">
  42. <div class="fL">问题补充</div>
  43. <script type="text/plain" id="description" name="description" style="width: 515px;float:left;" ></script>
  44. <script type="text/javascript">
  45. edi = new UE.ui.Editor();
  46. edi.render('description');
  47. </script>
  48. <!-- <div class="wordCount" ><b id="content_wordCheck">4000</b><b>/4000</b></div> -->
  49. <div class="formTips"><p>如果标题不能将你的问题完全表述清楚,请在这里更详细地说明你的问题,或提供与之相关的背景信息和参考资料,好让更多热心网友明白你的问题所在,即时有效的给你帮助。</p><span class="tipsArrow"></span></div>
  50. </div>
  51. </li>
  52. <li class="noLine" style="z-index:999">
  53. <div class="fL">&nbsp;</div>
  54. <div style="margin-left:130px" id="div_geetest_lib" >
  55. <div id="div_id_embed"></div>
  56. <script type="text/javascript">
  57. var gtFailbackFrontInitial = function(result) {
  58. var s = document.createElement('script');
  59. s.id = 'gt_lib';
  60. s.src = 'http://static.geetest.com/static/js/geetest.0.0.0.js';
  61. s.charset = 'UTF-8';
  62. s.type = 'text/javascript';
  63. document.getElementsByTagName('head')[0].appendChild(s);
  64. var loaded = false;
  65. s.onload = s.onreadystatechange = function() {
  66. if (!loaded && (!this.readyState|| this.readyState === 'loaded' || this.readyState === 'complete')) {
  67. loadGeetest(result);
  68. loaded = true;
  69. }
  70. };
  71. }
  72. //get geetest server status, use the failback solution
  73. var loadGeetest = function(config) {
  74. //1. use geetest capthca
  75. window.gt_captcha_obj = new window.Geetest({
  76. gt : config.gt,
  77. challenge : config.challenge,
  78. product : 'float',
  79. offline : !config.success
  80. });
  81. gt_captcha_obj.appendTo("#div_id_embed");
  82. }
  83. s = document.createElement('script');
  84. s.src = 'http://api.geetest.com/get.php?callback=gtcallback';
  85. $("#div_geetest_lib").append(s);
  86. var gtcallback =( function() {
  87. var status = 0, result, apiFail;
  88. return function(r) {
  89. status += 1;
  90. if (r) {
  91. result = r;
  92. setTimeout(function() {
  93. if (!window.Geetest) {
  94. apiFail = true;
  95. gtFailbackFrontInitial(result)
  96. }
  97. }, 1000)
  98. }
  99. else if(apiFail) {
  100. return
  101. }
  102. if (status == 2) {
  103. loadGeetest(result);
  104. }
  105. }
  106. })()
  107. $.ajax({
  108. url : "/StartCaptchaServlet?rand="+Math.round(Math.random()*100),
  109. type : "get",
  110. dataType : 'JSON',
  111. success : function(result) {
  112. console.log(result);
  113. gtcallback(result)
  114. }
  115. })
  116. </script>
  117. <div style="margin-top:30px">
  118. <p class="clearfix" style="margin-bottom:10px">请完成上面的滑块验证再提交</p>
  119. <input type="submit" id="ask_pay_submit" class="button " value="提交问题" /></div>
  120. </div>
  121. </li>
  122. </ul>
  123. </form>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <!-- include '/footer' -->