Javascript让DEDECMS告别手写Tag


Posted in Javascript onSeptember 01, 2014

1。 打开\dede\templets\album_add.htm文件, 在顶部head中的js script区增加js方法.

function setag(){
 var tagg=window.showModalDialog("tags_main.php","tag","dialogWidth=800px;dialogHeight=600px"); 
  if(typeof(tagg) != 'undefined') document.form1.tags.value=tagg; 
      }

2.  在Tag标签输入的td里, 添加

<input type="button" onclick="setag()"  value="选择" style="width:70px;cursor:pointer;" />
一个按钮. 

3.  改造\dede\templets\tags_main.php文件.  在顶部head中js script区增加以下js代码.

//选择关键字
var tag="";
function selectTag(str)
{
tag=tag+","+str;
if (tag.substr(0,1)==',') tag=tag.substr(1);
 $("#selecttag").val(tag); 
}

function selectTagOK()
{
window.returnValue= $("#selecttag").val(); 
window.close(); 
}

4.  在body任意位置增加以下html, PS:你想显示的地方.

<div style="padding-left:20px;border:1px">所选TAG: <input type='text' id='selecttag' name='selecttag' size='80'/><input type="button" onClick="selectTagOK()" value="确定选择"/> </div>

5. 找到Tag列表中的

<a href="../tags.php?/<?php echo urlencode($fields['tag']); ?>/" target="_blank">{dede:field.tag /}</a>

 将它修改成:

<a href="../tags.php?/<?php echo urlencode($fields['tag']); ?>/" target="_blank">{dede:field.tag /}</a> 
<a href="#" onclick="selectTag('{dede:field.tag /}')">[选择]</a>

使用帮助:

Javascript让DEDECMS告别手写Tag

修改页可参照add页进行js代码添加.

Javascript 相关文章推荐
js函数使用技巧之 setTimeout(function(){},0)
Feb 09 Javascript
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
解析Javascript小括号“()”的多义性
Dec 03 Javascript
Jquery解析json数据详解
Dec 26 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
使用重写url机制实现验证码换一张功能
Aug 01 Javascript
bootstrap Table插件使用demo
Aug 07 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
通过JS来动态的修改url,实现对url的增删查改
Sep 01 #Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 #Javascript
原生javascript实现拖动元素示例代码
Sep 01 #Javascript
使用text方法获取Html元素文本信息示例
Sep 01 #Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 #Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 #Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 #Javascript
You might like
php代码审计比较有意思的例子
2014/05/07 PHP
PHP 正则表达式小结
2015/02/12 PHP
php常量详细解析
2015/10/27 PHP
PHP排序算法之冒泡排序(Bubble Sort)实现方法详解
2018/04/20 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
使用闭包对setTimeout进行简单封装避免出错
2013/07/10 Javascript
JavaScript中双叹号!!作用示例介绍
2014/09/21 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
详解WordPress开发中get_current_screen()函数的使用
2016/01/11 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
jQuery表单设置值的方法
2017/06/30 jQuery
Angular实现表单验证功能
2017/11/13 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
Python3实现的简单三级菜单功能示例
2019/03/12 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
Python Django搭建网站流程图解
2020/06/13 Python
django 实现后台从富文本提取纯文本
2020/07/02 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
教育学专业毕业生的自我评价
2013/11/21 职场文书
班主任个人工作反思
2014/04/28 职场文书
公司任命书范本
2014/06/04 职场文书
计算机毕业大学生求职信
2014/06/26 职场文书
敬老院标语
2014/06/27 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技