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

相关文章

  • JavaScript实现淘宝京东6位数字支付密码效果

    JavaScript实现淘宝京东6位数字支付密码效果

    这篇文章主要为大家详细介绍了JavaScript实现淘宝京东6位数字支付密码效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 微信小程序实现选项卡的简单实例

    微信小程序实现选项卡的简单实例

    这篇文章主要介绍了微信小程序实现选项卡的简单实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JS异步执行结果获取的3种解决方式

    JS异步执行结果获取的3种解决方式

    这篇文章主要给大家介绍了关于JS异步执行结果获取的3种解决方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-02-02
  • js实现交换运动效果的方法

    js实现交换运动效果的方法

    这篇文章主要介绍了js实现交换运动效果的方法,涉及javascript操作页面元素与相关样式实现交换运动效果的技巧,需要的朋友可以参考下
    2015-04-04
  • 深入了解JavaScript中的垃圾回收机制

    深入了解JavaScript中的垃圾回收机制

    JavaScript中的垃圾回收机制负责自动管理内存,回收不再使用的对象所占用的内存空间。本文主要介绍了JS中垃圾回收机制的相关知识,需要的可以参考一下
    2023-04-04
  • TypeScript快速上手语法及结合vue3用法详解

    TypeScript快速上手语法及结合vue3用法详解

    TypeScript是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对ES6的支持,下面这篇文章主要给大家介绍了关于TypeScript快速上手语法及结合vue3用法的相关资料,需要的朋友可以参考下
    2024-02-02
  • LazyLoad 延迟加载(按需加载)

    LazyLoad 延迟加载(按需加载)

    大型网站往往很矛盾,想用户在首页看到更多东西,又不想浪费太多服务器流量。比如一个有3屏的首页。可能50%的用户进首页的目的是点击首页的连接,到子页面。
    2010-05-05
  • layer弹出层全屏及关闭方法

    layer弹出层全屏及关闭方法

    今天小编就为大家分享一篇layer弹出层全屏及关闭方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 微信小程序视频弹幕发送功能的实现

    微信小程序视频弹幕发送功能的实现

    这篇文章主要介绍了微信小程序视频弹幕发送功能的实现,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • 开发中常用的25个JavaScript单行代码(小结)

    开发中常用的25个JavaScript单行代码(小结)

    这篇文章主要介绍了开发中常用的25个JavaScript单行代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06

最新评论