浏览模式: 标准 | 列表全部文章

获取当前元素的索引值

Submitted by gouki on 2009, February 6, 11:58 PM

jQuery获取当前元素的索引值还是很方便的，比如一大堆的li，当鼠标移上去的时候，你知道这个li是众多li中的第几个吗？

JavaScript代码

$("li").hover(function(){
alert($("li").index(this));
});

.index函数还是很好用的。它的说明为：

搜索与参数表示的对象匹配的元素，并返回相应元素的索引值。

如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1。

Searches every matched element for the object and returns the index of the element, if found, starting with zero.

Returns -1 if the object wasn't found.

Javascript | 评论:0 | 阅读:20380

关于在线截图

Submitted by gouki on 2009, February 5, 10:19 PM

在线截图，对于PHP来说是有一点难度的，但也并非不可完成

从PHP5开始，为windows平台提供了两个现成的函数，但也只能在windows平台下使用，这两个函数其实还是使用了IE浏览器来进行截图，在使用这两个函数的时候，你可以明显看到IE会一闪而过。

不过在非windows平台下，就没有办法使用了。

为了实现这些功能，网上有很多例子哦，有使用mozilla核心的，有使用XXX核心的，但确实是没有一种完美的实现方案。

自己想想还有一种就是利用flash截图，然后生成图片的方案。这种的话就无所谓在哪个平台下面了吧？

网上有一些在线截图的：

http://www.wenwenba.com/

http://snapcasa.com

http://webthumb.bluga.net

http://flysky.fm1062.com/webSnapr/

但没有一款是PHP的。不过，正所谓事情都是人想出来的，我既然不能使用PHP截图，但是我可以利用这些网址截好图，用PHP抓回来嘛。。

黑黑

Tags: 截图, snapshot, webcatch

PHP | 评论:1 | 阅读:22169

wwwsqldesigner：a Visual web-based SQL modelling tool

Submitted by gouki on 2009, February 4, 2:05 PM

看到这个的时候很吃惊，最初看到类似功能的时候是在PHPMYADMIN 3上面，想不到现在已经发展到这个地步了，实在让人大吃一“斤”呀。

WWW SQL Designer allows users to create database designs, which can be saved/loaded and exported to SQL scripts. Various databases and languages are supported. Ability to import existing database design.

About

Hi and welcome to WWW SQL Designer! This tool allows you to draw and create database schemas (E-R diagrams) directly in browser, without the need for any external programs (flash). You only need JavaScript enabled. The Designer works perfectly in Mozillas (Firefox, Seamonkey), Internet Explorers (6, 7, 8), Safari and Operas. Konqueror works, but the experience is limited.

Many database features are supported, such as keys, foreign key constraints, comments and indexes. You can either save your design (for further loading & modifications), print it or export as SQL script. It is possible to retrieve (import) schema from existing database.

WWW SQL Designer was created by Ondrej Zara and is built atop the oz.js JavaScript module. It is distributed under GNU GPL license.

网址：http://code.google.com/p/wwwsqldesigner/

我是从：http://parandroid.com/www-sql-designer-open-source-sql-based-web-creation-tools/看来的

它支持很多的数据库功能:

键
强制外关键字
注解
索引

当数据库图表创建后，你可以:

保存你的数据表设计或稍后修改它们
打印它
作为 SQL脚本导出

它甚至还可以从已存在的数据库中检索出概况图标，支持MySQL, MSSQL, SQLite 和 Web2py。感兴趣的朋友看查看DEMO.

图片附件:

Tags: designer, sql, web

Baby | 评论:2 | 阅读:26162

JS模拟FLASH效果

Submitted by gouki on 2009, February 3, 10:46 PM

JS模拟FLASH的效果，一般也就用在图片的控制上了，否则，还能怎么模拟？其实我说的这个模拟并不是说真的象FLASH，而是利用了一堆图片来模拟GIF的效果。
理论上，用图片模拟GIF是可以达到的，只要利用setTimeout或者setIntval这两个函数中的任意一个，在人的视觉那24帧进行合理的控制，可以让人感觉到它在动的感觉。
当然我没有写过，只是说理论上可行，但事实上，有人这样实现了。不过我个人觉得这样的意义并不是很大，因为要下载N个图片的话如果网速不好，那么很有可能就会出现叉叉这样的情况。不过，如果用在LOGO上，就不一样了：LOGO是一个人头，当鼠标移上去时，眼珠会动，因为LOGO一般不会有人会用鼠标去点击或移动，这样当成一个彩蛋也是很不错的。
以前淘宝的宝字，YAHOO的O，都有这样类似的效果。
原文：http://www.cnblogs.com/ublue2006/archive/2009/01/21/1379242.html
文章摘要如下：

JavaScript代码

