editAd.jsp 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <%@ page language="java" contentType="text/html;charset=GBK" pageEncoding="GBK"%>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <!-- by qianqw 20150317 -->
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <!-- end -->
  10. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  11. <title>编辑广告</title>
  12. <link href="${pageContext.request.contextPath }/main.css" rel="stylesheet" type="text/css" />
  13. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  14. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  15. <script type="text/javascript" src="/shares/js/constant.js"></script>
  16. <script type="text/javascript" src="/shares/js/common.js"></script>
  17. <script type="text/javascript" src="/shares/js/file.js"></script>
  18. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  19. <script type="text/javascript" src="/shares/datePicker/WdatePicker.js"></script>
  20. <script src="${pageContext.request.contextPath}/liger/lib/json2.js" type="text/javascript"></script>
  21. <script type="text/javascript" src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/ligerui.all.js"></script>
  22. <script type="text/javascript">
  23. $(function (){
  24. initShow();
  25. $("#ad\\.position_id").change(function(){
  26. var select_val = $("#ad\\.position_id").val();
  27. $("#pic_px").val(select_val);
  28. var show_text = $("#pic_px").find("option:selected").text();
  29. $("#pic_px_show").html(show_text);
  30. });
  31. });
  32. function initShow(){
  33. var select_val = $("#ad\\.position_id").val();
  34. $("#pic_px").val(select_val);
  35. var show_text = $("#pic_px").find("option:selected").text();
  36. $("#pic_px_show").html(show_text);
  37. }
  38. function saveAd(){
  39. var evalue = "";
  40. $("input[name='photo_doc_id']").each(function(){
  41. var accessory_val = $(this).val();
  42. if(""!=accessory_val){
  43. if(evalue!=""){
  44. evalue+=","+$(this).val();
  45. }else{
  46. evalue=$(this).val();
  47. }
  48. }
  49. });
  50. $("#ad\\.photo_doc_id").val(evalue);
  51. var rs = $.validate({name:"ad\\.position_id",model:[{type:"require",msg:"广告投放位置不能为空!"}]});
  52. rs &= $.validate({name:"ad.photo_doc_id",model:[{type:"require",msg:"广告图片不能为空!"}]});
  53. if(!rs)return;
  54. $("#addForm").submit();
  55. }
  56. function showImg(){
  57. $("#show_img").show();
  58. }
  59. </script>
  60. <style type="text/css">
  61. .file-style{
  62. width: 550px;
  63. }
  64. .file-style input[type='file'] {
  65. width:300px ;
  66. height:24px;
  67. line-height:22px;
  68. vertical-align: bottom;
  69. background-color: #fff;
  70. border: 1px solid #cccccc;
  71. margin-top: 2px;
  72. margin-bottom: 2px;
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <form id="addForm" action="opAdAction.do" method="post">
  78. <div id="title" class="form-button">
  79. <input id="btnSave" type="button" class="l-button" value="提交" onclick="saveAd()"/>
  80. <input type="button" value="关闭" class="l-button" onclick="closeWindow();"/>
  81. </div>
  82. <div class="container-layout">
  83. <div class="forum-container">
  84. <table class="l-table-edit line">
  85. <tr>
  86. <td class="l-table-edit-text" width="15%">广告投放位置:</td>
  87. <td class="l-table-edit-td" width="85%">
  88. <select id="ad.position_id" name="ad.position_id" >
  89. <c:forEach items="${positionList }" var="pos">
  90. <option value="${pos.universalid }"
  91. <c:if test="${ad.position_id eq pos.universalid }">
  92. selected="selected"
  93. </c:if>
  94. >${pos.position_name }</option>
  95. </c:forEach>
  96. </select>
  97. </td>
  98. </tr>
  99. <tr>
  100. <td class="l-table-edit-text" >广告图片:</td>
  101. <td class="l-table-edit-td" >
  102. <jsp:include page="/include/file.jsp">
  103. <jsp:param name="fieldName" value="photo_doc_id" />
  104. <jsp:param name="folder" value="one_platform/ad" />
  105. <jsp:param name="size" value="1" />
  106. <jsp:param name="isView " value="1" />
  107. <jsp:param name="isDelFile" value="1" />
  108. <jsp:param name="definedCss" value="file-style" />
  109. <jsp:param name="documentId" value="${ad.photo_doc_id }" />
  110. <jsp:param name="imgViewId" value="adPic" />
  111. </jsp:include>
  112. <input id="ad.photo_doc_id" name="ad.photo_doc_id" type="hidden" value="${ad.photo_doc_id }"/>
  113. <div style="color: blue;">
  114. 图片建议大小:
  115. <span id="pic_px_show" name="pic_px_show"></span>
  116. <div style="display: none;">
  117. <select id="pic_px" name="pic_px">
  118. <c:forEach items="${positionList }" var="pos">
  119. <option value="${pos.universalid }">${pos.img_width }*${pos.img_height }</option>
  120. </c:forEach>
  121. </select>
  122. </div>
  123. 像素
  124. </div>
  125. <div id="show_img">
  126. <img id="adPic" alt="广告图片" src="${ad.path }" width="200px;" height="150px;"/>
  127. </div>
  128. </td>
  129. </tr>
  130. <tr>
  131. <td class="l-table-edit-text">广告URL:</td>
  132. <td class="l-table-edit-td" >
  133. <input id="ad.ad_url" name="ad.ad_url" value="${ad.ad_url }" style="width:400px;"/>
  134. </td>
  135. </tr>
  136. <tr>
  137. <td class="l-table-edit-text">发布范围:</td>
  138. <td class="l-table-edit-td">
  139. <select id="ad.scope" name="ad.scope">
  140. <c:forEach items="${scopeList }" var="scope">
  141. <option value="${scope.dvalue }"
  142. <c:if test="${ad.scope eq scope.dvalue }">
  143. selected="selected"
  144. </c:if>
  145. >${scope.dname }</option>
  146. </c:forEach>
  147. </select>
  148. </td>
  149. </tr>
  150. <tr>
  151. <td class="l-table-edit-text">有效日期:</td>
  152. <td class="l-table-edit-td">
  153. <input type="text" class="Wdate" value="${ad.start_date_str }" name="ad.start_date" id="ad.start_date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'ad.end_date\',{d:-1})}'})">
  154. <input type="text" class="Wdate" value="${ad.end_date_str }" name="ad.end_date" id="ad.end_date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'ad.start_date\',{d:1})}'})">
  155. </td>
  156. </tr>
  157. <tr>
  158. <td class="l-table-edit-text">备注:</td>
  159. <td class="l-table-edit-td">
  160. <textarea id="ad.remark" name="ad.remark" rows="5" cols="80">${ad.remark }</textarea>
  161. </td>
  162. </tr>
  163. </table>
  164. </div>
  165. <input type="hidden" id="tabid" name="tabid" value="${param.tabid }">
  166. <input type="hidden" id="task" name="task" value="editAd">
  167. <input type="hidden" id="isNeedCheck" name="isNeedCheck" value="${isNeedCheck }"/>
  168. <input id="ad.universalid" name="ad.universalid" type="hidden" value="${ad.universalid }"/>
  169. </div>
  170. </form>
  171. <%@include file="/include/message.jsp"%>
  172. </body>
  173. </html>