共 19篇 前 2 页:    每页10篇 下一页  

逆水行舟

只是简单的封装了三个方法,实际操作中要考虑的东西比这要多点,不过下面的方法已经满足使用了。
<script type="text/javascript" language="javascript">
/**
 * @param    name    cookie key
 * @param    value   key value
 * @param    days    保存天数
 */
function setCookie(name, value, days) {
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

/**
 * 取cookies函数
 */
function getCookie(name) {
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr != null) return unescape(arr[2]); return null;
}

/**
 * 删除cookies
 */
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>

<!-- 测试程序 -->

<!-- 鼠标离开输入框则自动赋值并刷新页面。 -->
<p><input type="text" name="c" value="" id="c"
        onblur="setCookie('name', this.value); alert('cookie[name]: ' + getCookie('name')); window.location.href = window.location.href;" />
</p>

<p><input type="button" value="del cookie[name]"
        onclick="delCookie('name'); alert('cookie[name]: ' + getCookie('name')); window.location.href = window.location.href;" />
</p>

<p><pre>
    <?PHP print_r($_COOKIE); ?>
</pre></p>
meiking   2008-05-27 12:44:08 阅读:33  评论:0  引用:0
最近公司的事情忙的喘不过气来,晚上抽点时间温习下没搞定的Spring,结果还是一样。上回Tomcat报错失败问题因为应该是布署的原因,细节也还没弄清楚。换JBoss后发现启动的太慢,而且太陌生。Jboss启动的时间是Tomcat的60倍。。。一个是两秒钟,一个是两分钟,所以决定还是把Tomcat用熟再说。

现在的处境比较好的就是打工的公司突然成为自己的的公司了,很多时候可以自由的支配时间,自己的一些设计和想法开始可以利用一些其它人力资源来实现了,当然学习和娱乐的时间也少了。不过越来越感觉PHP做项目利润空间会比较少,竟争力也大,那么最终的风险也大了,很想拿Java做来开发这个新项目,但心有余力不足,简单的spring开发框架居然弄了三个星期了。Java web project现在如果框架搭配好了,利用集成的开发工具,其开发效率其实已经超过PHP了,PHP的优势渐渐仅剩下一个易于上手了。然而PHP所面临的问题却一直得不到解决,烦锁的事务、尴尬的缓存、无能为力的异常处理。而JAVA这块如果有一个比较好的技术主管理负责项目的环境搭配与布署工作,再找几个廉价的jsp coder那么其各方面的效率甚至是开节约发成本已经全面超越了PHP了。

唉。。。 这就是PHPer的处境~  做程序员一定要跟上潮流学好JAVA或.net,再花些时间学学数据结构和算法。

宿舍的家伙晚上睡觉睡的晚,在看电视,睡不着想点就写点。

突然想起以前自己做的一个抽奖系统用到的算法。例如想得到一个 33% 和 2% 的概率,现在想不起来当时用的什么方法了,反正感觉比下面的方法要好。
function doSomethingWithPercent($percent) {
    $num = rand(1, 100);
    if($num >= 1 && $num <= $percent) return true;
    return false;
}

if(doSomethingWithPercent(33)) do33Percent();
if(doSomethingWithPercent(2)) do2Percent();
meiking   2008-05-27 00:58:15 阅读:14  评论:0  引用:0
var name = "中文";
if(name.match(/[^\u4e00-\u9fa5]/g)) alert(name+" is not chinease");
else alert(name+" is chinease");

name = "english";
if(name.match(/[^\u4e00-\u9fa5]/g)) alert(name+" is not chinease");
else alert(name+" is chinease");
meiking   2008-05-08 11:28:10 阅读:114  评论:0  引用:0
基本功能是鼠标悬于小图片上的时候,右边能把鼠标位置的图象放大,一般应用于像册是比较酷的功能,当然不仅仅如此,商业中也有很多用到这功能的。一开始我以为能在网上找个现成的,结果花了几小时没有结果,决定自己搞定,然后是花了两天时间研究并二次开发出来的作品,已经算作是接口化了,不过没有去用户体验这块的细节。
上图,大致了解下是什么功能。

在二次开发过程中接触了javascript的Jquery插件,之前一直感觉js框架很不现实,其实是自己没有去接触,接触后还是有不少收获的。这是封建思想在做怪。

代码从这里下载 http://www.zhuoda.org/upload/xiezhi//magnifier-beta2.rar
实现功能的代码:jquery.jqzoom.js
用到的插件:jquery.js
调用方法:index.html
meiking   2008-05-04 12:59:18 阅读:162  评论:0  引用:0


在IE下offset对象是对当前元素到上一级元素的距离,这算是IE很差劲的一个地方,为了这个浪费了不少时间,firefox下则是标准的。为了使两个浏览器兼容,需要做一些处理,下面这个方法是我从网上找的,不记得在哪找得了,比较好用。
var w3c=(document.getElementById)? true:false;
var agt=navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var ie5=(w3c && ie)? true : false;
var ns6=(w3c && (navigator.appName=="Netscape"))? true: false;
var op8=(navigator.userAgent.toLowerCase().indexOf("opera")==-1)? false:true;

