Pertama-tama, seperti biasa Izin Share.. Credid :[url=www.dynamicdrive.com]Dynamic Drive[/url] Compatible With : FF1+ IE5+ Opr7+ Fungsi : Supaya Elemen seperti Images bisa digeser-geser.. Prepiu : [b] Temporarily Disabled [/b] Caranya Copas Ini di CSS External [spoiler] .drag{ position:relative; cursor:hand; z-index: 100; } [/spoiler] Copas di JS External Bag C [spoiler] /*********************************************** * 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. ***********************************************/ 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() [/spoiler] Kalo mo Image yg Bisa digeser-geser bisa pake addbox kek gini: [spoiler] var code="<center><img src=\"[b]URL IMAGE[/b]\" class=\"drag\" WIDTH=\"150\" HEIGHT=\"150\">"+ "<img src=\"[b]URL IMAGE[/b]\" class=\"drag\" WIDTH=\"150\" HEIGHT=\"150\"><br>"+ "<img src=\"[b]URL IMAGE[/b]\" class=\"drag\" WIDTH=\"150\" HEIGHT=\"150\">"+ "<img src=\"[b]URL IMAGE[/b]\" class=\"drag\" WIDTH=\"150\" HEIGHT=\"150\"><br></center>"; [b]addBox("<a href=\"#\" onClick=\"show_hide('content_custombox_562'); return false\"><div title=\"header=[Gallery] body=[Can Be Drag]\">Draggable Image</div></a>",code,"custombox_562","left"); show_hide('content_custombox_562');[/b] [/spoiler] Edit yg Ditebelin and Edit Fungsi Addbox sesuai Addbox kaliandh.. Kalo mo ditambah images atau kata-katanya tinggal copas: [spoiler]<img src="URL IMAGE" [b]class="drag"[/b]><br> <h1><b [b]class="drag"[/b]>Hi Dekhz</b></h1>[/spoiler] script yg tebel musti ada.. Ada lagi script buad draggable PrimaryPic (Punya Bang Nophz, Cuman tek Ganti classnya aja): [spoiler] divpicutama=getElementByClassName("imgblock200")[0]; apicutama=divpicutama.getElementsByTagName("a")[0]; srcpicutama=divpicutama.getElementsByTagName("img")[0].getAttribute("src"); apicutama.innerHTML="<img src='"+srcpicutama+"' [b]class='drag'[/b] onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>"; function getElementByClassName(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; } [/spoiler] Udah segitu aja..

Last edited by dekha_21 (2008-08-17 23:13:07)