You might try using this plugin: http://clientside.cnet.com/wiki/cnet-libraries/04-element/04-element.position
On Sep 15, 12:38 am, "Nathan White" <[EMAIL PROTECTED]> wrote: > I didn't actually do any testing but looking at your code have you tried > closing your a tag? > > On Sat, Sep 13, 2008 at 11:49 PM, jon <[EMAIL PROTECTED]> wrote: > > > I am cloning a link that has an image inside, then set position > > absolute (with top left styles too) on the cloned link, but for some > > reason, the cloned link is not at the exact position as the old > > one(off in the y direction). > > if I'm doing the same thing on an image or a div, then it's fine... > > what's special about the link? > > > <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" > > "http://www.w3.org/TR/html4/strict.dtd";> > > <html> > > <head> > > <title></title> > > <meta http-equiv="Content-Type" content="text/html; > > charset=iso-8859-1"> > > <meta http-equiv="Content-Style-Type" content="text/css"> > > <meta http-equiv="Content-Script-Type" content="text/javascript"> > > > <script language="javascript" type="text/javascript" src="includes/ > > javascript/mootools-1.2-core-nc.js"></script> > > <script language="javascript" type="text/javascript" src="includes/ > > javascript/mootools-1.2-more.js"></script> > > > <script type="text/javascript"> > > window.addEvent('domready',function(){ > > > var drop = $('drop'); > > > $$('.draggable').each(function(item){ > > item.addEvent('mousedown', function(e){ > > //e=new Event(e).stop(); > > var coord=this.getPosition(); > > var clone = > > this.retrieve('clone',this.clone()); > > > clone.setStyles({left:coord.x,top:coord.y,'opacity': > > 0.7,'position':'absolute'}) > > > .inject(document.body).makeDraggable({ > > droppables:[drop], > > snap: 0, > > onSnap: function(el){ > > > }, > > onEnter: function(el, droppable){ > > //var myEffect = new > > Fx.Tween(droppable); > > > //droppable.get('highlight').start('#DDFFFF', '#CCCCCC'); > > > droppable.get('tween').start('background-color', '#DDFFFF', > > '#CCCCCC'); > > }, > > onDrop:function(el, droppable){ > > if(droppable){ > > > el.dispose(); > > }else{ > > > el.get('morph').start({ > > > opacity:0, > > > left:coord.x, > > > top:coord.y > > > }).chain(el.dispose.bind(el)); > > > } > > } > > }).start(e); > > }); > > }); > > }); > > </script> > > > </head> > > <body> > > <a class="draggable" href="test.php"> > > <img src="images/mymage.jpg"/> > > </div> > > <div id="drop" style="height:100px;width:100px;background- > > color:#99CC99;"> > > </div> > > > </body> > > </html>
