随笔分类 -  js

checkbox 全选 ，反选， 单选，以及取值
摘要：1.方法1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>全选与反选</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script langua 阅读全文
posted @ 2013-04-17 10:01 小木v587 阅读(5974) 评论(0) 推荐(0)
jquery双击编辑文本
摘要：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE 阅读全文
posted @ 2012-12-04 10:07 小木v587 阅读(2584) 评论(0) 推荐(0)
radio控制显示隐藏(转)
摘要：<!---- NO.1 简单的显示隐藏 ------><script>function senfe_id(sid){id_body.style.display=sid;}</script><input type=radio name=SaveType value=1 checked onpropertychange="senfe_id('none');">隐藏<input type=radio name=SaveType value=2 onpropertychange="senfe_id(&# 阅读全文
posted @ 2012-11-10 13:06 小木v587 阅读(2631) 评论(0) 推荐(0)
网站首页加载动态数据的方法
摘要：最近做公司网站，首页部分需要加载动态的新闻数据，当然直接访问这个页面是没有数据的，必须是先访问action可以用两种方法1,新建一个welcome.jsp页面，这个页面只是做一个action的跳转，不涉及网站的东西<%response.sendRedirect(request.getContextPath()+"/news/showNews");%>然后在web.xml中配置一下，访问项目第一个跳转的页面 <welcome-file-list> <welcome-file>welcome.jsp</welcome-file> 阅读全文
posted @ 2012-11-09 12:49 小木v587 阅读(620) 评论(0) 推荐(0)
通过javascript实现table表格排序分页功能（转）
摘要：在以往实现表格数据排序分页功能，往往要求助于复杂的动态语言。下面为大家提供一个通过Javascript实现table表格排序分页功能的解决方案。首先看一下最终效果：在线示例如果你对它的效果还算满意的话，请继续看它有哪些功能特点及如何使用，你会发现是如此简单。功能特色：实现表格的列排序功能（点击表头，切换该列升降序），也可以指定哪一列不排序；实现当前排序列高亮显示；实现表格奇偶行不同颜色，即换行变色；实现表格分页功能，可指定是否开启分页功能及每页行数；排序数据支持数据类型自动识别（这点很强大）。例如：整型数据、浮点型数据、字母、电话号码、日期、链接表格外观样式可通过CSS灵活定制所需要引用的js 阅读全文
posted @ 2012-10-29 13:00 小木v587 阅读(1819) 评论(0) 推荐(0)
后退,刷新,前进js按钮
摘要：<input type=button value=后退 onclick=history.go(-1)> <input type=button value=刷新 onclick=history.go(-0)> <input type=button value=前进 onclick=history.go(+1)>上面的刷新只是本页面刷新，如果页面时几个frame拼成的现在假设top.htm (即上面的页面) 有七个button来实现对bottom.htm (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。语句1. window.parent.f 阅读全文
posted @ 2012-10-25 09:46 小木v587 阅读(871) 评论(0) 推荐(0)
js返回上一步
摘要：按钮式：<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">链接式：<a href="javascript:history.go(-1)">返回上一步</a><a href="<%=Request.ServerVariables("HTTP_REFERER")%>& 阅读全文
posted @ 2012-09-20 15:42 小木v587 阅读(444) 评论(1) 推荐(0)
JS图片预览，兼容FF和IE
摘要：<script>var picPath;var image;// preview picturefunction preview(){document.getElementById('preview').style.display = 'none';// 下面代码用来获得图片尺寸，这样才能在IE下正常显示图片document.getElementById('box').innerHTML= "<img width='"+image.width+"' height='" 阅读全文
posted @ 2012-09-13 10:32 小木v587 阅读(253) 评论(0) 推荐(0)
textare 限制字数
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>textarea字数限制 练习代码多有参考网络 by ahuinan</title> 阅读全文
posted @ 2012-09-10 22:50 小木v587 阅读(249) 评论(0) 推荐(0)
js上传图片预览
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <body> <input type=file name="doc" id="doc" onchange="javascript: 阅读全文
posted @ 2012-09-03 11:58 小木v587 阅读(339) 评论(0) 推荐(0)
javascript textarea字数限制
摘要：1.这一个是读取textarea的maxlength属性的值，进行计算，思路很好，但修改起来就麻烦啊，不过对于js爱好者来说是个不错的参考，通过读取属性值进行控制。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; chars 阅读全文
posted @ 2012-09-03 09:26 小木v587 阅读(255) 评论(0) 推荐(0)