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 相关文章推荐
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
backbone简介_动力节点Java学院整理
Jul 14 Javascript
js+html5实现页面可刷新的倒计时效果
Jul 15 Javascript
javascript函数的节流[throttle]与防抖[debounce]
Nov 15 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
Nov 22 Javascript
详解vue中使用微信jssdk
Apr 19 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
Javascript文本框脚本实现方法解析
Oct 30 Javascript
PHP 502bad gateway原因及解决方案
Nov 13 Javascript
vue数据字典取键值项目的字典问题
Apr 12 Vue.js
通过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
人族 Terran 魔法与科技
2020/03/14 星际争霸
重置版宣传动画
2020/04/09 魔兽争霸
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
PHP基本语法总结
2014/09/06 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
PDO::inTransaction讲解
2019/01/28 PHP
jquery的颜色选择插件实例代码
2008/10/02 Javascript
js 输出内容到新窗口具体实现代码
2013/05/31 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
Python之os操作方法(详解)
2017/06/15 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
django框架中间件原理与用法详解
2019/12/10 Python
Python3的socket使用方法详解
2020/02/18 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
python 用opencv实现图像修复和图像金字塔
2020/11/27 Python
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
2012/12/13 HTML / CSS
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
校园之声广播稿
2014/01/31 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
大学生创业计划书
2014/08/14 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
小学家长通知书评语
2014/12/31 职场文书
违纪检讨书范文
2015/01/27 职场文书
培训计划通知
2015/07/15 职场文书
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL