Javascript
kenhins
Java软件开发工程师
展开
-
gojs 把报表保存成png图片
png function myCallback(blob) { var url = window.URL.createObjectURL(blob); var filename = "myBlobFile.png"; var a = document.createElement("a"); a.style = "displa...原创 2019-04-16 14:22:47 · 1616 阅读 · 0 评论 -
Jquery 点击图片在弹出层显示大图
使用jquery,实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断。 $(function(){ $("img").click(function(){ var _this = $(this);//将当前的pimg元素作为_this传入函数 imgShow("#outerdiv", "#inne原创 2017-05-27 16:34:00 · 2480 阅读 · 0 评论 -
百度地图根据经纬度获取地名
首先引用百度 script然后 javascript :// 百度地图API功能var map = new BMap.Map("allmap");var point = new BMap.Point(116.331398,39.897445);var gc = new BMap.Geocoder();gc.getLocation(point, functio原创 2017-05-17 14:13:02 · 10208 阅读 · 0 评论 -
jquery 对象转为url参数
ajax 方式对象参数 var conditions = {status:0,title:'',specialId:'',creatorId:'',authorId:'',startViewCount:0,endViewCount:0,startFactTime:'',endFactTime:''}; jquery 对象转为url参数 //导出全部查询结果 func原创 2016-10-13 17:29:28 · 5042 阅读 · 0 评论 -
短信验证码---重新发送倒计时
参考代码: var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value="免费获取验证码"; countdown = 60; return;原创 2016-09-07 11:27:26 · 4431 阅读 · 0 评论 -
jQuery命名空间,自定义空间及属性,插件开发全解析
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方原创 2016-04-22 19:54:24 · 721 阅读 · 0 评论 -
jquery利用正则验证不能含有中文
jquery利用正则验证不能含有中文 var myReg = /^[a-zA-Z0-9_]{0,}$/; if (!myReg.test(input.val())) { $.validation.tip(false, input, "用户名不能含有中文或特殊字符"); return; }原创 2016-02-29 17:16:07 · 11468 阅读 · 0 评论 -
Jquery 上传文件(不通过form表单提交)
html代码: (这个是弹窗的页面)<#-- 更换小图 /下载图片弹窗 --> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dis原创 2016-03-11 18:13:43 · 25134 阅读 · 3 评论 -
bootstrap datepicker 在bootstrap modal中不显示问题
在普通的网页中显示datepicker比较简单,将bootstrap-datepicker-zh_CN.js 和 bootstrap-datepicker.css拷贝到rails工程中相应的assets目录中,并在application.js 和 application.css文件中加载这两个文件//= require bootstrap-datepicker-zh_CN原创 2016-02-25 17:14:54 · 7379 阅读 · 0 评论 -
HTML5 postMessage解决跨域、跨iframe窗口消息传递
主页面 接收消息: $(function(){ //接收 子页面的通信信息 window.addEventListener('message',function(e)原创 2016-03-03 15:53:34 · 5982 阅读 · 0 评论 -
jQuery插件:跨浏览器复制jQuery-zclip
jQuery插件:跨浏览器复制jQuery-zclipjQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。//引入jQuery-zclip相关js及swf文件/resources/js/jquery.m原创 2016-03-01 16:42:53 · 1506 阅读 · 0 评论 -
jquery+java选中批量删除
页面 返回 添加图片 批量添加图片 图集管理 -- ${(course.title)!''} 全选 删除 默认排序 时间排序原创 2015-12-02 14:08:14 · 3114 阅读 · 0 评论 -
Jquery Validate插件+requireJs库
这个页面是使用了requireJs,页面是freemarker页面 ,CSS是bootstrap 邮箱注册原创 2015-07-23 18:13:32 · 2978 阅读 · 0 评论 -
项目中requireJS的应用例子
页面: --> app.js/******require-global-config.js******/require.config({ "baseUrl" : "/assets/js", pa原创 2015-08-04 14:52:39 · 5145 阅读 · 0 评论 -
百度地图API实现选择地址
百度地图API实现选择地址 body, html{width: 100%;height: 100%; margin:0;font-family:"微软雅黑";} #l-map{height:300px;width:100%;} #r-result{width:100%;} #原创 2017-05-27 16:44:27 · 4530 阅读 · 1 评论 -
利用dropload.min.js实现下拉分页
引入上dropload.min.js在下拉的页面引用 $("#totalItem").val("${(paginator.totalItems)!'0'}"); ${(it原创 2017-05-27 16:52:00 · 5050 阅读 · 1 评论 -
js简单实现基于图片的路线规划导航
js简单实现基于图片的路线规划导航 楼层指引 body{ background-image: url('${ctxStatic}/modules/front/index/image/bg.jpg'); background-repeat:no-repeat; background-position-x: ce原创 2018-01-11 11:53:43 · 3502 阅读 · 0 评论 -
基于clipboard.js实现右键把选中文本复制到剪贴板
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var=&qu原创 2019-02-15 16:31:07 · 1384 阅读 · 0 评论 -
iview 穿梭框形式实现 选择设置的业务
iview 穿梭框形式实现 选择设置的业务<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ include file="/WEB-INF/views/include/taglib.jsp"%><!DOCTYPE html><ht原创 2018-12-13 11:52:10 · 3738 阅读 · 1 评论 -
turn.js 异步加载实现翻书效果
1、阅读翻书js/** * 电子翻书 *///var width = 1080;//var height = 1680;var width = "10rem";var height = "15.2rem";window.onload = function () { //预加载 //loading(18,1); initData();}functio...原创 2018-11-02 09:27:59 · 6273 阅读 · 2 评论 -
vue插件 vue-seamless-scroll 无缝滚动
vue插件 vue-seamless-scroll 实现无缝滚动<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2018-10-08 16:23:37 · 3615 阅读 · 1 评论 -
jquery实现指定时间无操作退出返回首页
var monitor_plus = { click_time : new Date(), leave : 60, goUrl : "", container : "", init : function(timeSpan, url, container) { this.leave = timeSpan; this.goUrl = url; this.cont...原创 2018-09-11 16:35:39 · 2246 阅读 · 0 评论 -
利用videojs实现视频列表循环播放,自动播放下一个
<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met原创 2018-09-11 14:18:52 · 41283 阅读 · 1 评论 -
服务端跨域处理返回的jsonp格式的数据
package net.polyv.web.controller.front;import java.io.IOException;import java.util.HashMap;import java.util.Map;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServl...原创 2018-08-29 11:09:22 · 9773 阅读 · 0 评论 -
jquery 导航自动跟随滚动
<%@ page language =“java”contentType =“text / html; charset = UTF-8”pageEncoding =“UTF-8”%><%@ taglib prefix =“c”uri =“http://java.sun.com/jsp/jstl/core”%> <c:set var =“front”value...原创 2018-05-29 11:06:04 · 3262 阅读 · 0 评论 -
vuejs 动态添加input框
vuejs 实现动态添加输入框<%@ page language =“java”contentType =“text / html; charset = UTF-8”pageEncoding =“UTF-8”%><%@ taglib prefix =“c”uri =“http://java.sun.com/jsp/jstl/core”%> <c:set va...原创 2018-05-23 17:48:07 · 13619 阅读 · 1 评论 -
解码类似eval的JavaScript代码
最简单的解密方法是将 eval() 直接替换成 document.write(),然后将代码输出到页面即可。在输出前,我们先输出一个<xmp>标记,具体代码构造如下:<script type="text/javascript"> document.write("<xmp>"); /*eval*/document.write(" 这里是除 eval() 之外的代码...原创 2018-04-13 15:07:26 · 794 阅读 · 0 评论 -
setinterval settimeout区别
1、setinterval (每隔一段时间执行一遍) //不同旋转 /** * 旋转实现效果,实现性能待修改 */ var angle = 0; setInterval(function() { angle += 0.5; $(".transform-div").rotate(angle);原创 2018-01-08 16:56:41 · 497 阅读 · 0 评论 -
gojs 绘制流程图
gojs 绘制流程图 诉讼流程 body{ background-image: url('${ctxStatic}/modules/front/index/image/bg.jpg'); background-repeat:no-repeat; background-position-x: center;原创 2018-01-16 17:04:55 · 2621 阅读 · 0 评论 -
goJS 绘制web流程图
goJS 绘制web流程图 诉讼流程 body{ background-image: url('${ctxStatic}/modules/front/index/image/bg.jpg'); background-repeat:no-repeat; background-position-x: center;原创 2018-01-12 13:52:16 · 5582 阅读 · 0 评论 -
jquery validationengine验证
Enables debug mode. If true, the form is not submitted and certain errors are displayed on the console (will check if a window.console property exists). Try to enable when a form is just submitted i翻译 2015-07-23 17:12:04 · 1148 阅读 · 0 评论 -
Jquery垂直/水平旋转
jquery制作图片垂直翻转动画特效*{margin:0;padding:0;list-style-type:none;}a,img{border:0;text-decoration:none;}body{font:12px/180% Arial;}.brand a{ display: block; float: left; margin: 20px; width: 180原创 2015-08-12 14:51:40 · 3211 阅读 · 0 评论 -
highcharts参数详解文档
Highcharts是一个制作图表的纯Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;对个人用户完全免费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highchart原创 2014-02-18 16:22:57 · 1892 阅读 · 0 评论 -
Aptana Studio 3快捷键
窗口类:Ctrl+ Shift +L 调出快捷键提示Ctrl+ W 关闭当前标签窗口Ctrl+ Shift + W 关闭当前标签窗口Ctrl+ F6 (或者是Aptana的Ctrl+Tab )下一个编辑器标签Ctrl+ Shift + F6 (或者是Aptana的Ctrl+Shift+Tab )前一个编辑器标签Ctrl+ F7 下一个视图(view)Ctrl+ Shif原创 2014-02-27 14:49:35 · 5109 阅读 · 0 评论 -
Jquery动态添加输入框
项目分离出来的动态添加输入框 地址 添加原创 2014-02-12 23:54:06 · 5301 阅读 · 1 评论 -
java与jquery--JSON练习(二)
最近写的一个Java与Jquery解析json的小练习 有兴趣的同学可以参考一下jsp页面:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+原创 2013-10-12 15:18:26 · 1739 阅读 · 0 评论 -
直播系统使用说明
最近接的一个业务,写一个直播系统使用说明的页面(用时是使用说明 .helptext{ display:none; padding-left:30px; }.helptitle{ background-color: #CCC; height: 40px; line-height: 40px; margin-bottom:10px;}.helptitle h原创 2014-01-10 22:05:33 · 1714 阅读 · 0 评论 -
jQuery动态添加、删除元素
$.schoolFn = { addItem: function(obj){ $("#itemList").append(""+obj+"×"); }, removeItem: function(obj){ $("#"+obj).replaceWith(""); } } $("#it原创 2014-01-09 15:15:35 · 1900 阅读 · 0 评论 -
jquery自定义函数
方法一: jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height();原创 2014-01-09 11:57:56 · 8037 阅读 · 0 评论 -
jquery插件任意位置浮动固定层
/*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 2009-03-04*/ /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*2009-06-10修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位 /*2009-07-16修改:修正IE6下无法固定在top上的问题 /*原创 2014-01-06 14:00:45 · 1989 阅读 · 0 评论