In a webpage how can i give my useres choice like the google personalized homepage does.

Like in the picture seen, you can drag the items to the desired location.

u don't need activex, works fine in firefox

how do you create with activex?

I just wanna know howot make my own, like rafael_vansolini said

quote:

---

Originally posted by rafael_vansolini
Probabily you need to use JavaScript and ActiveX controls.

---

quote:

---

Originally posted by michael_m91
I just wanna know howot make my own

---

Is there a place i can get a template for somthin like this?

Or anybody know what its called so i can search it?

Its not called anything...

There isn't a simple way to do that.

That was built up (either by lots of people or in lots of time).

It would use very simple things built up together, like checking where the mouse is, placing an element in a new location the element, tracking mouse clicks yadayada.

oh..... dammit lol i would have thought that somebody would know

steal the code... if you can...

lol yah im gonna try

quote:

---

Originally posted by michael_m91
oh..... dammit lol i would have thought that somebody would know

---

yah.. makes sence

wtf you are you people on about its not that complex

your element looks like this
<div id="moveme" style="position:absolute;left:0px;top:0px;background:blue;width:90px;height:90px;"></div>

you get the reference to that div by going

code:

---

var element = document.getElementById('moveme');

---

code:

---

document.addEventListener('mousemove',test,false);

---

code:

---

document.addEventListener('mouseup',testOff,false);
element.addEventListener('mousedown',testOn,false);

---

code:

---

var ismoving = false
var dx = 0;
var dy = 0;

function testOn (e){
ismoving = true;
//now you have to get the orginal click point
dx= e.clientX - parseInt(element.style.left);
dy= e.clientY - parseInt(element.style.top);
}

function testOff(e){
if(ismoving){
//this helps to stop that slight jumping when you release a drag then drag it again.
dx= e.pageX - parseInt(element.style.top);
dy= e.pageY - parseInt(element.style.left);
}
ismoving = false;
}

function test(e){
if(ismoving){
//minus the current mouse position from the orginal location.
var left= e.clientX-dx;
var top = e.clientY-dy;

//now we move the element.
element.style.left = left + 'px';
element.style.top = top + 'px';
}
}

---