[quote=nyubi]tolongin iah sob...[/quote]
pake droggable aja sob....
[spoiler]//drag MOVE c-BOX
if (!attachOnLoadHandler(function() { dragBox();})) window.onload = function() { dragBox();};
function dragBox() {
DRAGGABLE.init();
}
if (typeof DRAGGABLE == "undefined") { DRAGGABLE = {}; }
DRAGGABLE = {
init: function() {
var trgt;
try {
trgt = document.createElement("div");
}catch(e) {
trgt = document.createElement("<div>");
}
trgt.id = "tl";
trgt.style.position = "absolute";
trgt.style.top = "550px";
trgt.style.left = "350px";
trgt.style.zIndex = 30000;
document.getElementsByTagName("body")[0].appendChild(trgt);
var d = "<table border=\"0\" width=\"300px\" bgcolor=\"#000000\" cellspacing=\"0\" cellpadding=\"5\" div align=\"left\" div id=\"chatbox\"></div>"+
"<tr>"+
"<td width=\"100%\">"+
"<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" height=\"36\">"+
"<tr>"+
"<td id=\"tBar\" style=\"cursor:move\" width=\"100%\">"+
"<ilayer width=\"100%\" onSelectStart=\"return false\">"+
"<layer width=\"100%\" onMouseover=\"isHot=true;if (document.layers) DRAGGABLE.tetikusN4(tl)\" onMouseout=\"isHot=false\">"+
"<center><h2>TV ONLINE</h2></center>"+
"</layer>"+
"</ilayer>"+
"</td>"+
"<td style=\"cursor:hand\" valign=\"top\">"+
"<a href=\"#\" onClick=\"DRAGGABLE.hideMe();return false\"><img src=\"http://img243.imageshack.us/img243/6739/closelz2.gif\" title=\"close\"></a>"+
"</td>"+
"</tr>"+
"<tr>"+
"<td width=\"100%\" bgcolor=\"#d5e05e\" background=\"http://img112.imageshack.us/img112/2691/cobaky6.jpg\" style=\"padding:4px\" colspan=\"2\"><div id='cboxdiv' div align='center'><font size='1'><b>Selamat Menikmati Acara Hari ini</b></font><hr></div>"+
"<div align='center'><iframe src='http://h1.ripway.com/aja/tvgw.html' width='400' height='400' scrolling='no' marginwidth='0' marginheight='0' allowTransparency='true' frameborder='0'></iframe></div>"+
"</tr>"+
"</table>"+
"</td>"+
"</tr>"+
"</table>";
tx = document.getElementById("tl");
tx.innerHTML = d;
var link = "";
try {
link = document.createElement("<a id=\"dl\" style=\"display: none\" href=\"#\" onclick=\"DRAGGABLE.showMe(this);return false\">");
}catch(e) {
link = document.createElement("a");
link.setAttribute("id","dl");
link.setAttribute("href","#");
link.setAttribute("style","display: none");
link.onclick = function() {
DRAGGABLE.showMe();
return false;
};
}
link.innerHTML = "Show Tv Online";
var q = document.getElementById("controlPanelButtons");
q.appendChild(link);
document.onmousedown = DRAGGABLE.tetikusInit;
document.onmouseup = Function("ddEnabled=false");
isHot = false;
},
hideMe: function() {
document.getElementById("dl").style.display = "";
if (document.all || !document.all && document.getElementById) kr.style.display = "none";
else if (document.layers) document.tl.visibility = "hide";
},
showMe: function() {
document.getElementById("dl").style.display = "none";
if (document.all || !document.all && document.getElementById) kr.style.display = "";
else if (document.layers) document.tl.visibility = "show";
},
tetikusInit: function(klik) {
dx = document.all ? "BODY" : "HTML";
kr = document.all ? document.all.tl : document.getElementById("tl");
dy = document.all ? event.srcElement : klik.target;
while (dy.id != "tBar" && dy.tagName != dx) {
dy = document.all ? dy.parentElement : dy.parentNode;
}
if (dy.id == "tBar") {
offsetx = document.all ? event.clientX : klik.clientX;
offsety = document.all ? event.clientY : klik.clientY;
nowX = parseInt(kr.style.left);
nowY = parseInt(kr.style.top);
ddEnabled = true;
document.onmousemove = DRAGGABLE.tetikus;
}
},
tetikus: function(klik) {
if (!ddEnabled) return;
kr.style.left = document.all ? nowX + event.clientX - offsetx : nowX + klik.clientX - offsetx;
kr.style.top = document.all ? nowY + event.clientY - offsety : nowY + klik.clientY - offsety;
return false;
},
tetikusN4: function(klik) {
if (!document.layers) return;
N4 = eval(klik);
N4.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
N4.onmousedown = function(posisi) {
N4.captureEvents(Event.MOUSEMOVE);
N4x = posisi.x;
N4y = posisi.y;
};
N4.onmousemove = function(posisi) {
if (isHot) {
N4.moveBy(posisi.x - N4x, posisi.y - N4y);
return false;
}
};
N4.onmouseup = function() {
N4.releaseEvents(Event.MOUSEMOVE);
};
}
};[/spoiler]
tarok di C
Last edited by oby_nagnar (2008-08-18 04:11:57)