jQuery - 随笔分类(第3页) - Ruthless

html中select标签刷新后不回到默认值而是保持之前选择值

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>3G业务文件下载</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> & 阅读全文

posted @ 2011-06-18 19:23 Ruthless 阅读(18038) 评论(0) 推荐(1) 编辑

JavaScript设置Cookie

摘要：一、设置cookie 每个cookie都是一个键/值对，可以把一个字符串赋值给document.cookie，如：document.cookie="userId=828"; 如果要一次存储多个键/值对，可以使用分号加空格（; ）隔开，如： document.cookie="userId=828; userName=hulk"; 在cookie的键或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。在cookie的键中做到这点很容易，但要保存的值是不确定的。如何来存储这些值呢？方法是用escape()函数进行编码，它能将一些特殊符号使用十六进制表示，阅读全文

posted @ 2011-06-18 16:51 Ruthless 阅读(1425) 评论(0) 推荐(1) 编辑

让html元素随浏览器的大小自适应垂直居中

摘要：表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。问题：实现div垂直居中并在缩放浏览器尺寸的时候仍然居中。解决方案：1、浏览器可视区域的高度-元素的高度/2 = 元素距离浏览器可视区域顶部的距离。(bodyHeight – divHeight)/22、浏览器可视区域如果小于元素的高度，即元素距离浏览器可视区域顶部的距离为零。3、onresize()当浏览器的尺寸改变的时候触发事件。使用onresize()每次改变的时候，重新计算一下元素到顶部的距离。实现代码：function d 阅读全文

posted @ 2011-06-15 11:54 Ruthless 阅读(7683) 评论(0) 推荐(1) 编辑

dwr+spring集成

摘要：DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。以下模拟一个简单的dwr入门案例，重点理解dwr是如何跟java后台服务器打交道的模拟效果如下该功能说明了dwr是怎么跟后台服务器打交道的模拟从服务器加载下拉列表数据模拟保存功能模拟查询功能接下来为dwr+spring集成步骤：1、新建一个web工程，导入dwr+spring所需jar，如下图目录结构图修改web.xml<?xml 阅读全文

posted @ 2011-03-28 21:25 Ruthless 阅读(21710) 评论(5) 推荐(3) 编辑

使用XHR对象发送和接受xml数据

摘要：使用XMLHTTPRequest对象来进行AJAX的异步数据交互服务器端代码和请求页面请看http://www.cnblogs.com/linjiqin/archive/2011/03/26/1996629.htmljs代码如下：//用户名校验的方法//使用XMLHTTPRequest对象来进行AJAX的异步数据交互var xmlhttp;function verify() { var userName = document.getElementById("userName").value; //1.创建XMLHttpRequest对象 //这是XMLHttpReuques 阅读全文

posted @ 2011-03-27 00:33 Ruthless 阅读(1574) 评论(2) 推荐(1) 编辑

使用XHR对象发送和接受数据

摘要：使用XMLHTTPRequest对象来进行AJAX的异步数据交互服务器端代码和请求页面请看http://www.cnblogs.com/linjiqin/archive/2011/03/24/1994463.htmljs代码如：//用户名校验的方法//这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互var xmlhttp;function verify() { //0。使用dom的方式获取文本框中的值 //document.getElementById("userName")是dom中获取元素节点的一种方法，一个元素节点对应HTML页面中的一个标签阅读全文

posted @ 2011-03-27 00:30 Ruthless 阅读(5075) 评论(0) 推荐(0) 编辑

利用jQuery接受和处理xml数据

摘要：以下使用jQuery+Servlet接受和处理xml数据，模拟判断用户名是否存在，效果如下：服务器端package com.ljq.test;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.ServletException;import java.io.IOException;import java.io.PrintWriter;/** * 利用阅读全文

posted @ 2011-03-26 23:57 Ruthless 阅读(4214) 评论(0) 推荐(3) 编辑

下拉列表回选

摘要：<select name="queryInfo.cityCode"> <!-- 服务器端代码如： public class QueryInfo { private String cityCode; //cityCode的getter、setter public String getCityCode() { return cityCode; } public void setCityCode(String cityCode) { this.cityCode = cityCode; } } private QueryInfo queryInfo; //quer 阅读全文

posted @ 2011-03-25 14:45 Ruthless 阅读(567) 评论(0) 推荐(1) 编辑

模拟jQuery ajax服务器端与客户端通信

摘要：本案例通过jQuery和Servlet技术来判断用户名是否存在，让读者明白jQuery是怎么调用服务器后台的。还给出了解决中文乱码的方案和如何避免各种浏览器的缓存。功能如下：如果用户名为空提示“用户名不能为空 ”如果用户名存在提示“用户名[xxxxxx]已经存在，请使用其他用户名, 4 ” 如果用户名不存在提示“用户名[xxxxxx]尚未存在，可以使用该用户名注册, 5”运行效果如下：目录结构：服务器端AjaxServerpackage com.ljq.test;import java.io.IOException;import java.io.PrintWriter;import jav 阅读全文

posted @ 2011-03-24 23:38 Ruthless 阅读(2164) 评论(1) 推荐(0) 编辑

myeclipse安装jQuery插件

摘要：以下为myeclipse安装jQuery插件的安装步骤：1、在网上下载spket-1.6.12.zip压缩文件，解压后会看到eclipse目录下有features、plugins这两个文件夹2、把features、plugins这两个文件夹下的文件复制黏贴到D:\myeclipse6.5\myeclipse\eclipse\目录下(注意features、plugins要对应清楚哦)，然后重启myeclipse3、重启myeclipse后，打开window -> preference -> spket -> javascript profiles -> new -> 阅读全文

posted @ 2011-03-23 22:43 Ruthless 阅读(3902) 评论(0) 推荐(1) 编辑

struts2+jquery+json集成

摘要：以下采用struts2+jquery+json模拟一个案例。当点击提交按钮时会把输入的数据提交到后台，然后从后台获取数据在客户端显示。效果如下：接下来为struts2+jquery+json集成步骤：1、新建一个web工程，导入struts2+jquery+json所需jar，如下图目录结构图 2、创建实体类Userpackage com.ljq.bean;import java.io.Serializable;@SuppressWarnings("serial")public class User implements Serializable { private int 阅读全文

posted @ 2011-03-19 23:56 Ruthless 阅读(38210) 评论(7) 推荐(11) 编辑

jQuery实现动态搜索显示功能

摘要：本案例采用jQuery实现动态搜索显示功能，只要输入值就能立刻动态显示数据，不同于常规查询方法。模拟效果如下：1、 2、 <%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>struts2</title> <meta http-equiv=" 阅读全文

posted @ 2011-03-18 22:22 Ruthless 阅读(14506) 评论(0) 推荐(3) 编辑

设置背景图片占满整个浏览器屏幕

摘要：<body style="background:url(images/body_bg.gif) no-repeat; background-position:bottom right"> 阅读全文

posted @ 2011-03-11 11:07 Ruthless 阅读(4604) 评论(1) 推荐(1) 编辑

js获取项目根路径

摘要：//js获取项目根路径，如： http://localhost:8083/uimcardprjfunction getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.href; //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp var pathName=window.document.location.pathname; var pos=curWwwPath.indexOf(pathN 阅读全文

posted @ 2011-03-07 16:51 Ruthless 阅读(75656) 评论(0) 推荐(3) 编辑

随笔分类 - jQuery