addAd.jsp 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  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. if(evalue!=""){
  42. evalue+=","+$(this).val();
  43. }else{
  44. evalue=$(this).val();
  45. }
  46. });
  47. $("#ad\\.photo_doc_id").val(evalue);
  48. var rs = $.validate({name:"ad\\.position_id",model:[{type:"require",msg:"广告投放位置不能为空!"}]});
  49. rs &= $.validate({name:"ad.photo_doc_id",model:[{type:"require",msg:"广告图片不能为空!"}]});
  50. if(!rs)return;
  51. $("#addForm").submit();
  52. }
  53. function showImg(){
  54. $("#show_img").show();
  55. }
  56. </script>
  57. <style type="text/css">
  58. .file-style{
  59. width: 550px;
  60. }
  61. .file-style input[type='file'] {
  62. width:300px ;
  63. height:24px;
  64. line-height:22px;
  65. vertical-align: bottom;
  66. background-color: #fff;
  67. border: 1px solid #cccccc;
  68. margin-top: 2px;
  69. margin-bottom: 2px;
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <form id="addForm" action="opAdAction.do" method="post">
  75. <div id="title" class="form-button">
  76. <input id="btnSave" type="button" class="l-button" value="提交" onclick="saveAd()"/>
  77. <input type="button" value="关闭" class="l-button" onclick="closeWindow();"/>
  78. </div>
  79. <div class="container-layout">
  80. <div class="forum-container">
  81. <table class="l-table-edit line">
  82. <tr>
  83. <td class="l-table-edit-text" width="15%">广告投放位置:</td>
  84. <td class="l-table-edit-td" width="85%">
  85. <select id="ad.position_id" name="ad.position_id" >
  86. <c:forEach items="${positionList }" var="pos">
  87. <option value="${pos.universalid }">${pos.position_name }</option>
  88. </c:forEach>
  89. </select>
  90. </td>
  91. </tr>
  92. <tr>
  93. <td class="l-table-edit-text" >广告图片:</td>
  94. <td class="l-table-edit-td" >
  95. <jsp:include page="/include/file.jsp">
  96. <jsp:param name="fieldName" value="photo_doc_id" />
  97. <jsp:param name="folder" value="one_platform/ad" />
  98. <jsp:param name="size" value="1" />
  99. <jsp:param name="isView " value="1" />
  100. <jsp:param name="isDelFile" value="1" />
  101. <jsp:param name="definedCss" value="file-style" />
  102. <jsp:param name="imgViewId" value="adPic" />
  103. </jsp:include>
  104. <input id="ad.photo_doc_id" name="ad.photo_doc_id" type="hidden" value="${ad.photo_doc_id }"/>
  105. <div style="color: blue;">
  106. 图片建议大小:
  107. <span id="pic_px_show" name="pic_px_show"></span>
  108. <div style="display: none;">
  109. <select id="pic_px" name="pic_px">
  110. <c:forEach items="${positionList }" var="pos">
  111. <option value="${pos.universalid }">${pos.img_width }*${pos.img_height }</option>
  112. </c:forEach>
  113. </select>
  114. </div>
  115. 像素
  116. </div>
  117. <div id="show_img" style="display:none;">
  118. <img id="adPic" alt="广告图片" src="" width="200px;" height="150px;" onload="showImg();" ><br>
  119. </div>
  120. </td>
  121. </tr>
  122. <tr>
  123. <td class="l-table-edit-text">广告URL:</td>
  124. <td class="l-table-edit-td" >
  125. <input id="ad.ad_url" name="ad.ad_url" value="${ad.ad_url }" style="width:400px;"/>
  126. </td>
  127. </tr>
  128. <tr>
  129. <td class="l-table-edit-text">发布范围:</td>
  130. <td class="l-table-edit-td">
  131. <select id="ad.scope" name="ad.scope">
  132. <c:forEach items="${scopeList }" var="scope">
  133. <option value="${scope.dvalue }">${scope.dname }</option>
  134. </c:forEach>
  135. </select>
  136. </td>
  137. </tr>
  138. <tr>
  139. <td class="l-table-edit-text">有效日期:</td>
  140. <td class="l-table-edit-td">
  141. <input type="text" class="Wdate" name="ad.start_date" id="ad.start_date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'ad.end_date\',{d:-1})}'})">
  142. <input type="text" class="Wdate" name="ad.end_date" id="ad.end_date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'ad.start_date\',{d:1})}'})">
  143. </td>
  144. </tr>
  145. <tr>
  146. <td class="l-table-edit-text">备注:</td>
  147. <td class="l-table-edit-td">
  148. <textarea id="ad.remark" name="ad.remark" rows="5" cols="80"></textarea>
  149. </td>
  150. </tr>
  151. </table>
  152. </div>
  153. <input type="hidden" id="tabid" name="tabid" value="${param.tabid }">
  154. <input type="hidden" id="task" name="task" value="addAd">
  155. <input type="hidden" id="isNeedCheck" name="isNeedCheck" value="${isNeedCheck }"/>
  156. </div>
  157. </form>
  158. <%@include file="/include/message.jsp"%>
  159. </body>
  160. </html>