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 相关文章推荐
$()JS小技巧
Jul 21 Javascript
jQuery选择器全面总结
Jan 06 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
禁用backspace网页回退功能的实现代码
Nov 15 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
Element Steps步骤条的使用方法
Jul 26 Javascript
Vue-cli打包后如何本地查看的操作
Sep 02 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 stream_context_create()作用和用法分析
2011/03/29 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
微信小程序版翻牌小游戏
2018/01/26 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
详解vue中axios的封装
2018/07/18 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
javascript实现智能手环时间显示
2020/09/18 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
Python中extend和append的区别讲解
2019/01/24 Python
linux中如何使用python3获取ip地址
2019/07/15 Python
解决Tensorflow 内存泄露问题
2020/02/05 Python
Python气泡提示与标签的实现
2020/04/01 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
新郎婚宴答谢词
2014/01/19 职场文书
2014村务公开实施方案
2014/02/25 职场文书
颁奖典礼主持词
2014/03/25 职场文书
俞敏洪励志演讲稿
2014/04/29 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
2015年派出所工作总结
2015/04/24 职场文书
开国大典观后感
2015/06/04 职场文书
试了下Golang实现try catch的方法
2021/07/01 Golang