
i love this code:thumbsup:

-Offline- |

what if i want to put a new box " above " the friend box? 
-Offline- |

then try it lol.. theres the code experiment with it.. dont expect for spoon feeding...
identify the id of meettrail.. subnav will do too.. just play with the codes maximize its use

^
ok.. thanks..
its because im a noob.. and ur an expert with these things .. thats why i didnt know..
sorry mam....
-Offline- |

de nada... just follow the instruction at first page... im not an expert lol..
im still learning

can you please give me an example of the css need to use ? hehe . the modified one pls.
what's werong with this code ? T.T
#playlist {margin-bottom: 40px! important; border: 2px solid #99999! important;}-Offline- |

pwede b to sa FF?

-Offline- |

-Offline- |

ahmm... Ate Swit... can U Check my Code....
x1=document.createElement("div");
x1.id="playlist";
document.getElementById("2").parentNode.appendChild(x1);
playlist.innerHTML="<h2>My Playlist</h2>"
+'<object width='300' height='340'><param name='movie' value='http://media.imeem.com/pl/qtuqOLiCWv/'></param><param name='wmode' value='transparent'></param><param name='FlashVars' value='backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666'></param><embed src='http://media.imeem.com/pl/qtuqOLiCWv/' type='application/x-shockwave-flash' width='300' height='340' wmode='transparent'FlashVars='backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666'></embed><a href='http://www.imeem.com/whothehellami/playlist/jsIJE7iY/huwaw_music_playlist/'>HUWAW!!!</a></object>'i flollowed ur step but it didnt work on m profile,,,,
and also the Css Thingy ^^
i hope this one is right 
#playlist {margin-bottom: 40px! border 4px ridge #999999 important;}
#playlist h2 { text-align:center! font #999999 improtant;}
-Offline- |

try to change the single quote to double:
+"<object width='300' height='340'><param name='movie' value='http://media.imeem.com/pl/qtuqOLiCWv/'></param><param name='wmode' value='transparent'></param><param name='FlashVars' value='backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666'></param><embed src='http://media.imeem.com/pl/qtuqOLiCWv/' type='application/x-shockwave-flash' width='300' height='340' wmode='transparent'FlashVars='backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666'></embed><a href='http://www.imeem.com/whothehellami/playlist/jsIJE7iY/huwaw_music_playlist/'>HUWAW!!</a></object>"

