DRAGGABLE PRIMARY IMAGE

Subject: DRAGGABLE PRIMARY IMAGE Sat Feb 21, 2009 12:51 am

Spoiler:

try {
sty = document.createElement("style");
sty.type = "text/css";
sty.innerHTML = ".imgblock200{position:relative;cursor:move;}";
document.getElementsByTagName("head")[0].appendChild(sty);
}catch(e){}
try {
document.styleSheets[document.styleSheets.length - 1].addRule(".imgblock200", "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 != "imgblock200") {
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}

if (fobj.className=="imgblock200") {
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","imgblock200")[0];
disprimpic.innerHTML = disprimpic.innerHTML.replace(//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
if (new RegExp(sClass).test(els[j].className)) {
elm.push(els[j]);
}
}
return elm;
}

PLACED THE CODE IN YOUR JS FILE EXTENSION

Subject: Re: DRAGGABLE PRIMARY IMAGE Sat Mar 07, 2009 8:28 am

nice nice. :] but the codes are filtered.