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 相关文章推荐
javascript 密码强弱度检测万能插件
Feb 25 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
Express.JS使用详解
Jul 17 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
SpringMVC简单整合Angular2的示例
Jul 31 Javascript
最新Javascript程序员面试试题和解题方法
Nov 23 Javascript
vue template中slot-scope/scope的使用方法
Sep 06 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 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 表单提交给自己
2008/07/24 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
为超链接加上disabled后的故事
2010/12/10 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
JS增加行复制行删除行的实现代码
2013/11/09 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
微信小程序多张图片上传功能
2017/06/07 Javascript
JQuery事件委托原理与用法实例分析
2019/05/13 jQuery
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
跟老齐学Python之做一个小游戏
2014/09/28 Python
python中base64加密解密方法实例分析
2015/05/16 Python
virtualenv实现多个版本Python共存
2017/08/21 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
新闻专业个人自我评价
2013/09/21 职场文书
物流专业求职计划书
2014/01/10 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
2014年体育教学工作总结
2014/12/09 职场文书
综合素质评价自我评价
2015/03/06 职场文书
2016个人廉洁自律承诺书
2016/03/25 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server