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实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
信息滚动效果的实例讲解
Sep 18 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
React中Ref 的使用方法详解
Apr 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简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
PHP递归创建多级目录
2015/11/05 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
2016/06/12 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
小程序自定义日历效果
2018/12/29 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
python局域网ip扫描示例分享
2014/04/03 Python
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
Python基础语言学习笔记总结(精华)
2017/11/14 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
2014/12/30 HTML / CSS
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
防灾减灾活动总结
2014/08/30 职场文书
学雷锋主题班会教案
2015/08/13 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL