国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

226 lines
8.0KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  6. <title>增加广告</title>
  7. <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../static/web/css/admin.css">
  10. <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
  11. <script src="../static/web/js/jquery.min.js"></script>
  12. <script src="../static/web/js/moment.min.js"></script>
  13. <script src="../static/web/js/daterangepicker.js"></script>
  14. <style>.typetab{text-align:left}.typetab ul{list-style:none}.typetab ul li{float:left;width:64px;height:28px;line-height:28px;background:#f5f5f5;text-align:center;cursor:pointer}.typetab ul .act{background:#e9ecef}.i_table{border:1px solid #eee}</style>
  15. <script>
  16. function checkSubmit() {
  17. if (document.form1.tagname.value == "") {
  18. alert("广告标识不能为空");
  19. document.form1.tagname.focus();
  20. return false;
  21. }
  22. }
  23. $(document).ready(function () {
  24. $('.datepicker').daterangepicker({
  25. "singleDatePicker": true,
  26. "autoApply": true,
  27. "showDropdowns": true,
  28. "linkedCalendars": false,
  29. "timePicker": true,
  30. "timePicker24Hour": true,
  31. //"timePickerSeconds": true,
  32. "showCustomRangeLabel": false,
  33. ranges: {
  34. '今日': [moment(), moment()],
  35. '昨日': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  36. '本月': [moment().startOf('month'), moment().startOf('month')],
  37. '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').startOf('month')]
  38. },
  39. "locale": {
  40. format: 'YYYY-MM-DD HH:mm',
  41. applyLabel: '确定',
  42. cancelLabel: '取消',
  43. daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
  44. monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
  45. firstDay: 1
  46. }
  47. }, function (start) {
  48. $(this).val(start.format("YYYY-MM-DD HH:mm"));
  49. });
  50. })
  51. </script>
  52. </head>
  53. <body>
  54. <form action="ad_add.php" method="post" name="form1" onSubmit="return checkSubmit()">
  55. <input type="hidden" name="normbody[style]" value="code" id="adstyle">
  56. <input type="hidden" name="_csrf_token" value="<?php echo $GLOBALS['csrf_token'];?>">
  57. <input type="hidden" name="dopost" value="save">
  58. <table cellpadding="3" cellspacing="1" align="center" class="table maintable my-3">
  59. <tr>
  60. <td bgcolor="#f5f5f5" colspan="2"><a href="ad_main.php">广告管理</a> &gt; 增加广告位置</td>
  61. </tr>
  62. <tr>
  63. <td colspan="2">
  64. <div class="alert alert-info mb-0">广告代码的调用方法“{dede:myad name='广告位标识'/}”</div>
  65. </td>
  66. </tr>
  67. <tr>
  68. <td width="260">广告位标识:</td>
  69. <td><input type="text" name="tagname" id="tagname" class="admin-input-md">(使用英文或数字表示的简洁标识)</td>
  70. </tr>
  71. <tr>
  72. <td>广告分类:</td>
  73. <td >
  74. <select name="clsid" id="clsid" class="admin-input-sm">
  75. <option value="0">默认分类</option>
  76. <?php echo $option;?>
  77. </select>
  78. </td>
  79. </tr>
  80. <tr>
  81. <td>广告投放范围:</td>
  82. <td>
  83. <?php
  84. $tl = new TypeLink(0);
  85. $typeOptions = $tl->GetOptionArray(0,0,0);
  86. echo "<select name='typeid' class='admin-input-sm'>";
  87. echo "<option value='0' selected>投放在没有同名标识的所有栏目</option>";
  88. echo $typeOptions;
  89. echo "</select>";
  90. ?>(如果在所选栏目找不到指定标识的广告文档,系统会自动搜索父栏目)
  91. </td>
  92. </tr>
  93. <tr>
  94. <td>广告位名称:</td>
  95. <td><input type="text" name="adname" id="adname" class="admin-input-md"></td>
  96. </tr>
  97. <tr>
  98. <td>时间限制:</td>
  99. <td>
  100. <label><input type="radio" name="timeset" value="0" checked="1"> 永不过期</label>
  101. <label><input type="radio" name="timeset" value="1"> 在设内时间内有效</label>
  102. </td>
  103. </tr>
  104. <tr>
  105. <td>投放时间:</td>
  106. <td>
  107. 从:<input type="text" name="starttime" id="starttime" value="<?php echo $startDay?>" class="admin-input-sm">
  108. 到:<input type="text" name="endtime" id="endtime" value="<?php echo $endDay?>" class="admin-input-sm">
  109. </td>
  110. </tr>
  111. <tr>
  112. <td>广告文档:</td>
  113. <td>
  114. <div class="typetab">
  115. <ul id="changeTab">
  116. <li id="t_code" class="act">代码</li>
  117. <li id="t_txt">文字</li>
  118. <li id="t_img">图片</li>
  119. <li id="t_flash">Flash</li>
  120. </ul>
  121. <div style="clear:both"></div>
  122. </div>
  123. <div id="advert"></div>
  124. </td>
  125. </tr>
  126. <tr>
  127. <td>过期显示文档:</td>
  128. <td><textarea name="expbody" id="expbody" class="admin-textarea-xl"></textarea></td>
  129. </tr>
  130. <tr>
  131. <td bgcolor="#f5f5f5" colspan="3" align="center"><button type="submit" class="btn btn-success btn-sm">保存</button></td>
  132. </tr>
  133. </table>
  134. </form>
  135. <div id="formtxt" style="display:none">
  136. <div class="content" id="code" style="display:none">
  137. <table cellpadding="3" cellspacing="1" class="i_table w-100">
  138. <tr>
  139. <td width="260">广告代码:请填写广告代码,支持网页代码</td>
  140. <td><textarea name="normbody[htmlcode]" class="admin-textarea-xl"></textarea></td>
  141. </tr>
  142. </table>
  143. </div>
  144. <div id="txt" class="content" style="display:none">
  145. <table cellpadding="3" cellspacing="1" class="i_table w-100">
  146. <tr>
  147. <td width="260">文字文档 *</td>
  148. <td><input type="text" name="normbody[title]" value="" class="admin-input-md"></td>
  149. </tr>
  150. <tr>
  151. <td>文字链接 *</td>
  152. <td><input type="text" name="normbody[link]" value="" class="admin-input-md"></td>
  153. </tr>
  154. <tr>
  155. <td>文字颜色</td>
  156. <td><input type="text" name="normbody[color]" value="" class="admin-input-md"></td>
  157. </tr>
  158. <tr>
  159. <td>文字大小</td>
  160. <td><input type="text" name="normbody[size]" value="" class="admin-input-md"></td>
  161. </tr>
  162. </table>
  163. </div>
  164. <div id="img" class="content" style="display:none">
  165. <table cellpadding="3" cellspacing="1" class="i_table w-100">
  166. <tr>
  167. <td width="260">图片地址 *</td>
  168. <td><input type="text" name="normbody[url]" value="" class="admin-input-md"></td>
  169. </tr>
  170. <tr>
  171. <td>图片链接 *</td>
  172. <td><input type="text" name="normbody[link]" value="" class="admin-input-md"></td>
  173. </tr>
  174. <tr>
  175. <td>图片宽度</td>
  176. <td><input type="text" name="normbody[width]" value="" class="admin-input-md"></td>
  177. </tr>
  178. <tr>
  179. <td>图片高度</td>
  180. <td><input type="text" name="normbody[height]" value="" class="admin-input-md"></td>
  181. </tr>
  182. <tr>
  183. <td>图片描述</td>
  184. <td><input type="text" name="normbody[descrip]" value="" class="admin-input-md"></td>
  185. </tr>
  186. </table>
  187. </div>
  188. <div id="flash" class="content" style="display:none">
  189. <table cellpadding="3" cellspacing="1" class="i_table w-100">
  190. <tr>
  191. <td width="260">flash链接</td>
  192. <td><input type="text" name="normbody[link]" value="" class="admin-input-md"></td>
  193. </tr>
  194. <tr>
  195. <td>flash宽度</td>
  196. <td><input type="text" name="normbody[width]" value="" class="admin-input-md"></td>
  197. </tr>
  198. <tr>
  199. <td>flash高度</td>
  200. <td><input type="text" name="normbody[height]" value="" class="admin-input-md"></td>
  201. </tr>
  202. </table>
  203. </div>
  204. </div>
  205. <script>
  206. (function ($) {
  207. function showcode(idName) {
  208. $("#advert").html("").html($("#formtxt>#" + idName).html());
  209. $("#adstyle").val(idName);
  210. }
  211. showcode('code');
  212. $("#changeTab>li").click(function () {
  213. var tabLi = $(this);
  214. var thistab = tabLi[0].id;
  215. $(".content").each(function () {
  216. if ("t_" + $(this)[0].id == thistab) {
  217. $("#changeTab>li").removeClass("act");
  218. $("#t_" + $(this)[0].id).addClass("act");
  219. showcode($(this)[0].id);
  220. }
  221. })
  222. })
  223. })(jQuery);
  224. </script>
  225. </body>
  226. </html>