国内流行的内容管理系统(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.

230 lines
7.9KB

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