1 Draggable Primary Pic or other stuffs.. Sat Dec 20, 2008 10:26 pm
Guest
Guest
Credits: KhErMiNaToR
Preview: CLICK HERE
For the other stuff
More info:
find this class in the code imgblock200
u can change that to other class... remember only class
so if you choose data for example, the testimonials and the information will be draggable as what aidenlive post in friendstertalk..
.. thats all folks... ahhehehe
Preview: CLICK HERE
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(/<a[\S\s]+?>/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;
}
For the other stuff
More info:
find this class in the code imgblock200
u can change that to other class... remember only class
so if you choose data for example, the testimonials and the information will be draggable as what aidenlive post in friendstertalk..
.. thats all folks... ahhehehe