脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 让DEDECMS告别手写Tag

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代码添加.

您可能感兴趣的文章:

相关文章

  • json对象和formData相互转换的方式详解

    json对象和formData相互转换的方式详解

    我们有两种常见的传参方式： JSON 对象格式和 formData 格式，但是一些场景是需要我们对这两种数据格式进行转换的，这篇文章主要介绍了json对象和formData相互转换的方式详解,需要的朋友可以参考下
    2023-02-02
  • 解析javascript 浏览器关闭事件

    解析javascript 浏览器关闭事件

    2013-07-07
  • bootstrap fileinput 插件使用项目总结(经验)

    bootstrap fileinput 插件使用项目总结(经验)

    这篇文章主要介绍了bootstrap fileinput 插件使用项目总结,是小编日常碰到的问题及解决方法，需要的朋友可以参考下
    2017-02-02
  • JavaScript架构前端监控搭建过程步骤

    JavaScript架构前端监控搭建过程步骤

    这篇文章主要为大家介绍了JavaScript架构前端监控搭建过程步骤，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-06-06
  • js 函数式编程学习笔记

    js 函数式编程学习笔记

    这两天看书看到了函数式编程那节，感觉学到了挺多东西，之前看别人代码都写的挺漂亮，现在我写的代码是有点乱，所以还是要学习下别人的编程模式
    2017-03-03
  • javascript 函数声明与函数表达式的区别介绍

    javascript 函数声明与函数表达式的区别介绍

    javascript中的函数声明与函数表达式使用比较频繁，可能很多的朋友都不知道他们之间的区别，在此为大家详细介绍下，希望对大家有所帮助
    2013-10-10
  • js判断一个元素是否为另一个元素的子元素的代码

    js判断一个元素是否为另一个元素的子元素的代码

    用js判断一个元素是否为另一个元素的子元素，再做一些效果的时候经常用到，特别是和鼠标事件相关的应用中，比如一个浮层，在鼠标操作浮层内元素的时候浮层显示，当点击浮层外的元素的时候隐藏浮层
    2012-03-03
  • 基于JavaScript实现的快速排序算法分析

    基于JavaScript实现的快速排序算法分析

    这篇文章主要介绍了基于JavaScript实现的快速排序算法,分析了快速排序的原理并结合实例形式给出了javascript快速排序的操作步骤与相关实现技巧,需要的朋友可以参考下
    2017-04-04
  • JS学习笔记之原型链和利用原型实现继承详解

    JS学习笔记之原型链和利用原型实现继承详解

    这篇文章主要介绍了JS学习笔记之原型链和利用原型实现继承,结合实例形式详细分析了javascript原型链以及利用原型实现继承的相关操作技巧与注意事项,需要的朋友可以参考下
    2019-05-05
  • JS+HTML+CSS实现轮播效果

    JS+HTML+CSS实现轮播效果

    这篇文章主要为大家详细介绍了JS+HTML+CSS实现轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-11-11

最新评论