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 getComputedStyle获取和设置style的原理
Oct 10 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
jQuery实现tab标签自动切换的方法
Feb 28 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
深入理解js中的加载事件
Feb 08 Javascript
分析JS中this引发的bug
Dec 12 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
React注册倒计时功能的实现
Sep 06 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
如何基于js判断浏览器版本
Feb 20 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
Aug 28 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 xml 入门学习资料
2011/01/01 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
JQuery select标签操作代码段
2010/05/16 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
详解vuex的简单使用
2018/03/12 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
2019/07/12 jQuery
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
node.js通过url读取文件
2020/10/16 Javascript
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
Python将列表数据写入文件(txt, csv,excel)
2019/04/03 Python
python利用7z批量解压rar的实现
2019/08/07 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
python元组的概念知识点
2019/11/19 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
Django中FilePathField字段的用法
2020/05/21 Python
django实现日志按日期分割
2020/05/21 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
为您的家、后院、车库等在线购物:Spreetail
2019/06/17 全球购物
一套Java笔试题
2016/08/20 面试题
Oracle的内存结构(Memory structures)
2015/06/10 面试题
入党申请自荐书范文
2014/02/11 职场文书
美术兴趣小组活动总结
2014/07/07 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
2014年电话客服工作总结
2014/12/09 职场文书
KTV员工管理制度
2015/08/06 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python
DIY胆机必读:各国电子管评价
2022/04/06 无线电
零基础学java之带参数以及返回值的方法
2022/04/10 Java/Android