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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
May 07 Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
JavaScript闭包和范围实例详解
Dec 19 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
讲解vue-router之什么是嵌套路由
May 28 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
详解vue组件之间的通信
Aug 30 Javascript
通过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 5.0对象模型深度探索之类的静态成员
2008/03/27 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php算法实例分享
2015/07/14 PHP
详解Yii实现分页的两种方法
2017/01/14 PHP
PHP实现用户登录的案例代码
2018/05/10 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
纯JS实现轮播图
2017/02/22 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
2017/04/20 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
Python的requests网络编程包使用教程
2016/07/11 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
python 表格打印代码实例解析
2019/10/12 Python
Python如何输出警告信息
2020/07/30 Python
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
竞选纪律委员演讲稿
2014/09/13 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
2014年工程师工作总结
2014/11/25 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
离婚承诺书格式范文
2015/05/04 职场文书
Python数据可视化之绘制柱状图和条形图
2021/05/25 Python
Python re.sub 反向引用的实现
2021/07/07 Python
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL