Ben, It's pretty difficult

decibel.places — Sat, 03 Jan 2009 11:44:21 +0000

Ben,

It's pretty difficult to troubleshoot without seeing it all together.

If you can't provide a URL, you can attach an html file
(if it's not an html page, eg PHP, you can attach the generated source as html)

Hi Decibel, I change the

benf — Sat, 03 Jan 2009 01:34:58 +0000

Hi Decibel,

I change the status of the display when i rollover a link attached to each newdiv element.

This works - if i loop through all the newdivs which i have given a className and add the onmouseover event:

var drag = document.getElementsByClassName('elm');
	for(var j=0;j<drag.length;j++){
			drag[j].onmouseover = function(){
				
									new Draggable(this.id, { 
											  		scroll: window ,
													ghosting: false
											  });
								}
			drag[j].style.cursor = 'move';
	}

I added this to the end of the function that loads up first on onload.

One additional problem i encountered is that when i move the element the space where it had been sitting still exists and will not close up.

Hi Ben, Try declaring the

decibel.places — Fri, 02 Jan 2009 23:47:31 +0000

Hi Ben,

Try declaring the variable randint globally (not inside the function) - and newdiv as well...

var randint;
var newdiv;

function div(){
randint = Math.floor(Math.random()*100);
newdiv = document.createElement("div");
newdiv.className = 'elm';
newdiv.id = randint;
newdiv.style.display = 'none';
newdiv.style.padding = '5px';
newdiv.innerHTML = content();

return newdiv;
}

a link to your page or attached file would help -

[EDIT]
I just noticed you are not displaying the newdiv newdiv.style.display = 'none'; - so unless you are changing this property elsewhere, the newdiv will not be displayed...