[quote]the trick still works... but due to some friendster module updates
your addbox function must be replaced by an updated newBox.
see some post by JacktheRipper... (use [b]Search[/b] nav above)[/quote]
[b]PREVIEW:[/b] [url=http://profiles.friendster.com/97631908]Disclaimer_X profile[/url]
I'm not using it at this time on my Sidebox(right)... for now its on my Mainbox(left)
[b]Credits:[/b] to [b]marfillaster[/b] for creating this awesome script...
and to master feruzz aka Otai for the updates... and to deys82 for d help...
and to JacktheRipper for add box help...
[b]putting the Friends Randomizer as sidebox.[/b]
NOTE: this is a sidebox with marquee effect...
auto in IE but needs to be hovered in FF.
and needs effort and patience esp. on its css.
on your WVM tracker code
first put the [b]Ffetcher.init();[/b] on the position below
[quote]function onProfileLoad() {
//sidebox or other codes here
addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null);
//if you have other codes here put it after... if none, put after the tracker addbox.
[b]Ffetcher.init();[/b]
}
//rest of tracker codes...
/* end of tracker codes */[/quote]
[b]//then put this after.. below the tracker codes.[/b]
[quote]function randOrd(){
return (Math.round(Math.random())-0.5);
}
if (typeof Ffetcher == "undefined") { Ffetcher = {}; }
Ffetcher = {
friends: new Array(),
pages: null,
maxfriends: null,
container: null,
cached: new Array(),
display: 6,
init: function() {
var num=document.links;
for(var x=0;x<num.length;x++) {
if (num[x].href.match(/\/friends\/[\d]+?/)) {
var t=/\(([\d]+?)\)/;
this.maxfriends=t.exec(num[x].innerHTML)[1];
break;
}
}
this.pages=Math.floor(this.maxfriends/30);
var htm="[b]<br><center><marquee behavior='scroll' direction='down' height='300' scrollamount='7' onMouseOver='stop()' onMouseOut='start()'><div align='center' id='fcontainer'></div></marquee></center><br>[/b]";
addBox("RIGHT","Friends",htm,"frbox",[b]"14"[/b]);
document.getElementById("content_frbox").innerHTML+="<center><div class='viewall'><a href='javascript: void(Ffetcher.more())'>[b]<font color=#cc9966>Click To View More Random Friends</font>[/b]</a></div></center>";
this.container=document.getElementById("fcontainer");
this.fetch(0);
},
fetch: function(page) {
document.getElementById("frbox").childNodes[0].innerHTML="[color=red]<center>Pls kindly wait..</center>[/color]";
processAjaxRequest("GET","/friends/"+pageOwnerID+"/"+page,true,null, "parseFriends",page);
},
show: function() {
this.container.innerHTML="";
this.friends.sort(randOrd);
for(var x=0;x<this.display;x++) {
this.container.innerHTML+=this.friends[x];
}
},
more: function() {
if(this.cached.length<(this.pages+1)) {
var temp;
do {
temp=Math.ceil(Math.random()*(this.pages));
}while(this.cached.toString().indexOf(":"+temp+":")!=-1);
this.fetch(temp);
}
else {
this.show();
}
}
};
function parseFriends(htm,page) {
if(!htm){
Ffetcher.fetch(page);
return;
}
var r= /search1\x22>[\S\s]+?paginglinksmodule\x22>([\S\s]+?)<div class=\x22paginglinksmodule/;
var temp=r.exec(htm)[1];
temp=temp.match(/<div class="flogriditem">[\S\s]+?<\/div>\n<\/div><\/div>/g);
for(var x=0;x<temp.length;x++) {
temp[x]=temp[x].replace("samsg_icon.gif>","samsg_icon.gif />");
temp[x]=temp[x].replace(/<a /g,"<a target=_blank ");
if(!temp[x].match("nophoto")) Ffetcher.friends.push(temp[x]);
}
Ffetcher.cached.push(":"+page+":");
document.getElementById("frbox").childNodes[0].innerHTML="[color=blue]Friends <font color=#cc9966>Random</font> Gallery[/color]";
Ffetcher.show();
};[/quote]
those in bold parts and with colors can be edited at ur liking...
[b]edited:[/b] [color=red]red[/color] is the loading image and text when searching... [b](removed image)[/b]
[color=blue]blue[/color] is actually.... your header!!
[b]now this is the hard part.... the css...
coz it's css is connected on all ur sidebox settings...[/b]
[b]put in your main css files[/b]
[quote]#frbox {
width:300px ! Important;
background-color: transparent;
background-image:url(URL OF IMAGE/BKGD);
background-attachment: scrollable;
background-repeat: repeat;
background-position: center center;
border: 1px solid #444444;
}
#content_frbox {
width: 298px;
}
#fcontainer * {
padding: 0px;
margin: 0px;
font-family: Arial;
font-size: 9px;
font-weight: normal;
}
.thumbnaildelete {
display: none;
}
#fcontainer {
text-align: center;
height: 300px;
width: 300px;
}
#fcontainer .flogriditem {
width: [b]80px;[/b]
overflow: hidden;
padding-left: 0px; padding-right:0px; padding-top:1px; padding-bottom:1px;
margin:[b]4px 6px 2px 12px;[/b]
height: 150px;
}
.inlinelt {
position: relative;
left: -2px;
top: 1px;
}
.flo50 .ic .imgblock a img {
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
height: [b]78px;[/b]
}
.flo50 .ic .imgblock {
height: [b]78px;[/b]
width: [b]78px;[/b]
overflow: hidden;
background-image:url(URL OF IMAGE/BKGD);
background-position:center center;
background-attachment: scrollable;
background-repeat: repeat;
background-color:transparent;
border: 1px solid #444444;
text-align: center;
}[/quote]
all those [b]bold[/b] parts must be edited carefully if it
didn't match your default css measurements on ur profile...
the rest.. background,color,border,etc... just edit at ur liking..
if you have patience.. you can make them looks almost the same
whether in IE or FF... not just this code... but all your css...
if you're going to put it below ur friends box and want to align it..
you might wanna change your default on your friends photo too...
see my profile for that...
edit this parts...
[quote].friends .ir {
background-image:url(URL OF IMAGE/BKGD);
background-position:center center;
background-attachment: fixed;
background-repeat: repeat;
background-color:#000000;
border: 1px solid #444444;
}
.flogrid75 .flogriditem {
width: 78px;
}
.flogrid75 .ir {
width: 78px;
height: 76px;
}
.friends img {
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
.commonbox .dr {
font-family: Arial;
color: #ff0033;
text-transform: Capitalize;
background-color: transparent;
background-image: url(URL OF IMAGE/BKGD);
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
border: 2px solid #444444;
text-align:center;
}
.dr {
text-align: center;
background: transparent;
padding: 3px 0;
width: 78px;
white-space: nowrap;
}[/quote]
edit the sizes to match your Friends Randomizer Box
//if you want your friends box with a fix measurement
and without a viewall
[quote].friends {
background-color: transparent;
background-image:url();
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
border: 1px solid #444444;
height: 300px ! Important;
}
.friends .viewall {display: none;}[/quote]
that's all folks... have patience...
Last edited by Refresh/Reload (2009-07-08 04:50:30)