html/css
关注
分享
扫一扫
文章平均质量分 76
phantomes
这个作者很懒，什么都没留下…
展开
-
js防止表单重复提交
var checkSubmitFlg = false; function checkSubmit() { if (!checkSubmitFlg) { checkSubmitFlg = true; return true; }else{ alert...原创 2013-10-30 11:01:34 · 145 阅读 · 0 评论 -
js获取url及起参数列表
在基于B/S的web开发中，我们时常会通过发请求给服务端，来完成所需要的功能。这时候，url就少不了，无参的，带参的，等等。所以在有的时候，我们就需要通过获取当前发送的url的参数，通过这些参数进而完成更多的功能，所以这篇文章我们就会谈到，在不借助其他工具的情况下，用我们的jquery来完成对当前请求的url的参数的获取。 在这里，我就列举出3类的获取参数的方法，其...2012-10-19 15:43:31 · 472 阅读 · 0 评论 -
火狐打开本地bootstrap页面，小图标无法正常显示问题
场景是，我下了一套bootstrap的页面，当本地用ff打开某一个html的时候，发现页面上的小图片无法正常显示，一开始我一直以为是bootstrap的字体样式问题，后发现同一个页面，在chrome里却能正常显示，后来到处查找一番，终于发现，是ff的设置问题，只要改一下默认设置即可。 原文链接：http://stackoverflow.com/questions/1908594原创 2015-03-06 13:10:52 · 3143 阅读 · 0 评论 -
html工具类（jsoup相关）
package com.sishuok.es.common.utils.html.jsoup;import org.jsoup.helper.Validate;import org.jsoup.nodes.*;import org.jsoup.parser.Tag;import java.util.List;/** * The whitelist based HTML clean转载 2014-10-30 15:20:12 · 2070 阅读 · 0 评论 -
加密/解密工具类
package com.sishuok.es.common.utils.security;// package com.bitzi.util;/* (PD) 2001 The Bitzi Corporation * Please see http://bitzi.com/publicdomain for more info. * * Base32.java * *//** *转载 2014-10-30 15:22:52 · 903 阅读 · 0 评论 -
Velocity使用示例
1.Velocity使用示例1.1.基本用法l纯html用法div> Hello Worlddiv>l#set赋值与取值赋值#set($word="hello")取值 $word 推荐写成${word}取值的另一种写法 $!word$word和 $!word区别是当变量word为null时，$wor转载 2014-09-25 11:43:34 · 850 阅读 · 0 评论 -
SyntaxHighlighter2.1.364详细配置使用说明
现在版本syntaxhighlighter_2.1.364第一 解压压缩包，scripts文件夹中包含了各种语言的JS文件，在styles文件夹中是各种显示高亮的主题第二 如何使用？首先要引入其核心javascript文件shCore.js和核心CSS文件shCore.css，这两个是必选要引入的。其次引入你要高亮的语言JS，比如我想高亮显示的是原创 2014-07-11 10:29:39 · 1401 阅读 · 0 评论 -
使用jQueryajax文件上传ajaxfileupload组建碰到的问题：返回json带有pre标记的解决方案
看源代码，最下面发现：if ( type == "json" )eval( "data = " + data );改成： if ( type == "json" ){data = jQuery.parseJSON(jQuery(data).text());}OK，如此问题就解决了。转载 2014-07-10 11:38:45 · 985 阅读 · 0 评论 -
JQuery上传插件Uploadify使用详解
Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2转载 2014-07-08 09:52:33 · 480 阅读 · 0 评论 -
用 ajaxFileUpload 出现的问题：has no method 'handleError'、返回json数据提示下载 、一直返回error
1. 提示错误：Uncaught TypeError: Object function (a,b){return new d.fn.init(a,b,g)} has no method 'handleError'目前找到两种情况会出现这个错误：（1）、url地址没访问到（2）、$.ajaxFileUpload中的dataType的值为小写，只需要把只该成大写就ok了。比如dataTyp原创 2014-07-09 09:45:30 · 1024 阅读 · 0 评论 -
SyntaxHighlighter2.1.364动态代码高亮
应用场景为，一个file选择上传一个xml，然后点击预览。此时是先上传xml到服务器，然后读取xml并格式化返回json数据，然后获取该json，加载到页面之后，用SyntaxHighlighter插件动态高亮该段上传的xml代码。关键代码如下： 首先是文件上传并重命名，随后把上传之后的文件格式化转为json。代码如下：@RequestMapping(value =原创 2014-07-24 09:58:43 · 1990 阅读 · 1 评论 -
JS及JQuery对Html内容编码,Html转义
/** JQuery Html Encoding、Decoding* 原理是利用JQuery自带的html()和text()函数可以转义Html字符* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码*///Html编码获取Html转义实体function htmlEncode(value){ return $('').text(value).html();}//原创 2014-05-22 11:15:11 · 10814 阅读 · 0 评论 -
jquery选择器操作控制select
jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text ...原创 2013-03-08 10:27:26 · 184 阅读 · 0 评论 -
java树控件之dtree，rtree，梅花雪树
java中有些东西是时常会用到但是要是从头开始原生的写的话，就会花掉很多时间，就比如这里的树。在开发中，树控件很常用也很容易发生一些错误。我们假使使用js的树的话，除了关注里面的构成细节之外，还得考虑到它本身的性能如何，是否能满足你的开发需求，最大能渲染渲染出多少的子节点，耗时如何，占用的资源是否合理，能否方便使用ajax等等，都是我们选择树控件时，需要注意的问题，所以这里我列举出我们比较常用的...2012-10-26 16:42:24 · 311 阅读 · 0 评论 -
js实现二级地域选择
实现二级地域的选择，前端大概有两种表现形式，第一，你是去放上两个文本框，点击文本框一的时候，出现省列表，点击文本框二的时候，出现该省的市区列表；第二种就是放两个下拉框了，在第一个下拉框选中一个，再到第二个去选中相应的市区，当然还有别的方式，我这里就做一种，即下拉选择的，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...原创 2012-11-02 14:02:03 · 354 阅读 · 0 评论 -
js控制文本框自动适应文本长度
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"> <html> <head> <title>文本框宽度自动适应文本宽度 </title> </head> <script type="text/javas2013-10-15 10:03:32 · 311 阅读 · 0 评论 -
high一下源码（仅适用chrome）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <m原创 2013-10-15 10:00:54 · 218 阅读 · 0 评论 -
js弹出层
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery弹出层效果</title><meta http-equiv="Content-Type" content="text/html; c2013-10-15 09:50:44 · 379 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素，返回div元素数组$(".myClass") 选择使用myClass类的c...原创 2013-09-16 13:23:07 · 124 阅读 · 0 评论 -
jquery 追加tr和删除tr
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><script>$(function(){ $("#getAtr").click(function(){ $str=''; $str+="原创 2013-09-11 17:28:08 · 227 阅读 · 0 评论 -
用 ajaxFileUpload 出现的问题：has no method 'handleError'、返回json数据提示下载 、一直返回error ...
1. 提示错误：Uncaught TypeError: Object function (a,b){return new d.fn.init(a,b,g)} has no method 'handleError'目前找到两种情况会出现这个错误：（1）、url地址没访问到（2）、$.ajaxFileUpload中的dataType的值为小写，只需要把只该成大写就ok了。比如dataTy...2014-07-09 10:04:17 · 147 阅读 · 0 评论 -
jquery的each()详细介绍
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; ...原创 2013-07-29 14:12:54 · 138 阅读 · 0 评论 -
4行CSS实现表格内容超过一行的部分，用省略号代替
table{ table-layout: fixed;}td{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 原理：本方法用于解决表格单元格内容过多时的美观问题，主要涉及到4句CSS样式：1. table-layout: fixed 由于ta...2013-02-25 14:00:26 · 150 阅读 · 0 评论 -
js搜索关键词高亮
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus&q2013-06-20 18:23:17 · 207 阅读 · 0 评论 -
打开jsp/html，3秒后自动跳转
打开一个页面，过几秒跳转，一般会应用在某些操作成功或者失败之后，给出提示，然后跳回到别的页面。比如你注册成功或者失败后，添加成功后者失败后。效果稍微好点儿的，会用隐藏域或者ajax在页面上直接提示并刷新，不会通过这种的页面进行跳转，效果和操作体验都要比这种几秒自动跳转要好，但是这里，我还是把这种的记录一下。 第一种：<script> window.setInterval("...2012-12-19 10:04:53 · 713 阅读 · 0 评论 -
js验证浏览器，禁用按钮，打印，转化字符串等小记
1 判断是何种浏览器var name = navigator.appName;if (name == "Microsoft Internet Explorer") alert("IE"); //IE`else if (name == "Netscape") alert("NS");//Firefox2 按钮点击后禁止所有按钮for (var j = 0; j < document....2012-11-09 09:36:35 · 224 阅读 · 0 评论 -
js图片上传验证图片格式和大小尺寸
function getImageSize(obj){var _file=document.getElementById("file"); var i=_file.value.lastIndexOf('.'); var len=_file.value.length; var extEndName=_file.value.substring(i+1,len); var ex原创 2014-07-16 09:56:08 · 2760 阅读 · 1 评论 -
图片上传预览
选择文件: function getFullPath(obj) { //得到图片的完整路径 if (obj) { //ie if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select()原创 2014-06-24 16:16:14 · 635 阅读 · 0 评论 -
Jquery Table 的基本操作
Jquery 操作 Html Table 是很方便的，这里对表格的基本操作进行一下简单的总结。首先建立一个通用的表格css 和一个 表格Table：table{ border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left: auto; width转载 2013-09-24 15:14:31 · 539 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素，返回div元素数组$(".myClass") 选择使用myClass类的css的所有转载 2013-09-16 13:26:46 · 520 阅读 · 0 评论 -
jQuery选择器整理
jquery对象访问:1. each(callback):以每个匹配的元素作为上下文来执行一个函数，return false;停止循环;return true;跳至下一个循环。来个实例 : $("img").each(function(){ $(this).toggle("example");}) 2.size()与length相转载 2013-09-16 13:25:56 · 597 阅读 · 0 评论 -
jquery 追加tr和删除tr 编辑
$(function(){ $("#getAtr").click(function(){ $str=''; $str+=""; $str+=""; $str+=""; $str+="";转载 2013-09-11 17:29:25 · 865 阅读 · 0 评论 -
jquery的each()详细介绍
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "c转载 2013-07-29 14:13:53 · 809 阅读 · 0 评论 -
js搜索关键词高亮
> HTML> HEAD> TITLE> New Document TITLE> META NAME="Generator" CONTENT="EditPlus"> META NAME="Author" CONTENT=""> META NAME="Keywords" CONTENT=""> META NAME="Description" CONTENT=""> SCRIPT原创 2013-06-20 18:24:38 · 1378 阅读 · 0 评论 -
4行CSS实现表格内容超过一行的部分，用省略号代替
Html代码 table{ table-layout: fixed; } td{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 原理：本方法用于解决表格单元格内容过多时原创 2013-02-25 13:55:59 · 1031 阅读 · 0 评论 -
jquery选择器操作控制select
jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的原创 2013-03-08 10:23:25 · 1563 阅读 · 0 评论 -
打开jsp/html，3秒后自动跳转
打开一个页面，过几秒跳转，一般会应用在某些操作成功或者失败之后，给出提示，然后跳回到别的页面。比如你注册成功或者失败后，添加成功后者失败后。效果稍微好点儿的，会用隐藏域或者ajax在页面上直接提示并刷新，不会通过这种的页面进行跳转，效果和操作体验都要比这种几秒自动跳转要好，但是这里，我还是把这种的记录一下。 第一种： window.setInterval("location='in原创 2012-12-19 10:00:47 · 4827 阅读 · 0 评论 -
java树控件之dtree，rtree，梅花雪树
java中有些东西是时常会用到但是要是从头开始原生的写的话，就会花掉很多时间，就比如这里的树。在开发中，树控件很常用也很容易发生一些错误。我们假使使用js的树的话，除了关注里面的构成细节之外，还得考虑到它本身的性能如何，是否能满足你的开发需求，最大能渲染渲染出多少的子节点，耗时如何，占用的资源是否合理，能否方便使用ajax等等，都是我们选择树控件时，需要注意的问题，所以这里我列举出我们比较常用的，原创 2012-10-26 16:41:42 · 1662 阅读 · 0 评论 -
js实现二级地域选择
实现二级地域的选择，前端大概有两种表现形式，第一，你是去放上两个文本框，点击文本框一的时候，出现省列表，点击文本框二的时候，出现该省的市区列表；第二种就是放两个下拉框了，在第一个下拉框选中一个，再到第二个去选中相应的市区，当然还有别的方式，我这里就做一种，即下拉选择的，代码如下：Html代码 > html xmlns="http://www.w3.org/1999原创 2012-11-02 13:59:00 · 11172 阅读 · 0 评论 -
js弹出层
jQuery弹出层效果.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(o原创 2013-10-15 09:51:09 · 1279 阅读 · 0 评论