JObj預(yù)覽一個JS的框架
更新時間:2008年03月13日 21:02:04 作者:
我說過,我要寫一個JS的框架,我知道有人會從心底BS我,但是:你繼續(xù)BS吧!我還是要寫我的JOBJ。
我的時間不多,大部分是在工作之余寫的。
JObj.Dom.$tag("INPUT")
.$filter(function(o){
var fa = o.parentNode.parentNode.parentNode;
return f =(o.type == "text" && fa.id == "hollerNew") ? true : false;
})
.$css({width:"570px",height:"18px",lineHeight:"18px"})
.$attr({className:"hollerFormNormal"})
.$event({
onfocus:"vControl('TEXTFOCUS',this)",
onblur:"vControl('TEXTBLUR',this)"
})
.$tag("TEXTAREA")
.$css({width:"570px",height:"100px",lineHeight:"18px"})
.$attr({className:"hollerFormNormal"})
.$event({
onfocus:"vControl('TEXTFOCUS',this)",
onblur:"vControl('TEXTBLUR',this)"
})
.$(document.hollerNew)
.$event({
onsubmit:function(){
return JObj.FormValidate.$validate(this,rules);
}
});
JObj.Dom.$(window)
.$event({
onscroll:"vControl('FIXTOOLBAR')"
});
var vControl = function(pChoice){
var args = arguments;
switch(pChoice){
case "BACKER":
var backer = args[1];
var id = args[2];
break;
case "FLOWERS":
var id = args[1];
break;
case "EGGS":
var id = args[1];
break;
case "TEXTFOCUS":
args[1].className = "hollerFormFocus";
break;
case "TEXTBLUR":
args[1].className = "hollerFormNormal";
break;
case "SHOWTIP":
var o,t;
switch(args[3]){
case "FLOWER":
o = "hollerTip_flower_";
t = "鮮花 " + args[2] + " 朵,送他/她一朵,讓她開花店!"
break;
case "EGG":
o = "hollerTip_egg_";
t = "雞蛋 " + args[2] + " 枚,如果你怕不夠孵小雞,你在給他/她一枚!"
break;
default :
return;
}
JObj.Dom.$(o + args[1])
.$attr({innerHTML:t})
.$css({display:"",position:"relative"})
.$show("fast",
{width:0,height:0},
{width:400,height:18}
);
break;
case "HIDETIP":
var o;
switch(args[2]){
case "FLOWER": o = "hollerTip_flower_";break;
case "EGG": o = "hollerTip_egg_";break;
default : return;
}
JObj.Dom.$(o + args[1])
.$hide("fast");
break;
case "FIXTOOLBAR":
JObj.Dom.$("toolBar")
.$css({opacity:0.1,filter:"Alpha(Opacity=10)"})
.$moveToScrollTop("fast");
break;
}
}
復(fù)制代碼 代碼如下:
JObj.Dom.$tag("INPUT")
.$filter(function(o){
var fa = o.parentNode.parentNode.parentNode;
return f =(o.type == "text" && fa.id == "hollerNew") ? true : false;
})
.$css({width:"570px",height:"18px",lineHeight:"18px"})
.$attr({className:"hollerFormNormal"})
.$event({
onfocus:"vControl('TEXTFOCUS',this)",
onblur:"vControl('TEXTBLUR',this)"
})
.$tag("TEXTAREA")
.$css({width:"570px",height:"100px",lineHeight:"18px"})
.$attr({className:"hollerFormNormal"})
.$event({
onfocus:"vControl('TEXTFOCUS',this)",
onblur:"vControl('TEXTBLUR',this)"
})
.$(document.hollerNew)
.$event({
onsubmit:function(){
return JObj.FormValidate.$validate(this,rules);
}
});
JObj.Dom.$(window)
.$event({
onscroll:"vControl('FIXTOOLBAR')"
});
var vControl = function(pChoice){
var args = arguments;
switch(pChoice){
case "BACKER":
var backer = args[1];
var id = args[2];
break;
case "FLOWERS":
var id = args[1];
break;
case "EGGS":
var id = args[1];
break;
case "TEXTFOCUS":
args[1].className = "hollerFormFocus";
break;
case "TEXTBLUR":
args[1].className = "hollerFormNormal";
break;
case "SHOWTIP":
var o,t;
switch(args[3]){
case "FLOWER":
o = "hollerTip_flower_";
t = "鮮花 " + args[2] + " 朵,送他/她一朵,讓她開花店!"
break;
case "EGG":
o = "hollerTip_egg_";
t = "雞蛋 " + args[2] + " 枚,如果你怕不夠孵小雞,你在給他/她一枚!"
break;
default :
return;
}
JObj.Dom.$(o + args[1])
.$attr({innerHTML:t})
.$css({display:"",position:"relative"})
.$show("fast",
{width:0,height:0},
{width:400,height:18}
);
break;
case "HIDETIP":
var o;
switch(args[2]){
case "FLOWER": o = "hollerTip_flower_";break;
case "EGG": o = "hollerTip_egg_";break;
default : return;
}
JObj.Dom.$(o + args[1])
.$hide("fast");
break;
case "FIXTOOLBAR":
JObj.Dom.$("toolBar")
.$css({opacity:0.1,filter:"Alpha(Opacity=10)"})
.$moveToScrollTop("fast");
break;
}
}
相關(guān)文章
[推薦]javascript 面向?qū)ο蠹夹g(shù)基礎(chǔ)教程
看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因為寫得不好,而是因為太深奧. javascript中的對象還沒解釋清楚怎么回事,一上來就直奔主題,類/繼承/原型/私有變量....2009-03-03js 面向?qū)ο蟮募夹g(shù)創(chuàng)建高級 Web 應(yīng)用程序
在 C++ 或 C# 中,在談?wù)搶ο髸r,是指類或結(jié)構(gòu)的實例。對象有不同的屬性和方法,具體取決于將它們實例化的模板(即類)。2010-02-02Javascript 類與靜態(tài)類的實現(xiàn)
在Javascript里,對面向?qū)ο蟛]有一個直接的實現(xiàn),對于代碼方面也是非常的靈活。2010-04-04一實用的實現(xiàn)table排序的Javascript類庫
一實用的實現(xiàn)table排序的Javascript類庫...2007-09-09javascript 面向?qū)ο蟮慕?jīng)典實例代碼
這里的面向?qū)ο笾饕鞘褂胮rototype屬性,大家可以參考下。2009-12-12