dunno cant gv u a repu:(... but nywyz thanks a lot for this shortscrip addbox


-Offline- |
function addbox(){
x1=document.createElement("div");
x1.id="playlist";
document.getElementById("0").parentNode.appendChild(x1);
playlist.innerHTML="<h2>My Playlist</h2>"
+"COMPLETE EMBED CODE HERE / CHATBOX / SLIDE WHATEVER"
}
setTimeout("addbox()",1000)a
Do i need to save this as .js?
#playlist {margin-bottom: 40px! important; border etc etc}
#playlist h2 { text-align:center! important; font etc etc! important}
and about his one, can i just include this on my css?
-Offline- |

Wow...Great Job...
Keep it up....
three thumbs up for u...![]()
![]()
![]()
-Offline- |

pedenski wrote:
function addbox(){
x1=document.createElement("div");
x1.id="playlist";
document.getElementById("0").parentNode.appendChild(x1);
playlist.innerHTML="<h2>My Playlist</h2>"
+"COMPLETE EMBED CODE HERE / CHATBOX / SLIDE WHATEVER" << edit this as well
}
setTimeout("addbox()",1000)a << remove the letter a
Do i need to save this as .js?
ans:
yes
pedenski wrote:
#playlist {margin-bottom: 40px! important; border etc etc} << edit it okie
#playlist h2 { text-align:center! important; font etc etc! important}<< edit it okie
and about his one, can i just include this on my css?
ans:
yes
Last edited by switpotato (2008-05-23 11:15:01)

i also tried it to make the single qoute to double but.....
x1=document.createElement("div");
x1.id="playlist";
document.getElementById("2").parentNode.appendChild(x1);
playlist.innerHTML="<h2>My Playlist</h2>"
+"<object width="300" height="340"><param name="movie" value="http://media.imeem.com/pl/qtuqOLiCWv/"></param><param name="wmode" value="transparent"></param><param name="FlashVars" value="backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666"></param><embed src="http://media.imeem.com/pl/qtuqOLiCWv/" type="application/x-shockwave-flash" width="300" height="340" wmode="transparent"FlashVars="backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666"></embed><a href="http://www.imeem.com/whothehellami/playlist/jsIJE7iY/huwaw_music_playlist/">HUWAW!!!</a></object>"it didnt still work....hmm... can u check if it inflicts with this codes ate SwitPotAtO
var YMStatus;
try
{YMStatus = document.createElement("div");
}
catch (e)
{YMStatus = document.createElement("<div>");
}
YMStatus.setAttribute("style","text-align:center;padding-top: 10px");
YMStatus.innerHTML = "<a href='ymsgr:sendIM?rexis28'><img border=0 src='http://opi.yahoo.com/online?u=rexis28&m=g&t=2'></a></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(YMStatus);
if (!attachOnLoadHandler(function() { mainVpic();})) window.onload = function() { mainVpic();};
function mainVpic() {
if(pageViewerID!="") SPAWNPIC.init();
}
if (typeof SPAWNPIC == "undefined") { SPAWNPIC = {}; }
SPAWNPIC = {
photo: [],
init: function() {
this.ajaxRequest("http://"+location.hostname+"/"+pageViewerID,SPAWNPIC.viewer,null);
},
viewer: function(htm) {
if (htm.replace(/^\s*|\s*$/g,"") === null) {
alert("VMP Error: Unable to parse the photo!");
return;
}else if (htm) {
var name = /controlpanel_header">([\S\s]+?)<a\s+?name="controlpanel/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var photo = /imgblock200"><a[\S\s]*?>([\S\s]+?)<\/a><\/div>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var status = /data">([\S\s]+?)<\/span><\/li>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var since = /Since\:\s+?<\/span>([\S\s]+?)<\/li>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var location = /Location\:\s+<\/span>([\S\s]+?)<\/li>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
this.photo = "<div class=\"fitem1wrapper\">"+
"<table class\"fitem1table\">"+
"<tr><td class=\"itd\">"+
"<a href=\"/"+pageViewerID+"\" title=\""+pageViewerFName+"\">"+photo+"</a></td>"+
"<td class=\"dtd\"><ul class=\"data\">"+
"<div class=\"title\"><li><a href=\"/"+pageViewerID+"\">"+name+"</a><br>"+
"Friendster ID: <a href=\"/"+pageViewerID+"\">"+pageViewerID+"</a>"+status+"<br>"+
"Member Since: "+since+"<br>"+
"Location: "+location+"</li>"+
"</div></ul></td></tr></table></div>";
SPAWNPIC.box("Hello "+name,this.photo,"spawnpic",/friends/i,"above");
}
},
ajaxRequest: function(url,func,handler) {
var httprequest = window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
httprequest.onreadystatechange = function() {
if (httprequest.readyState == 4) {
if (httprequest.status == 200) {
func(httprequest.responseText,handler);
}
}
};
httprequest.open("GET", url, true);
httprequest.send(null);
},
box: function(head,code,id,sibling,x) {
var sbdiv = document.createElement("div");
sbdiv.className="commonbox "+id;
sbdiv.id = id;
if (!head) head = "";
else head = "<h2>"+head+"</h2>";
sbdiv.innerHTML = head;
sbdiv.appendChild(document.createElement("div"));
sbdiv.getElementsByTagName("div")[0].id ="content_"+id;
sbdiv.getElementsByTagName("div")[0].innerHTML = code;
var sbli = document.createElement("LI");
sbli.appendChild(sbdiv);
if (!x) this.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(sbli);
else if (x == "below") this.getModuleByClassName(sibling)[0].parentNode.appendChild(sbli);
else if (x == "above") {
var ul = this.getModuleByClassName(sibling)[0];
ul.parentNode.parentNode.insertBefore(sbli,ul.parentNode);
}
},
getModuleByClassName: function(sClass) {
var elm = [];
var els = document.getElementsByTagName("*") || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
}
return elm;
}
};its only 2 kinds of codes...
The YM Status UNder Control Panel And VIewers Pic Above the Friendlist....
does it inflict?

-Offline- |

-Offline- |

edit the css part add border codes
eg:
#playlist {margin-bottom: 40px! important; border: 4px solid red}<< edit this part
#playlist h2 { text-align:center! important; font etc etc! important}<<edit this part

i hope u can help me on the Thing i Posted Ate Swit.....

-Offline- |

