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 相关文章推荐
dropdownlist之间的互相联动实现(显示与隐藏)
Nov 24 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
express默认日志组件morgan的方法
Apr 05 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
JQuery特殊效果和链式调用操作示例
May 13 jQuery
vue项目中运用webpack动态配置打包多种环境域名的方法
Jun 24 Javascript
vue 动态生成拓扑图的示例
Jan 03 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下删除一篇文章生成的多个静态页面
2010/08/08 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
PHP抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
php判断表是否存在的方法
2015/06/18 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
Yii框架分页技术实例分析
2019/08/30 PHP
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
jQuery动态增减行的实例代码解析(推荐)
2016/12/05 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
基于vue2.0实现的级联选择器
2017/06/09 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
JavaScript之解构赋值的理解
2019/01/30 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
python中zip()方法应用实例分析
2016/04/16 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
python中partial()基础用法说明
2018/12/30 Python
解析Python的缩进规则的使用
2019/01/16 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
python获取整个网页源码的方法
2020/08/03 Python
Html5之webcoekt播放JPEG图片流
2020/09/22 HTML / CSS
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
商务英语专业自荐信
2013/10/14 职场文书
通信专业个人自我鉴定
2013/10/21 职场文书
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
办公设备采购方案
2014/03/16 职场文书
2014年话务员工作总结
2014/11/19 职场文书
优秀高中学生评语
2014/12/30 职场文书
丧事酒宴答谢词
2015/09/30 职场文书