var ImageShow=function(options){
var self=this;
this.MyTimeOut=null;
this.DeleteTimeOut=function(){
if(self.MyTimeOut!=null)
clearTimeout(self.MyTimeOut);
};
this.NowIndex=0;
this.ASC=true;
this.errState=false;
var Images=[];
var TimeSpace=0;
if(options.Obj!=null&&options.Images!=null){
var Obj=options.Obj;
var TempImages=options.Images;
if(TempImages.length>=2){
var imgType;
try {
for(var i=0;i<TempImages.length;i++){
var imageName=TempImages[i].Image;
imgType=imageName.toLowerCase().substring(TempImages[i].Image.length-4);
if(imgType==".jpg"||imgType==".gif"||imgType==".bmp"||imgType==".png"||imgType=="jpeg"){
Images.push(TempImages[i]);
}
}
}
catch(err){}
}
if(options.TimeSpace!=null&&IsNum(options.TimeSpace)==true) TimeSpace=options.TimeSpace;
else TimeSpace=10;
if(TimeSpace<5) TimeSpace=5;
}
this.ChangeImage=function(){
try{
if(Images[self.NowIndex]!=null)
{
if(options.BackGround==true){
if(Images[self.NowIndex].Image!=null) Obj.style.backgroundImage="url("+Images[self.NowIndex].Image+")";
if(Images[self.NowIndex].Position!=null) Obj.style.backgroundPosition=Images[self.NowIndex].Position;
if(Images[self.NowIndex].PositionX!=null) Obj.style.backgroundPositionX=Images[self.NowIndex].PositionX;
if(Images[self.NowIndex].PositionY!=null) Obj.style.backgroundPositionY=Images[self.NowIndex].PositionY;
if(Images[self.NowIndex].Repeat!=null&&(Images[self.NowIndex].Repeat=="repeat"||Images[self.NowIndex].Repeat=="no-repeat"||Images[self.NowIndex].Repeat=="repeat-x"||Images[self.NowIndex].Repeat=="repeat-y"))
Obj.style.backgroundRepeat=Images[self.NowIndex].Repeat;}
if(options.Src==true){
if(Images[self.NowIndex].Image!=null) Obj.src=Images[self.NowIndex].Image;
if(Images[self.NowIndex].Width!=null&&BlueEffects.IsNum(Images[self.NowIndex].Width)==true) Obj.style.width=Images[self.NowIndex].Width+"px";
if(Images[self.NowIndex].Height!=null&&BlueEffects.IsNum(Images[self.NowIndex].Height)==true) Obj.style.height=Images[self.NowIndex].Height+"px"; }
if(options.BackGround!=true&&options.Src!=true){
if(Images[self.NowIndex].Image!=null) Obj.style.backgroundImage="url("+Images[self.NowIndex].Image+")";
if(Images[self.NowIndex].Position!=null) Obj.style.backgroundPosition=Images[self.NowIndex].Position;
if(Images[self.NowIndex].PositionX!=null) Obj.style.backgroundPositionX=Images[self.NowIndex].PositionX;
if(Images[self.NowIndex].PositionY!=null) Obj.style.backgroundPositionY=Images[self.NowIndex].PositionY;
if(Images[self.NowIndex].Repeat!=null&&(Images[self.NowIndex].Repeat=="repeat"||Images[self.NowIndex].Repeat=="no-repeat"||Images[self.NowIndex].Repeat=="repeat-x"||Images[self.NowIndex].Repeat=="repeat-y"))
Obj.style.backgroundRepeat=Images[self.NowIndex].Repeat; }
}
}
catch(err)
{self.errState=true;}
self.MyTimeOut=setTimeout(self.ChangeImage,TimeSpace);
if(self.ASC==false)
{
self.NowIndex--;
if(self.NowIndex<=-1||self.errState==true) {
clearTimeout(self.MyTimeOut);
if(options.Stop!=null)try{options.Stop();}catch(err){}
}
}
else if(self.ASC==true)
{
self.NowIndex++;
if(self.NowIndex>=Images.length+1||self.errState==true){
clearTimeout(self.MyTimeOut);
if(options.Stop!=null)try{options.Stop();}catch(err){}
}
}
}//end this.ChangeImage
} //end ImageShow

控制代码：

JavaScript代码

var Show1=null;
function MouseOver(Num)
{
var Obj=null;
if(Num==1)
Obj=Show1;
Obj.DeleteTimeOut();
Obj.ASC=true;
Obj.ChangeImage();
}
function MouseOut(Num)
{
var Obj=null;
if(Num==1)
Obj=Show1;
Obj.DeleteTimeOut();
Obj.ASC=false;
Obj.ChangeImage();
// alert(Show.NowIndex);
}
function Loaded()
{
Show1=new ImageShow({Obj:document.getElementById("ImgArea1"),TimeSpace:50,Images:Images1,BackGround:true});
MouseOver(1);
}