function GetXYWH(o){
    var nLt=0;
    var nTp=0;
    var offsetParent = o;
    while (offsetParent!=null && offsetParent!=document.body) {
        nLt+=offsetParent.offsetLeft;
        nTp+=offsetParent.offsetTop;
        if(!ns6){
            parseInt(offsetParent.currentStyle.borderLeftWidth)>0?nLt+=parseInt(offsetParent.currentStyle.borderLeftWidth):"";
            parseInt(offsetParent.currentStyle.borderTopWidth)>0?nTp+=parseInt(offsetParent.currentStyle.borderTopWidth):"";
        }
        offsetParent=offsetParent.offsetParent;
        //alert(offsetParent.tagName);
    }
    this.left = nLt;
    this.top = nTp;
    this.width = o.offsetWidth;
    this.height = o.offsetHeight;
}

/* 调用方法 */
var element_obj = new GetXYWH(document.getElementById("right"));  //ID为 right的元素
alert("上边距:" + element_obj.top + " 左边距:" + element_obj.left);
meiking   2008-04-24 14:47:25 阅读:17  评论:0  引用:0
        在做鼠标移动至一个某些按钮或文字上便在当前位置显示图片的功能时需要用鼠标的坐标来定位,方法比较简单,但面在Firefox的广告做的这么火,甚至用流氓方法,所以需要注意Mozilla或Firefox和IE的兼容.
event.clientX 为鼠标距浏览左面边缘的距离, event.clientY 为 鼠村距网页上方边缘的距离,但定位不光这样就行了,需要考虑到当前网页坐标并不是鼠标的位置(例如把网页滚动条拖到最右下方),所以我们需要加上下面的内容:
var x = event.clientX + document.body.scrollLeft;
var y = event.clientY + document.body.scrollTop;
        如果网页遵循了w3c标准的话需要把 document.body 换成 document.documentElement ,否则 scroll 所取出来的值一律为0.

        如果大家使用上面的代码并且是在firefox下调试的,是不是已经发现了 "event has not defined",当然我也碰到这问题了:
JS: function test_event() {
       var x = event.clientX + document.body.scrollLeft;
       var y = event.clientY + document.body.scrollTop;
       alert("左边:"+x+ ", 右边:"+y);
}
HTML: <span onclick="test_event();">click me</span>
        需要把event对象传进去,按如下方法修改后便能正常运行,只知道IE和Firefox有些dom不一样,但这种方法就有点搞不懂是什么意思:
JS: function test_event(event) {
       var x = event.clientX + document.body.scrollLeft;
       var y = event.clientY + document.body.scrollTop;
       alert("左边:"+x+ ", 右边:"+y);
}
HTML: <span onclick="test_event(event);">click me</span>
meiking   2008-04-11 18:00:50 阅读:181  评论:1  引用:0
是CHM格式的,和css2.0.chm是同一个作者,特点就是比较好用,有示例,比较干净整洁。
文档对象模型中文手册.rar
meiking   2008-04-10 01:59:16 阅读:285  评论:0  引用:0
Ajax 由 HTML、JavaScript、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 -- 从总体概述到细节的讨论 -- 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。

  进一步学习请参考:

meiking   2008-04-10 01:58:53 阅读:8  评论:0  引用:0
互连网真是个好东西,不仅给了让我每个月能拿上些薪水,还提供给我们继续多拿些薪水的道路。感谢那些开源工程的工程师们,不仅提供了好工具,还教我们如何去用,真是好人做到底,送佛送到西啊。感谢互联网,感觉中国电信中国网通。

Apache Rewrite功能非常庞大,书到用时方恨少啊,找到两个不错的中文教程。

竹笋炒肉网个人blog里的(网站里的链接好像有问题):
金步国翻译的版本:
meiking   2008-04-10 01:57:53 阅读:39  评论:0  引用:0
以前没怎么关心过w3c标准,一直以为w3c只是HTML和CSS的一种标准.最近我在做我们的 maidee.com 时被一个问题难到了,就是调用 window.onloaddocument.body 对象时网页上总是提示说此对象没有定义(undefined)或者其对象的值一直是零,我很不解,因为在做JS程序时我一般会用 editplus 调试好了再应用到系统中的,而在我调试时一切顺利的很,只要一放到系统里就会出现述对象. 在网上查了些资料才发现原来我们的 maidee.com 头部文件引用了 w3c 的标准
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ,
而我调试时都没有加这一行. 这行代码就是定义网页是否遵循w3c标准的,自然JS和CSS以及HTML都得遵循其标准,而在标准里没有这两个对象. 调用这两个对象需要用document.documentElement  来代替.

后来经过一些测试还发现了 document.body 对象必须在 body 内容加载完才有值,而 document.documentElement 对象则在访问时就存在了. 当遵循标准时如果要访问body对象时 document.body window.body就会失效,相反 document.documentElement 就会失效. 不知道其它对象在标准下还会不会有另一套,一直找不到个象样的javascript手册.

如果有需要要了解w3c标准的话,阿捷在 www.w3cn.org 有一篇介绍w3c标准的文章,写的通欲易懂.
meiking   2008-04-10 01:57:27 阅读:64  评论:0  引用:0
Copyright@2006 powered by YuLog