TechMates
member?
If not be one of us!Join us guys!
Login if your a member!
Enjoy!

TechMates

Life is Useless without TechMates
 
HomePortalCalendarFAQSearchMemberlistUsergroupsRegisterLog in

Share | 
 

 Fader Code

Go down 
AuthorMessage
RyceLL
Moderator
avatar

Posts : 18
Points : 35
Reputation : 1
Join date : 2009-07-27
Age : 28

PostSubject: Fader Code   Tue Jul 28, 2009 9:56 pm

Hi Guyz.....

This is a Common Trick for the New Generation of Friendster... hehe wat a introduction...

Heres The Codes For Fader Effect...

Quote :
/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

var gradualFader={}
gradualFader.baseopacity=0.10
gradualFader.increment=0.2
document.write('<style type="text/css">\n')
document.write('.commonbox{filter:progid:DXImageTransform.Microsoft.alpha(opacity='
+gradualFader.baseopacity*100+'); -moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}\n')
document.write('</style>')
gradualFader.setopacity=function(obj, value){
var targetobject=obj
if (targetobject && targetobject.filters && targetobject.filters[0]){
if (typeof targetobject.filters[0].opacity=="number")
targetobject.filters[0].opacity=value*100
else
targetobject.style.filter="alpha(opacity="+value*100+")"
}
else if (targetobject && typeof targetobject.style.MozOpacity!="undefined")
targetobject.style.MozOpacity=value
else if (targetobject && typeof targetobject.style.opacity!="undefined")
targetobject.style.opacity=value
targetobject.currentopacity=value
}
gradualFader.fadeupdown=function(obj, direction){
var targetobject=obj
var fadeamount=(direction=="fadeup")? this.increment : -this.increment
if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){
this.setopacity(obj, targetobject.currentopacity+fadeamount)
window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 50)
}
}
gradualFader.clearTimer=function(obj){
if (typeof window["opacityfader"+obj._fadeorder]!="undefined")
clearTimeout(window["opacityfader"+obj._fadeorder])
}
gradualFader.isContained=function(m, e){
var e=window.event || e
var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
if (c==m)
return true
else
return false
}
gradualFader.fadeinterface=function(obj, e, direction){
if (!this.isContained(obj, e)){
gradualFader.clearTimer(obj)
gradualFader.fadeupdown(obj, direction)
}
}
gradualFader.collectElementbyClass=function(classname){
var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i")
var pieces=[]
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (var i=0; i<alltags.length; i++){
if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
pieces[pieces.length]=alltags[i]
}
return pieces
}
gradualFader.init=function(){
var targetobjects=this.collectElementbyClass("commonbox")
for (var i=0; i<targetobjects.length; i++){
targetobjects[i]._fadeorder=i
this.setopacity(targetobjects[i], this.baseopacity)
targetobjects[i].onmouseover=function(e){gradualFader.fadeinterface(this, e, "fadeup")}
targetobjects[i].onmouseout=function(e){gradualFader.fadeinterface(this, e, "fadedown")}
}
}
gradualFader.init()

And This is The Ready 2 Paste Code of Fader Effect

Quote :
http://www.stormpages.com/rycell/Techmates/Javascripts/Fader.js

Ill Post The Steps how to use this using a application when the application is already Post

NoseBleed.....

Thanks For Dynamic Drive For Providing this amazing code...

More Power To Us....

_________________
Back to top Go down
View user profile http://www.rycell.manilahost.net
xmidgetx24
TM Member
avatar

Posts : 48
Points : 50
Reputation : -1
Join date : 2009-07-26
Age : 23

PostSubject: Re: Fader Code   Wed Jul 29, 2009 7:18 pm

tenx por this..
i'll just wait the instruction how to use app..
tcee:]
Back to top Go down
View user profile http://profiles.friendster.com/atoh09
JorgyRom
Admin
Admin
avatar

Posts : 49
Points : 78
Reputation : 3
Join date : 2009-07-26
Age : 26
Location : Manila

PostSubject: Re: Fader Code   Thu Jul 30, 2009 3:04 am

^ ill post 2mrow if how to use it..

_________________
"Life is Useless Without Techmates"

http://profiles.friendster.com/111675865

How to make JS(javascript) File?
Click here

How to make CSS(cascading style sheets file)?
Click here
Back to top Go down
View user profile
L.DHIANNEZIE
TM Member
avatar

Posts : 31
Points : 31
Reputation : 0
Join date : 2009-07-30
Age : 25
Location : Ottawa,Ontario

PostSubject: Re: Fader Code   Thu Jul 30, 2009 6:25 am

tommorow??
sure..ill wait for that!
Back to top Go down
View user profile
Sponsored content




PostSubject: Re: Fader Code   

Back to top Go down
 
Fader Code
Back to top 
Page 1 of 1
 Similar topics
-
» Code enforcement: Hobbyist loophole?
» RPO code question
» aresze's moc - Code Red
» Stardust Buster vs Battle fader
» SEM Color Code for 94 SS Interior...

Permissions in this forum:You cannot reply to topics in this forum
TechMates :: Friendster Design and Development :: Friendster Tricks and Tutorials :: JavaScript-
Jump to: