Javascript让DEDECMS告别手写Tag

更新时间：2014年09月01日 09:33:14 投稿：hebedich

dedecms在编辑修改内容时,TAG标签需要手动输,中文的Tag, 中间还得用半角字符','分隔, 输入法切来切去很不方便, 于是动手改后台代码, 利用后台的tags_main.php, 让dedecms添加内容时能去tags_main里去选择.

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>

使用帮助:

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

您可能感兴趣的文章:

解决JS内存泄露之js对象和dom对象互相引用问题
这篇文章主要介绍了解决JS内存泄露之js对象和dom对象互相引用问题,需要的朋友可以参考下
2017-06-06
避免回车键导致的页面无意义刷新的解决方法
相信大家在实现页面局部刷新过程中都遇到过类似的问题：在文本框中输入完要搜索的关键字段，按回车结果整个页面刷新了，局部刷新肯定失败。
2011-04-04
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
这篇文章主要介绍了JS实现无限级网页折叠菜单(类似树形菜单)效果代码,涉及JavaScript基于鼠标事件实现针对页面元素结点的遍历及样式操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
JS产生随机数的几个用法详解
下面小编就为大家带来一篇JS产生随机数的几个用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
得到元素真实的背景颜色的js代码
这个函数来自Rico，Longbill及Dnew.cn修改。说明: 传入参数一个，为元素的id值或元素本身，返回为元素的真实背景色值（字符串）。背景值均为16进制的值（原代码是是IE里面返回的是16进制的值，而Mozilla则是rgb值，Dnew.cn将其修改为均返回16进制的值）。
2007-12-12
Canvas中绘制Geojson数据示例详解
这篇文章主要为大家介绍了Canvas中绘制Geojson数据示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-11-11
原生javaScript实现图片延时加载的方法
这篇文章主要介绍了原生javaScript实现图片延时加载的方法,无需通过载入jQuery脚本即可实现图片的延时加载效果,是非常实用的技巧,需要的朋友可以参考下
2014-12-12
JavaScript中this详解
都说 JavaScript 是一种很灵活的语言，这其实也可以说它是一个混乱的语言。它把函数式编程和面向对象编程糅合一起，再加上动态语言特性，简直强大无比，下面小编给大家介绍Javascript中this详解，需要的小伙伴可以来参考下
2015-09-09
每天一篇javascript学习小结（String对象）
这篇文章主要介绍了javascript中的String对象知识点，对String对象的基本使用方法，以及各种方法进行整理，感兴趣的小伙伴们可以参考一下
2015-11-11
JS快速掌握ES6的class用法
这篇文章主要介绍了JS快速掌握ES6的class用法，想了解ES6的同学，一定要看一下
2021-05-05