Friendstertutorials.com » Draggable Comments

Draggable Comments

Contributed by >-Patrick-> on February 12th, 2009 Categories: Uncategorized

2,155 Views

(+9 rating, 5 votes)

Loading ...

Copy the codes
Go to Geocities and sign up/sign in
Click “Create and Update” then “Text Editor“
Paste the codes in the text box
Then, rename it as drag.js
Lastly, copy the direct link of your file eg. http://h1.ripway.com/username/drag.js generate HERE and see the Instruction.

ENJOY TWEAKING

try {
    sty = document.createElement("style");
    sty.type = "text/css";
    sty.innerHTML = ".data{position:relative;cursor:move;}";
    document.getElementsByTagName("head")[0].appendChild(sty);
}catch(e){}
try {
    document.styleSheets[document.styleSheets.length - 1].addRule(".data", "position:relative;");
}catch(e){}

var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var x,y;
var dobj;

function movemouse(e) {
  if (isdrag) {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e) {
  var fobj      = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "data") {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="data") {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");

var disprimpic = getElementsByClassName(null,"div","data")[0];
disprimpic.innerHTML = disprimpic.innerHTML.replace(/<a[Ss]+?>/i,"").replace(/</a>/,"");

function getElementsByClassName(oElm,sTag,sClass) {
        var elm = [];
        if (!oElm)oElm = document;
        if (!sTag)sTag = "*";
    var els = oElm.getElementsByTagName(sTag) || 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;
}

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks