[u][b]Production: Class-S[/b][/u] :lol: [i][b]New features:[/b] -Sliding drop down fix positioning for the screen resolution[/i] [b]this trick is brought to you by the following url's and also the
You are viewing a post by cklahrckiey. View all 97 posts in [u][b]Production: Class-S[/b][/u] :lol: [i][b]New features:[/b] -Sliding drop down fix positioning for the screen resolution[/i] [b]this trick is brought to you by the following url's and also the .
2008-05-08 00:10:44
- cklahrckiey
- » FTalkFreak
1891
0
1969-12-31
Re: [u][b]Production: Class-S[/b][/u] :lol: [i][b]New features:[/b] -Sliding drop down fix positioning for the screen resolution[/i] [b]this trick is brought to you by the following url's and also the
this code should be at the bottom of all codes...
<">so it will look like this...
[quote]if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};
function onProfileLoad() {
var cip = document.getElementById("navLang").innerHTML+="<div align=\"center\" style=\"width:100%;\"><div id=\"hit_area\" onmouseover=\"toggleDown();\"><center><img src='http://i304.photobucket.com/albums/nn161/noeladores/prostreetban.jpg' border=0></center></div><div id=\"menu_holder\"><div id=\"nav\"><ul><div id=\"dropmenudiv\" style=\"visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'\" onMouseover=\"clearhidemenu()\" onMouseout=\"dynamichide(event)\"></div><li><a href=\"http://www.friendster.com/\" onMouseover=\"dropdownmenu(this, event, menu1, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img507.imageshack.us/img507/9855/homeuo9.png\"></a></li><li><a href=\"http://www.friendster.com/user.php\" onMouseover=\"dropdownmenu(this, event, menu2, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img393.imageshack.us/img393/6476/myprofiledr4.png\"></a></li><li><a href=\"http://www.friendster.com/widget_myapps.php\" onMouseover=\"dropdownmenu(this, event, menu3, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img178.imageshack.us/img178/5803/myappsy9.png\"></a></li><li><a href=\"http://www.friendster.com/friends.php\" onMouseover=\"dropdownmenu(this, event, menu4, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img245.imageshack.us/img245/4273/hpmsndock64x64ym1.png\"></a></li><li><a href=\"http://www.friendster.com/explorer.php\" onMouseover=\"dropdownmenu(this, event, menu5, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img178.imageshack.us/img178/1096/explorerwe5.png\"></a></li><li><a href=\"http://www.friendster.com/gallery.php\" onMouseover=\"dropdownmenu(this, event, menu6, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img185.imageshack.us/img185/8210/searchza8.png\"></a></li><li><a href=\"http://olx.friendster.com/gateway_cobranded.php?country=\" onMouseover=\"dropdownmenu(this, event, menu7, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img142.imageshack.us/img142/1632/classifiedtj4.png\"></a></li><li><a href=\"http://www.friendster.com/invite.php\" onMouseover=\"dropdownmenu(this, event, menu8, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"http://img166.imageshack.us/img166/1339/invitemc2.png\"></a></li></ul></div></div><div id=\"hit_area2\" onmouseover=\"toggleUp();\"><br><br><br><br></div></div>";
toggleDown();
}
/////////////////start of the dock code//////////////////////
var down = false;
function toggleDown() {
if(down==false){
down=true;
t1 = new Tween(document.getElementById('menu_holder').style, 'top', Tween.strongEaseOut, -70, 0, .4, 'px');
t1.start();
}
}
function toggleUp() {
if(down==true){
down=false;
t1 = new Tween(document.getElementById('menu_holder').style, 'top', Tween.strongEaseIn, 0, -70, .6, 'px');
t1.start();
}
}
/**********************************************************************
TERMS OF USE - EASING EQUATIONS
Open source under the BSD License.
Copyright (c) 2001 Robert Penner
JavaScript version copyright (C) 2006 by Philippe Maegerman
All rights reserved.
Promoted by: cip6192 of friendstertalk.com
**********************************************************************/
function Delegate() {}
Delegate.create = function (o, f) {
var a = new Array() ;
var l = arguments.length ;
for(var i = 2 ; i < l ; i++) a[i - 2] = arguments[i] ;
return function() {
var aP = [].concat(arguments, a) ;
f.apply(o, aP);
}
}
Tween = function(obj, prop, func, begin, finish, duration, suffixe){
this.init(obj, prop, func, begin, finish, duration, suffixe)
}
var t = Tween.prototype;
t.obj = new Object();
t.prop='';
t.func = function (t, b, c, d) { return c*t/d + b; };
t.begin = 0;
t.change = 0;
t.prevTime = 0;
t.prevPos = 0;
t.looping = false;
t._duration = 0;
t._time = 0;
t._pos = 0;
t._position = 0;
t._startTime = 0;
t._finish = 0;
t.name = '';
t.suffixe = '';
t._listeners = new Array();
t.setTime = function(t){
this.prevTime = this._time;
if (t > this.getDuration()) {
if (this.looping) {
this.rewind (t - this._duration);
this.update();
this.broadcastMessage('onMotionLooped',{target:this,type:'onMotionLooped'});
} else {
this._time = this._duration;
this.update();
this.stop();
this.broadcastMessage('onMotionFinished',{target:this,type:'onMotionFinished'});
}
} else if (t < 0) {
this.rewind();
this.update();
} else {
this._time = t;
this.update();
}
}
t.getTime = function(){
return this._time;
}
t.setDuration = function(d){
this._duration = (d == null || d <= 0) ? 100000 : d;
}
t.getDuration = function(){
return this._duration;
}
t.setPosition = function(p){
this.prevPos = this._pos;
var a = this.suffixe != '' ? this.suffixe : '';
this.obj[this.prop] = Math.round(p) + a;
this._pos = p;
this.broadcastMessage('onMotionChanged',{target:this,type:'onMotionChanged'});
}
t.getPosition = function(t){
if (t == undefined) t = this._time;
return this.func(t, this.begin, this.change, this._duration);
};
t.setFinish = function(f){
this.change = f - this.begin;
};
t.geFinish = function(){
return this.begin + this.change;
};
t.init = function(obj, prop, func, begin, finish, duration, suffixe){
if (!arguments.length) return;
this._listeners = new Array();
this.addListener(this);
if(suffixe) this.suffixe = suffixe;
this.obj = obj;
this.prop = prop;
this.begin = begin;
this._pos = begin;
this.setDuration(duration);
if (func!=null && func!='') {
this.func = func;
}
this.setFinish(finish);
}
t.start = function(){
this.rewind();
this.startEnterFrame();
this.broadcastMessage('onMotionStarted',{target:this,type:'onMotionStarted'});
//alert('in');
}
t.rewind = function(t){
this.stop();
this._time = (t == undefined) ? 0 : t;
this.fixTime();
this.update();
}
t.fforward = function(){
this._time = this._duration;
this.fixTime();
this.update();
}
t.update = function(){
this.setPosition(this.getPosition(this._time));
}
t.startEnterFrame = function(){
this.stopEnterFrame();
this.isPlaying = true;
this.onEnterFrame();
}
t.onEnterFrame = function(){
if(this.isPlaying) {
this.nextFrame();
setTimeout(Delegate.create(this, this.onEnterFrame), 0);
}
}
t.nextFrame = function(){
this.setTime((this.getTimer() - this._startTime) / 1000);
}
t.stop = function(){
this.stopEnterFrame();
this.broadcastMessage('onMotionStopped',{target:this,type:'onMotionStopped'});
}
t.stopEnterFrame = function(){
this.isPlaying = false;
}
t.continueTo = function(finish, duration){
this.begin = this._pos;
this.setFinish(finish);
if (this._duration != undefined)
this.setDuration(duration);
this.start();
}
t.resume = function(){
this.fixTime();
this.startEnterFrame();
this.broadcastMessage('onMotionResumed',{target:this,type:'onMotionResumed'});
}
t.yoyo = function (){
this.continueTo(this.begin,this._time);
}
t.addListener = function(o){
this.removeListener (o);
return this._listeners.push(o);
}
t.removeListener = function(o){
var a = this._listeners;
var i = a.length;
while (i--) {
if (a[i] == o) {
a.splice (i, 1);
return true;
}
}
return false;
}
t.broadcastMessage = function(){
var arr = new Array();
for(var i = 0; i < arguments.length; i++){
arr.push(arguments[i])
}
var e = arr.shift();
var a = this._listeners;
var l = a.length;
for (var i=0; i<l; i++){
if(a[i][e])
a[i][e].apply(a[i], arr);
}
}
t.fixTime = function(){
this._startTime = this.getTimer() - this._time * 1000;
}
t.getTimer = function(){
return new Date().getTime() - this._time;
}
Tween.backEaseIn = function(t,b,c,d,a,p){
if (s == undefined) var s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
}
Tween.backEaseOut = function(t,b,c,d,a,p){
if (s == undefined) var s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
}
Tween.backEaseInOut = function(t,b,c,d,a,p){
if (s == undefined) var s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*
1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*1.525))+1)*t + s) + 2) + b;
}
Tween.elasticEaseIn = function(t,b,c,d,a,p){
if (t==0) return b;
if ((t/=d)==1) return b+c;
if (!p) p=d*.3;
if (!a || a < Math.abs(c)) {
a=c; var s=p/4;
}
else
var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
}
Tween.elasticEaseOut = function (t,b,c,d,a,p){
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b);
}
Tween.elasticEaseInOut = function (t,b,c,d,a,p){
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) var p=d*(.3*1.5);
if (!a || a < Math.abs(c)) {var a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
}
Tween.bounceEaseOut = function(t,b,c,d){
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-2.625/2.75))*t + .984375) + b;
}
}
Tween.bounceEaseIn = function(t,b,c,d){
return c - Tween.bounceEaseOut (d-t, 0, c, d) + b;
}
Tween.bounceEaseInOut = function(t,b,c,d){
if (t < d/2) return Tween.bounceEaseIn (t*2, 0, c, d) * .5 + b;
else return Tween.bounceEaseOut (t*2-d, 0, c, d) * .5 + c*.5 + b;
}
Tween.strongEaseInOut = function(t,b,c,d){
return c*(t/=d)*t*t*t*t + b;
}
Tween.regularEaseIn = function(t,b,c,d){
return c*(t/=d)*t + b;
}
Tween.regularEaseOut = function(t,b,c,d){
return -c *(t/=d)*(t-2) + b;
}
Tween.regularEaseInOut = function(t,b,c,d){
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
}
Tween.strongEaseIn = function(t,b,c,d){
return c*(t/=d)*t*t*t*t + b;
}
Tween.strongEaseOut = function(t,b,c,d){
return c*((t=t/d-1)*t*t*t*t + 1) + b;
}
Tween.strongEaseInOut = function(t,b,c,d){
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
}
/***********************************************
* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Contents for home
var menu1=new Array()
menu1[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Home</font>'
//Contents for my profile
var menu2=new Array()
menu2[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">My Profile</font>'
menu2[1]='<a href="http://www.friendster.com/editprofile.php">Edit Profile</a>'
menu2[2]='<a href="http://www.friendster.com/photos/'+pageViewerID+'">Photos</a>'
menu2[3]='<a href="http://widgets.friendster.com/meezavatars">Avatars</a>'
menu2[4]='<a href="http://widgets.friendster.com/meezavatars?app=games">Games</a>'
menu2[5]='<a href="http://www.friendster.com/review.php">Revies</a>'
menu2[6]='<a href="http://www.friendster.com/blogs.php">Blogs</a>'
menu2[7]='<a href="http://www.friendster.com/featuredfriends.php">Featured Friends</a>'
menu2[8]='<a href="http://www.friendster.com/video.php">Video</a>'
menu2[9]='<a href="http://www.friendster.com/bulletinboard.php">Bulletin Board</a>'
//Contents for my app
var menu3=new Array()
menu3[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">My App</font>'
//Contents for my connections
var menu4=new Array()
menu4[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">My Connection</font>'
menu4[1]='<a href="http://www.friendster.com/friends.php">Friends</a>'
menu4[2]='<a href="http://www.friendster.com/schools.php">Schools</a>'
menu4[3]='<a href="http://www.friendster.com/friends.php?action=spusers">Im a Fan of...</a>'
menu4[4]='<a href="http://www.friendster.com/bookmarks.php">Bookmarks</a>'
menu4[5]='<a href="http://www.friendster.com/mygroup.php">Groups</a>'
//Contents for explorer
var menu5=new Array()
menu5[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Explorer</font>'
menu5[1]='<a href="http://www.friendster.com/userlist.php?list=newusers">People</a>'
menu5[2]='<a href="http://www.friendster.com/photolist.php?list=mostrecent">Photos</a>'
menu5[3]='<a href="http://www.friendster.com/video.php">Video</a>'
menu5[4]='<a href="http://www.friendster.com/userlist.php?list=feat_profile">Fan Profiles</a>'
menu5[5]='<a href="http://www.friendster.com/widgetdirectory.php">Applications</a>'
var menu6=new Array()
menu6[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Search</font>'
var menu7=new Array()
menu7[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Classified</font>'
var menu8=new Array()
menu8[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Invite</font>'
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=90 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
//////////////////end of the dock code////////////////////////[/quote]
i hope that you've got it...
1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*1.525))+1)*t + s) + 2) + b;
}
Tween.elasticEaseIn = function(t,b,c,d,a,p){
if (t==0) return b;
if ((t/=d)==1) return b+c;
if (!p) p=d*.3;
if (!a || a < Math.abs(c)) {
a=c; var s=p/4;
}
else
var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
}
Tween.elasticEaseOut = function (t,b,c,d,a,p){
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b);
}
Tween.elasticEaseInOut = function (t,b,c,d,a,p){
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) var p=d*(.3*1.5);
if (!a || a < Math.abs(c)) {var a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
}
Tween.bounceEaseOut = function(t,b,c,d){
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-2.625/2.75))*t + .984375) + b;
}
}
Tween.bounceEaseIn = function(t,b,c,d){
return c - Tween.bounceEaseOut (d-t, 0, c, d) + b;
}
Tween.bounceEaseInOut = function(t,b,c,d){
if (t < d/2) return Tween.bounceEaseIn (t*2, 0, c, d) * .5 + b;
else return Tween.bounceEaseOut (t*2-d, 0, c, d) * .5 + c*.5 + b;
}
Tween.strongEaseInOut = function(t,b,c,d){
return c*(t/=d)*t*t*t*t + b;
}
Tween.regularEaseIn = function(t,b,c,d){
return c*(t/=d)*t + b;
}
Tween.regularEaseOut = function(t,b,c,d){
return -c *(t/=d)*(t-2) + b;
}
Tween.regularEaseInOut = function(t,b,c,d){
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
}
Tween.strongEaseIn = function(t,b,c,d){
return c*(t/=d)*t*t*t*t + b;
}
Tween.strongEaseOut = function(t,b,c,d){
return c*((t=t/d-1)*t*t*t*t + 1) + b;
}
Tween.strongEaseInOut = function(t,b,c,d){
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
}
/***********************************************
* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Contents for home
var menu1=new Array()
menu1[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Home</font>'
//Contents for my profile
var menu2=new Array()
menu2[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">My Profile</font>'
menu2[1]='<a href="http://www.friendster.com/editprofile.php">Edit Profile</a>'
menu2[2]='<a href="http://www.friendster.com/photos/'+pageViewerID+'">Photos</a>'
menu2[3]='<a href="http://widgets.friendster.com/meezavatars">Avatars</a>'
menu2[4]='<a href="http://widgets.friendster.com/meezavatars?app=games">Games</a>'
menu2[5]='<a href="http://www.friendster.com/review.php">Revies</a>'
menu2[6]='<a href="http://www.friendster.com/blogs.php">Blogs</a>'
menu2[7]='<a href="http://www.friendster.com/featuredfriends.php">Featured Friends</a>'
menu2[8]='<a href="http://www.friendster.com/video.php">Video</a>'
menu2[9]='<a href="http://www.friendster.com/bulletinboard.php">Bulletin Board</a>'
//Contents for my app
var menu3=new Array()
menu3[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">My App</font>'
//Contents for my connections
var menu4=new Array()
menu4[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">My Connection</font>'
menu4[1]='<a href="http://www.friendster.com/friends.php">Friends</a>'
menu4[2]='<a href="http://www.friendster.com/schools.php">Schools</a>'
menu4[3]='<a href="http://www.friendster.com/friends.php?action=spusers">Im a Fan of...</a>'
menu4[4]='<a href="http://www.friendster.com/bookmarks.php">Bookmarks</a>'
menu4[5]='<a href="http://www.friendster.com/mygroup.php">Groups</a>'
//Contents for explorer
var menu5=new Array()
menu5[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Explorer</font>'
menu5[1]='<a href="http://www.friendster.com/userlist.php?list=newusers">People</a>'
menu5[2]='<a href="http://www.friendster.com/photolist.php?list=mostrecent">Photos</a>'
menu5[3]='<a href="http://www.friendster.com/video.php">Video</a>'
menu5[4]='<a href="http://www.friendster.com/userlist.php?list=feat_profile">Fan Profiles</a>'
menu5[5]='<a href="http://www.friendster.com/widgetdirectory.php">Applications</a>'
var menu6=new Array()
menu6[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Search</font>'
var menu7=new Array()
menu7[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Classified</font>'
var menu8=new Array()
menu8[0]='<font style="font-size:14pt;font-weight:bold;font-family:times;color:#ffffff;">Invite</font>'
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=90 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
//////////////////end of the dock code////////////////////////[/quote]
i hope that you've got it...
 |