function addbox(){
x1=document.createElement("div");
x1.id="playlist";
document.getElementById("2").parentNode.appendChild(x1);
playlist.innerHTML="<h2>My Playlist</h2>"
+"<object width='300' height='340'><param name='movie' value='http://media.imeem.com/pl/qtuqOLiCWv/'></param><param name='wmode' value='transparent'></param><param name='FlashVars' value='backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666'></param><embed src='http://media.imeem.com/pl/qtuqOLiCWv/' type='application/x-shockwave-flash' width='300' height='340' wmode='transparent'FlashVars='backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666'></embed><a href='http://www.imeem.com/whothehellami/playlist/jsIJE7iY/huwaw_music_playlist/'>HUWAW!!</a></object>"
}
setTimeout("addbox()",1000);
var YMStatus;
try
{YMStatus = document.createElement("div");
}
catch (e)
{YMStatus = document.createElement("<div>");
}
YMStatus.setAttribute("style","text-align:center;padding-top: 10px");
YMStatus.innerHTML = "<a href='ymsgr:sendIM?rexis28'><img border=0 src='http://opi.yahoo.com/online?u=rexis28&m=g&t=2'></a></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(YMStatus);
if (!attachOnLoadHandler(function() { mainVpic();})) window.onload = function() { mainVpic();};
function mainVpic() {
if(pageViewerID!="") SPAWNPIC.init();
}
if (typeof SPAWNPIC == "undefined") { SPAWNPIC = {}; }
SPAWNPIC = {
photo: [],
init: function() {
this.ajaxRequest("http://"+location.hostname+"/"+pageViewerID,SPAWNPIC.viewer,null);
},
viewer: function(htm) {
if (htm.replace(/^\s*|\s*$/g,"") === null) {
alert("VMP Error: Unable to parse the photo!");
return;
}else if (htm) {
var name = /controlpanel_header">([\S\s]+?)<a\s+?name="controlpanel/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var photo = /imgblock200"><a[\S\s]*?>([\S\s]+?)<\/a><\/div>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var status = /data">([\S\s]+?)<\/span><\/li>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var since = /Since\:\s+?<\/span>([\S\s]+?)<\/li>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
var location = /Location\:\s+<\/span>([\S\s]+?)<\/li>/i.exec(htm)[1].replace(/^(\d)$/,"0$1");
this.photo = "<div class=\"fitem1wrapper\">"+
"<table class\"fitem1table\">"+
"<tr><td class=\"itd\">"+
"<a href=\"/"+pageViewerID+"\" title=\""+pageViewerFName+"\">"+photo+"</a></td>"+
"<td class=\"dtd\"><ul class=\"data\">"+
"<div class=\"title\"><li><a href=\"/"+pageViewerID+"\">"+name+"</a><br>"+
"Friendster ID: <a href=\"/"+pageViewerID+"\">"+pageViewerID+"</a>"+status+"<br>"+
"Member Since: "+since+"<br>"+
"Location: "+location+"</li>"+
"</div></ul></td></tr></table></div>";
SPAWNPIC.box("Hello "+name,this.photo,"spawnpic",/friends/i,"above");
}
},
ajaxRequest: function(url,func,handler) {
var httprequest = window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
httprequest.onreadystatechange = function() {
if (httprequest.readyState == 4) {
if (httprequest.status == 200) {
func(httprequest.responseText,handler);
}
}
};
httprequest.open("GET", url, true);
httprequest.send(null);
},
box: function(head,code,id,sibling,x) {
var sbdiv = document.createElement("div");
sbdiv.className="commonbox "+id;
sbdiv.id = id;
if (!head) head = "";
else head = "<h2>"+head+"</h2>";
sbdiv.innerHTML = head;
sbdiv.appendChild(document.createElement("div"));
sbdiv.getElementsByTagName("div")[0].id ="content_"+id;
sbdiv.getElementsByTagName("div")[0].innerHTML = code;
var sbli = document.createElement("LI");
sbli.appendChild(sbdiv);
if (!x) this.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(sbli);
else if (x == "below") this.getModuleByClassName(sibling)[0].parentNode.appendChild(sbli);
else if (x == "above") {
var ul = this.getModuleByClassName(sibling)[0];
ul.parentNode.parentNode.insertBefore(sbli,ul.parentNode);
}
},
getModuleByClassName: function(sClass) {
var elm = [];
var els = document.getElementsByTagName("*") || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
}
return elm;
}
};

wenks..... i didnt use the
setTimeout("addbox()",1000);i thought it is not important if ur a IE user
and also its position... i put it below not above.... really really thnx on it....
thnx so much about it Ate Swit..... ^^
+1 Repu!!! woot......


![]()
Ur The 1st One I Gave Repu 
Last edited by rexis28 (2008-05-24 02:52:41)

-Offline- |