friendsterTalk - Friendster Forum

Sorry guys.. I've been bz this past few days... because i need to focus on some personal things..
If your interested... Grab this tweak now..   

Ok the tweak is called Drop In Content...
And Once Again All the Credits to Cip  and Dynamic Drive
I edit some part of it and mixed it up with my addbox function so that it would work on Multiply


Let's Start
1st Code..( ADDBOX FUNCTION ) Place This At the top of your Js Codes...

function addBox (type,head,htm,id,sibling) {
//by blurrycloud multiply version 2008-3000
//credits to marfillaster friendster version
//type "top" | "bottoml" | "bottomr" | "siderail"
//head header string
//htm innerHTML string
//id css_id string

/* Available default Siblings
Coming Soon
*/

    try {
        var br=document.createElement("li");
    } catch(e) {
        var br=document.createElement("<br>");
    }
    if(type=="top") {
        var ul=document.getElementById("mainbox_1");
        htm="<div class='itemboxsub'>"+htm+"</div>";
    }
     else if(type=="bottomr") {
         var ul=document.getElementById("mainbox_4");
         
    } 
    else if(type=="siderail") {
         var ul=document.getElementById("rail");
    } 
    else var ul=document.getElementById("mainbox_3");
   
    br.innerHTML="<br><div id='"+id+"' class='itemboxsub "+id+"'>"+
                    "<h2>"+head+"</h2>"+
                    "<div id='content_"+id+"'>"+htm+
                    "</div>"+
                    "</div>";
                   
    if(sibling==null) ul.appendChild(br);
    else {
        sibling=document.getElementById(sibling);
        ul.insertBefore(br,sibling);
    }
}

if (!addEvent(function() { onPageLoad();})) { window.onload = function() { onPageLoad();};}

function onPageLoad() {

//OTHER BOXES HERE

var dropin ="<div align=\"center\"><center><input type=\"button\" value=\"Drop\" onClick=\"javascript:redo()\"></center></div>";
addBox("siderail","<font size =2px>Drop Me</font>",dropin,"dropin");
}

If you already have the addbox function just place this code inside your Onload handler

var dropin ="<div align=\"center\"><center><input type=\"button\" value=\"YOUR BUTTON LABEL\" onClick=\"javascript:redo()\"></center></div>";
addBox("siderail","YOUR TITLE HERE",dropin,"dropin");

2nd Code(The Function).. place it under your js code

/***********************************************
* Drop-in content box: By Dynamic Drive
* For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
* This credit MUST stay intact for use
* Edited by: cip6192
* Multiply Version: blurrycloud

***********************************************/

document.write('<div id="dropin" style="position:absolute;visibility:hidden;left:250px;top:50px;width:???px;height:auto;background-color:transparent">');
document.write('<div class="drag" style="background-color: transparent;background-image:url(http://h1.ripway.com/cip619/dizzlerlayo … tle_bg.jpg);background-position:top center;background-attachment:scroll;background-repeat: repeat-x;border: 1px inset #1a1a1a;color:#000000;font-size:9pt;font-weight:bold;text-align: right;"> [Header Of Your  Drop Box]');
document.write('<h2 id="header_drop"><a href="#" onClick=javascript:toggle3("content_dropin");><font color="#ffffff" size="2"><b>[Max/Min]</b></font> </a><a href="#" onClick="dismissbox();return false"><font color="#ffffff" size="2"> [Close Box]</b></font> </a></h2>');
document.write('<div align="center" id="content_dropin" >PUT THE THING HERE</div>');
document.write('</div>');
document.write('</div>');
document.write('</div>');

//Specify rate of display (1/freq)
var freq=100

var random_num=Math.floor(Math.random()*freq)
if (random_num==0)
window.onload=initbox
var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}
function redo(){
bouncelimit=32
direction="up"
initbox()
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
/***********************************************
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
* Edited by: cip6192
* Multiply Version: blurrycloud
***********************************************/

var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}

dragobject.initialize()

Just replace the PUT THE THING HERE with your object... eg., videos, mp3, chatbox, jpg images, gif images etc etc etc...

Reminder: If your object have double quotes.. leave it as it is...  (") 
and if it have single quote replace it with double quotes.. (') to (")

Ex:

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/j_Ajo6fTdew&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/j_Ajo6fTdew&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

LEAVE IT AS IT IS...     

For The CSS
Go Here: http://multiply.com/setup/pages/upload-css
Then Insert this code...

.drag{
position:relative;
cursor:hand;
z-index: 100;
}
#header_drop {
  background-color: transparent;
  background-image:url(http://h1.ripway.com/cip619/dizzlerlayoutfiles/header_bg.gif); 
  background-position:center center; 
  background-attachment:scroll! important; 
  background-repeat:repeat; 
  border-color:transparent; 
  border-top-width: 1px! important; 
  border-bottom-width: 1px! important; 
  border-left-width: 1px! important; 
  border-right-width: 1px! important; 
  border-style: inset! important; 
  border-color:#1a1a1a! important;
}
#content_dropin {display: none;}

That's it and your done.... More Tweaks to Come      

IMG PREVIEW
Live Preview : twistedcloud.multiply.com

PS: You can also drag this object anywhere you like .. LMAO   

Last edited by blurrycloud (2008-01-28 07:53:01)