2010年3月 文章归类

提供一个免费支持Jabber, AIM, MSN, Yahoo, Gtalk,Twitter 机器人

如果你想在自己的博客挂一个Gtalk或者MSN机器人,那就读一读这篇文章——《提供一个免费支持Jabber, AIM, MSN, Yahoo, Gtalk,Twitter 机器人》。

申请聊天机器人

今天通过好友的介绍找到一个很好的网站,bot.im,在这里我们可以申请一个Jabber, AIM, MSN, Yahoo, Gtalk,Twitter机器人的接口,点击“Try it for Free”就可以进入申请机器人API的页面,简单的E文,大家都会吧,不会的可以查查字典~汗~

Snap1
继续阅读全文……

php获取来访者IP信息

前几天幼学笔记写了一篇《可以在前端实现的几个地理位置小功能》里面提到了我使用的QQ ip接口,其实我们也可以在PHP端实现根据IP定位用户地理位置,方法就是根据纯真的IP库来获取IP地理信息。我一个Google map API逆经纬度查询结合IP数据库接口的demo[点击查看],其实使用的方法就是Ajax过去IP,通过QQ IP接口查询出来地理信息,然后调用Google map API逆经纬度查询经纬度信息,然后在Google地图上标注地理位置。

1、PHP获取来访者IP函数getIP()

