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 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
angular $watch 一个变量的变化(实例讲解)
Aug 02 Javascript
微信小程序入口场景的问题集合与相关解决方法
Jun 26 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
关于JavaScript数组去重的一些理解汇总
Sep 10 Javascript
吃通javascript正则表达式
Apr 21 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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
JQuery datepicker 使用方法
2011/05/20 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
2016/06/30 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
Angular2.js实现表单验证详解
2017/06/23 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
微信小程序之swiper滑动面板用法示例
2018/12/04 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
2020/09/22 Javascript
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
Python中请不要再用re.compile了
2019/06/30 Python
python常用函数与用法示例
2019/07/02 Python
python各种excel写入方式的速度对比
2020/11/10 Python
求职信格式范本
2013/11/15 职场文书
公司庆典邀请函范文
2014/01/13 职场文书
男方父母婚礼答谢词
2014/01/25 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
高中生操行评语大全
2014/04/25 职场文书
公司地址变更通知
2015/04/25 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
民事调解协议书
2016/03/21 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