人生,即使在最困难的时期,也不能放弃学习, 不能与时代脱节 ---- 勉励处于困难时期的自己.
分类: Javascript预览模式: 普通 | 列表

jquery 操作checkbox 总结(有测试源码下载)

做系统的过程中,与checkbox 复选框打交道,是难免的,而且在每个系统中,简直是必不可少的一道菜,通常的操作有一下几种:
1.用jquery 全部选择checkbox
2.用jquery 全部取消checkbox
3.用jquery 实现checkbox 反选
4.用jquery 获取所有已选择checkbox的值。

查看更多...

Tags: jquery

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 361
最近都成为页面仔了,主要工作都放在了前段,以前总是写后台程序,对前端的一些技术 html,css,javascript ,虽然都懂一些,但要做出比较好看页面,还是有很大的差距的。最近就遇到了这样一个要求不是很高,但有点小清新风格的登录或注册页面,要求如下:
1. 在输入框中 如果没有内容,则显示提示:比如"请输入用户名"
2. 如果输入框获得焦点,则隐藏提示
3. 如果输入框失去焦点,并且输入框没有内容,则显示提示,如果有内容,则隐藏提示。
4. 采用 Jquery 1.7.2

查看更多...

Tags: jquery

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3689

前端设计:jquery操作select 方法大全

在前段HTML页面设计中select 下拉框,或者 在 multiple="multiple" 时,表现为列表。经常会在页面上对其进行操作,这些操作不外乎:
1. 得到选中的 select 的 option 的值或者text.
2. 删除选中的 select 的 option.
3. 向select中增加新的option.
4. 得到select option 长度,也就是个数size

查看更多...

Tags: jquery

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 520

美化html fieldset legent(CSS 样式附源码下载)

在制作网页的时候,常常会将某一部分内容分组. 而分组的内容经常会放在 html fieldset 标签之中。
但 这个不加修饰的 fieldset 真是丑陋不堪,就连我这种对美工要求不高,也没什么艺术细胞的人都看不过去了。
所以得将这个 fieldset 用CSS 修饰一番。让它好看点,不至于丢人现眼。
好吧,开工。针对fieldset 的特性,会发现,主要对fieldset  legend 定义样式就可以了。界面好看不好看,都是这两个决定的。下面是定义的 fieldset 的 CSS 样式,可以拿去修改,适合自己的风格。

查看更多...

Tags: fieldset

分类:Javascript | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 1454
曾经在东亚银行做 费用审批系统时,未通过审核的一个简单UI, 仅包括:登录,主界面,当然也包括了一点javascript,CSS .由于这套界面不是专业美工做的,仅仅是由程序员自己做出来的。作为前期POC演示给东亚银行看的一套系统,也就是DEMO 而已。

由于不是专业的美工做的,所以视觉效果是差了点,当时整个团队还没有美工。程序员充当了前端攻城师。不过再我看来,还是有点价值的。至少有一些借鉴意义的。

整体主界面的风格还是可以的,只是不够细腻而已。

查看更多...

Tags: ui 界面

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 721

在网页中执行本地exe程序(run exe from web browser)

有时候,需要在 网页上去执行本地的一个EXE文件,如果用javascript ,一般浏览器,由于安全问题,都会禁止掉这个特性。但经过测试,目前在ie,firefox中仍然可以用JS来实现,但在chrome,safari 中没有实现。本文就用javascript在IE,FIREFOX中执行 exe 文件做例子。

程序代码 程序代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

查看更多...

分类:Javascript | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3826

在REDHAT5下安装PYTHON

在REDHAT下安装了PYTHON 2.7.2
最近python 的下载页面估计被中国封杀了,太没技术水平了,这么好的东西也封杀,python.com反而不封杀。
下载:http://www.python.org/ftp/python/
下载后解压,tar zxvf Python 2.7.2.tgz
解压后,直接安装

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 290

最近做项目发现firefox 刷新的bug

最近做一个项目,客户要求兼容firefox,ie8. 我用AJAX 方式做,页面ONLOAD时用AJAX 请求数据,填充到页面上,第一次数据肯定正确,这是点刷新,结果错误就来了,数据就乱来了,不知道FIREFOX 怎么弄出来的,在IE下测试,结果无论怎么刷新,数据都是正确的。只能说明是FIREFOX的问题了。

测试结果,如果直接在FIREFOX中点击刷新图标,肯定出错,如果按 ctrl+F5 刷新,是正确的。

在网上搜索了下 firefox refresh bug ,结果发现有这个现象的还不少。

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 448

js找到当前对象的前一个元素,后一个元素

比如:
<div id="foo1"></div>
<div id="foo2"></div>
<div id="foo3"></div>

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 579

DIV 页面布局拖拽

程序代码 程序代码


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>拖拽页面布局(可保存状态)</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 451

一个比较好用的JS TABLE

一个比较好用的JS TABLE,还不错的。下载文件 点击下载此文件

Tags: TABLE JS

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 336

javascript遍历表单内所有元素

//遍历所有的form表单
   for(var f=0;f<document.forms.length;f++){
     var form=document.forms[f];
     if(form.name==formName){
       alert(form.name);

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1006

实现两个select同步

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
</head>

查看更多...

Tags: javascript

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 565