dialog.jsp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ include file="/base.jsp"%>
  3. <!-- /**
  4. * 弹出框
  5. * @param dTitle 窗口标题
  6. * @param conent 窗口内容
  7. * @param idnex 窗口下标(要用哪一种窗口)
  8. * 0为支付弹框1为错误弹框2为confirm弹框3登陆弹框4为正确弹框5为强制登陆6为确定跳转7为错误提示8视频试听地址
  9. * @param url (确认窗口的确定按钮路径)
  10. * @param loginType (登录窗口的登录类)
  11. *
  12. * 如果有的点参不需要,可以传入空字符串
  13. */ -->
  14. <c:choose>
  15. <c:when test="${dialog.index==0}"><!--0支付完成弹出窗 -->
  16. <div class='d-tips-1'>
  17. <em class='icon30 pa d-t-icon-1'></em>
  18. <p class='fsize14 c-666'>你选择使用网上在线支付,在你支付成功课程会及时开通。祝你学习愉快!</p>
  19. <div class='tac mt20'>
  20. <a href='${ctx }/front/showcoulist' title='继续购买'
  21. class='blue-btn mr10'>继续购买</a><a href='javascript:void(0)'
  22. onclick='goCorder()' title='已成功完成支付' class='blue-btn ml10'>已成功完成支付</a><a
  23. href='javascript:void(0)' onclick='goOrder()' title='支付失败'
  24. class='blue-btn ml10'>支付失败</a>
  25. </div>
  26. <p class='tar mt20 c-666'>如有疑问请询问客服</p>
  27. </div>
  28. </c:when>
  29. <c:when test="${dialog.index==1}"><!-- 1错误提示框 -->
  30. <div class='d-tips-2'>
  31. <em class='pa d-t-icon-2 d-t-wrong icon30'></em>
  32. <p class='fsize14 c-666'>${dialog.conent}</p>
  33. <div class='tac mt30'>
  34. <a id='tisbutt' href='javascript:void(0)' title=''
  35. class='dClose order-submit'>确定</a>
  36. </div>
  37. </div>
  38. </c:when>
  39. <c:when test="${dialog.index==2}"><!-- 2为confirm弹框 -->
  40. <div class='d-tips-3'>
  41. <em class='pa d-t-icon-3 d-t-right icon30'></em>
  42. <p class='fsize14 c-666'>${dialog.conent}</p>
  43. <div class='tac mt30'>
  44. <a href='${dialog.url}' title='确定' class='order-submit'>确定</a><a
  45. href='javascript:void(0)' title='' class='goBack-btn ml10'
  46. id='qujiao'>取消</a>
  47. </div>
  48. </div>
  49. </c:when>
  50. <c:when test="${dialog.index==3}"><!-- 3登录弹出窗口-->
  51. <div class="d-tips-4">
  52. <input type="hidden" id="forceStatus" name="forceStatus" value="">
  53. <ul class="l-r-w-Inpt">
  54. <li><p id="requestErrorID"></p>
  55. </li>
  56. <li>
  57. <label class="vam">用户名:</label>
  58. <span style="display:inline-block;position:relative;">
  59. <div id="mailListBox_0" class="justForJs out_box" style="position:absolute;left:-6000px;top:34px;z-index:1;"></div>
  60. <input type="text" onkeyup="enterSubmit(event,'pageLogin(1)')" class="lTxt" value="" id="userEmail">
  61. </span>
  62. <p id="userNameError" class="disIb ml5 c-orange"></p>
  63. </li>
  64. <li class="mt30">
  65. <label class="vam">密&nbsp;&nbsp;&nbsp;码:</label>
  66. <input type="password" onkeyup="enterSubmit(event,'pageLogin(1)')" id="userPassword" class="lTxt">
  67. <p id="passwordError" class="disIb ml5 c-orange"></p>
  68. </li>
  69. <li class="mt15">
  70. <label class="vam">&nbsp;</label>
  71. <span class="inpCb">
  72. <input type="checkbox" name="" value="" checked="checked" class="c-icon" id="autoThirty">
  73. <tt for="forget" class="vam c-999 ml5">自动登录</tt>
  74. </span>
  75. <span class="ml10">
  76. <a href="${ctx}/front/forget_passwd" title="忘记密码?" class="c-orange">
  77. <u>忘记密码?</u></a>
  78. </span>
  79. <span class="ml10">
  80. <a href="${ctx}/register" target="_blank" title="还没账号,去注册!" class="c-master">
  81. <u>还没账号,去注册!</u></a>
  82. </span>
  83. </li>
  84. <li class="mt30">
  85. <label class="vam">&nbsp;</label>
  86. <span class="login-btn">
  87. <input type="button" onclick="pageLogin(1)" value="登 录" style="margin-left: 0;">
  88. </span>
  89. </li>
  90. <li class="mt10 tac">
  91. <p class="hLh30 line2"><span class="vam c-666">可以使用以下方式快速登录</span></p>
  92. <div class="mt10">
  93. <a href="javascript:oauthLogin('QQ')" class="vam" title="QQ账号登录"><img width="28" height="28" alt="QQ账号登录" class="vam" src="${ctx}/static/edu/images/open/qq.png"></a>
  94. <a href="javascript:oauthLogin('SINA')" class="vam ml10" title="微博账号登录"><img width="28" height="28" alt="微博账号登录" class="vam" src="${ctx}/static/edu/images/open/sina.png"></a>
  95. </div>
  96. </li>
  97. </ul>
  98. </div>
  99. </c:when>
  100. <c:when test="${dialog.index==4}"><!-- 4为正确弹框 -->
  101. <div class='d-tips-2'>
  102. <em class='pa d-t-icon-3 d-t-right icon30'></em>
  103. <p class='fsize14 c-666'>${dialog.conent}</p>
  104. <div class='tac mt30'>
  105. <a id='tisbutt' href='javascript:void(0)' title=''
  106. class='order-submit'>确定</a>
  107. </div>
  108. </div>
  109. </c:when>
  110. <c:when test="${dialog.index==5}"><!-- 5为强制登陆 -->
  111. <div class='d-tips-3'>
  112. <em class='pa d-t-icon-3 d-t-right icon30'></em>
  113. <p class='fsize14 c-666'>${dialog.conent}</p>
  114. <div class='tac mt30'>
  115. <a href='${dialog.url}' title='强制登陆' class='order-submit'>强制登陆</a><a
  116. href='javascript:void(0)' title='' class='goBack-btn ml10'
  117. id='qujiao'>取消</a>
  118. </div>
  119. </div>
  120. </c:when>
  121. <c:when test="${dialog.index==6}"><!-- 6为确定跳转 -->
  122. <div class='d-tips-3'>
  123. <em class='pa d-t-icon-3 d-t-right icon30'></em>
  124. <p class='fsize14 c-666'>${dialog.conent}</p>
  125. <div class='tac mt30'>
  126. <a href='"${dialog.url}"' title='确定' class='order-submit'>确定</a>
  127. </div>
  128. </div>
  129. </c:when>
  130. <c:when test="${dialog.index==7}"><!-- 7为错误提示 -->
  131. <div class='d-tips-2'>
  132. <em class='pa d-t-icon-2 d-t-wrong icon30'></em>
  133. <p class='fsize14 c-666'>${dialog.conent}</p>
  134. <div class='tac mt30'>
  135. <a id='tisbutt' href='javascript:void(0)' title=''
  136. class='order-submit'>确定</a>
  137. </div>
  138. </div>
  139. </c:when>
  140. <c:when test="${dialog.index==8}">
  141. <div class='d-tips-5'>
  142. <div class="tac pa" id="loadingDiv" style="left: 50%;top: 50%;margin: -20px 0 0 -50px;width: 100px;height: 40px;z-index: 0;">
  143. <span class="v-loading-gif ">
  144. <img width="50" height="10" src="/static/edu/images/page/v-loading.gif">
  145. </span>
  146. <aside class="mt10"><span class="c-333">努力加载中...</span></aside>
  147. </div>
  148. <div class="" style='width: 612px; height: 440px;z-index: 0;' id="smallPlayer">${dialog.conent}</div>
  149. </div>
  150. </c:when>
  151. <c:when test="${dialog.index==9}"><!-- 个人中心错误提示 重复替换 0-->
  152. <div class='d-tips-2'>
  153. <em class='icon30 pa d-t-icon-1'></em>
  154. <p class='fsize14 c-666'>${dialog.conent}</p>
  155. <div class='tac mt30'>
  156. <a id='tisbutt' href='javascript:void(0)' title=''
  157. class='dClose order-submit'>确定</a>
  158. </div>
  159. </div>
  160. </c:when>
  161. <c:when test="${dialog.index==10}"><!-- 个人中心课程卡1 -->
  162. <div class='d-tips-4'>
  163. <ul class='l-r-w-Inpt'>
  164. <li><label class='vam'>卡号:</label><input type='text'
  165. class='lTxt' value='' id='cardCourseCode'
  166. name='cardCourse.cardCourseCode'></li>
  167. <li class='mt20'><label class='vam'>密码:</label><input
  168. type='password' class='lTxt' value='' id='cardCoursePassword'
  169. name='cardCourse.cardCoursePassword'></li>
  170. <li class='mt20'><label class='vam'>&nbsp;</label><span
  171. class='login-btn'><input type='button' onclick='jihuo()'
  172. value='激 活' style='margin-left: 0;'></span></li>
  173. </ul>
  174. </div>
  175. </c:when>
  176. <c:when test="${dialog.index==11}"><!-- 个人中心订单 2-->
  177. <div class='d-tips-4'>
  178. <ul class='l-r-w-Inpt'>
  179. <li><label class='vam'>订单编号:</label><strong class='c-orange'
  180. id='contractId'>${dialog.conent}</strong></li>
  181. <li class='mt20'><label class='vam'>激&nbsp;活&nbsp;码&nbsp;:</label><input
  182. maxlength='4' class='activationOrdersWin' type='text'
  183. id='contractCDkey1' />-<input class='activationOrdersWin'
  184. maxlength='4' id='contractCDkey2' type='text' />-<input
  185. maxlength='4' class='activationOrdersWin' type='text'
  186. id='contractCDkey3' />-<input maxlength='4'
  187. class='activationOrdersWin' type='text' id='contractCDkey4' /></li>
  188. <li class='mt2 ntsyl c-666'>每框输入4位激活码,激活成功后可以学习其中的课程</li>
  189. <li class='mt20'><label class='vam'>&nbsp;</label><span
  190. class='login-btn'><input type='button' onclick='actCourse()'
  191. value='激 活' style='margin-left: 0;'></span></li>
  192. </ul>
  193. </div>
  194. </c:when>
  195. <c:when test="${dialog.index==12}"><!-- 3 -->
  196. <div class='d-tips-2'>
  197. <em class='icon30 pa d-t-icon-1'></em>
  198. <p class='fsize14 c-666'>${dialog.conent}</p>
  199. <div class='tac mt30'>
  200. <a href='${dialog.url}' title='确定' class='d-cancel order-submit'>确定</a><a
  201. href='javascript:void(0)' title='' class='d-cancel goBack-btn ml10'
  202. id='qujiao'>取消</a>
  203. </div>
  204. </div>
  205. </c:when>
  206. <c:when test="${dialog.index==13}"><!-- 4 -->
  207. <div class='d-tips-2'>
  208. <em class='icon30 pa d-t-icon-1'></em>
  209. <p class='fsize14 c-666'>${dialog.conent}</p>
  210. <div class='tac mt30'>
  211. <a id='tisbutt' href='javascript:void(0)' title=''
  212. class='dClose order-submit'>确定</a>
  213. </div>
  214. </div>
  215. </c:when>
  216. <c:when test="${dialog.index==14}"><!-- 5 -->
  217. <div class='d-tips-2'>
  218. <em class='icon30 pa d-t-icon-1'></em>
  219. <p class='fsize14 c-666'>${dialog.conent}</p>
  220. <div class='tac mt30'>
  221. <a href='${dialog.url}' title='确定' class='d-cancel order-submit'>确定</a><a
  222. href='javascript:void(0)' title='' class='d-cancel goBack-btn ml10'
  223. id='qujiao'>取消</a>
  224. </div>
  225. </div>
  226. </c:when>
  227. <c:when test="${dialog.index==15}"><!-- 6 -->
  228. <div class='d-tips-2'>
  229. <em class='icon30 pa d-t-icon-2'></em>
  230. <p class='fsize14 c-666'>${dialog.conent}</p>
  231. <div class='tac mt30'>
  232. <a id='tisbutt' href='javascript:void(0)' title=''
  233. class='dClose order-submit'>确定</a>
  234. </div>
  235. </div>
  236. </c:when>
  237. <c:when test="${dialog.index==16}"><!-- 7 -->
  238. <div class='d-tips-2'>
  239. <em class='icon30 pa d-t-icon-2'></em>
  240. <p class='fsize14 c-666'>${dialog.conent}</p>
  241. <div class='tac mt30'>
  242. <a id='tisbutt' href='${dialog.url}' title='' class='dClose order-submit'>确定</a>
  243. </div>
  244. </div>
  245. </c:when>
  246. <c:when test="${dialog.index==17}">
  247. <div class='d-tips-2'>
  248. <em class='icon30 pa d-t-icon-1'></em>
  249. <p class='fsize14 c-666'>${dialog.conent}</p>
  250. <div class='tac mt30'>
  251. <a id='tisbutt' href='${dialog.url}' title='' class='dClose order-submit'>确定</a>
  252. </div>
  253. </div>
  254. </c:when>
  255. <c:otherwise>
  256. </c:otherwise>
  257. </c:choose>