function getIP()
{ 
        if(getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP"), "unknown")) 
                $ip = getenv("HTTP_CLIENT_IP"); 
        elseif(getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR"), "unknown")) 
                $ip = getenv("HTTP_X_FORWARDED_FOR"); 
        elseif (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR"), "unknown")) 
                $ip = getenv("REMOTE_ADDR"); 
        elseif (isset($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] && strcasecmp($_SERVER['REMOTE_ADDR'], "unknown")) 
                $ip = $_SERVER['REMOTE_ADDR']; 
        else 
                $ip = "0.0.0.0"; 
        return $ip;
}

继续阅读全文……

简单代码实现checkbox全选

在前端开发中经常遇到checkbox的选择全部和取消全选的功能,前几天有个同事问我这个问题,我使用了如下的代码实现了checkbox全选的:

function checkall(obj,name) {
     var boxs = document.getElementsByName(name);
     for(var i=boxs.length;i--;){
             boxs[i].checked = obj.checked;
     }
 }

使用方法:

<input type="checkbox" onclick="checkall(this,'del[]');"/>全选/全不选

25大实用的jQuery技巧和解决方案

jQuery库的发展迅速(刚刚发布的jQuery的1.4),越来越多的人正在使用这个有用的JavaScript库。这意味着,需要越来越多的有用jQuery的提示,技巧和解决方案来提供。这就是为什么我创建了26个实用的jQuery的提示、技巧和解决方案的小清单。

1. 去除页面的右键菜单

$(document).ready(function(){  
    $(document).bind("contextmenu",function(e){  
        return false;  
    });  
});

2、搜索输入框文字的消失

当鼠标获得焦点、失去焦点的时候,input输入框文字处理:

$(document).ready(function() {  
$("input.text1").val("Enter your search text here");  
   textFill($('input.text1'));  
});  
  function textFill(input){ //input focus text function  
    var originalvalue = input.val();  
    input.focus( function(){  
        if( $.trim(input.val()) == originalvalue ){ input.val(''); }  
    });  
    input.blur( function(){  
        if( $.trim(input.val()) == '' ){ input.val(originalvalue); }  
    });  
}

3、新窗口打开页面

$(document).ready(function() {  
   //Example 1: Every link will open in a new window  
   $('a[href^="http://"]').attr("target", "_blank");  
 
   //Example 2: Links with the rel="external" attribute will only open in a new window  
   $('a[@rel$='external']').click(function(){  
      this.target = "_blank";  
   });  
});

// how to use

<a href="http://www.opensourcehunter.com" rel="external">open link</a>

继续阅读全文……

最新版wBox 解决IE6 背景太小bug

今天看了一下cssrain的评论,都提出来了再IE6下wBox背景显示不全,不能完全覆盖页面的问题,在wBox开发中,IE6下的背景最初我是通过CSS hack来解决的,代码如下:

* html #wBox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

但是这就造成了一个bug:当IE6下,页面高度不够的时候,就会出现背景不能完全覆盖整个页面的bug。
下午的时候,我及时的修改了这个bug,通过计算页面高宽以及window的高宽,取其最大值作为背景层的高宽,这样就解决了wBox在IE6 下背景显示不全的bug啦~
最新的wBox下载地址:http://code.google.com/p/follow5api/downloads/list

断桥残雪爱墙程序升级-增加列表浏览+缓存图片

断桥残雪爱墙程序,自开始公布以来就受到了很多网站爱好者的喜爱,今天断桥残雪更新一下爱墙程序,增加了:

  1. 列表浏览模式功能,
  2. 缓存了查看具体祝福的背景图片,使图片更快的显示,极大的提高了用户体验!

最新版下载地址:http://code.google.com/p/follow5api/downloads/list

具体效果请见下图:

断桥残雪爱墙列表浏览模式

断桥残雪爱墙列表浏览模式

再次感谢大家对断桥残雪爱墙的支持!谢谢!

jQuery插件–wBox发布

经过大约一周的时间,wBox终于跟大家见面啦,这是断桥残雪写的第一个jQuery插件,开发时间比较急促,所以有不足之处希望大家指出。

wBox——轻量级的弹出窗口jQuery插件,基于jQuery1.4开发,主要实现弹出框的效果,并且加入了很多有趣的功能,比如可img灯箱效果,callback函数,显示隐藏层,Ajax页面,iframe嵌入页面……

  1. 背景透明度可以根据实际情况进行调节,甚至不设置背景
  2. 可以根据需要添加wBox标题
  3. 支持设置窗口位置,默认为在中心显示
  4. 支持callback函数
  5. 支持html内容自定义
  6. img灯箱看图功能
  7. 支持在wBox显示#ID的内容
  8. 支持Ajax页面内容
  9. 支持设置背景,不设置背景
  10. 支持wBox拖拽功能
  11. ESC键,或者在背景上双击即可关闭wBox
  12. .wBoxClose的内容click可以关闭wBox,无论是组装的html,还是隐藏的html,甚至于iframe的内容中的.wBoxClose

下面简单介绍下wBox的使用方法:

最简单的使用方法

  1. 首先下载wBox文件,然后将wBox中的
  2. 引入wbox.js文件
  3. 引入wbox.css文件
  4. 注意:wBox源代码文件夹中的图片要跟js,css放在相同的目录下,loading.gif要跟你页面放在同一个目录

html代码如下:

<a href="#nosee" class='wBox'>这是一个隐藏wBox</a>
<div id="nosee" style="display:none">这里是个隐藏的id为nosee的DIV</div>
<a href='http://js8.in/wbox/001.jpg' class='wBox'>这是一个image wBox</a>

js代码如下:

$(".wBox").wBox();

这样就建立了一个最简单的wBox.

继续阅读全文……

IE中Image.onload失效的问题

最近在做wBox开发中,需要做一个图片的幻灯片效果,为了方便加载速度,我使用了new Iamge的对象方法来预加载图片,当图片onLoad就运行一个函数来计算图片的大小尺寸,进行jQuery动画,以及切换图片src,在firefox下开发完成后,可是到了IE下进行调试总是不会触发onload事件,不管是IE8、IE7还是万恶的IE6,都不会触发onload事件,我很迷惑,后来在google上找到了解决的方法:一下为引用部分

最初的代码如下:

var img = new Image;
img.src = "test.gif";
img.onload = function(){
    alert ( img.width );
};

这段代码看着没什么问题,但是为什么onload没有被IE调用呢?因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。是不是从缓冲区里加载的图片就不触发onload事件呢?我于是我测试了以下代码,成功了~

var img = new Image;
img.onload = function(){
    alert ( img.width );
};
img.src = "test.gif";

我把onload写到前面去,先告诉浏览器如何处理这张图片,再指定这张图片的源,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这让我想到了Ajax,我们在写xmlhttp的时候,都是先指定onstatechange的回调函数,然后再send数据的,道理是一样的。

QQ爱墙 许愿墙 祝福墙 程序源代码开发下载

为方便断桥残雪爱墙 [演示地址] 程序发展,本博客特地放出断桥残雪爱墙程序,需要的童鞋请下载。

断桥残雪爱墙程序演示截图,演示地址love.2fool.cn

断桥残雪爱墙程序演示截图,演示地址love.js8.in

断桥残雪爱墙程序主要功能:

  1. 程序完全Ajax
  2. 可以拖动个个祝福
  3. 可以复制链接,每个祝福都有一个独立的URL地址,方便查看祝福
  4. 祝福RSS功能
  5. 进行了SEO优化
  6. 页面兼容所有浏览器,IE6+ Firefox chrome Opera Safari……
  7. 独创的字条分布排序算法,使字条均匀分布到页面,美观性大幅提升
  8. 列表浏览模式功能,(新增
  9. 缓存了查看具体祝福的背景图片,使图片更快的显示,极大的提高了用户体验!(新增

继续阅读全文……

第1页 / 共2页 12
返回顶部