making my own drag and drop effect.

making my own drag and drop effect.

Hi, I am trying to make my own drag and drop effect using just jquery and not jquery.ui

here is the code I have so far:


  2. var x_pos;
  3. var y_pos;
  4. $(document).mousemove(function(rp){
  5. x_pos = rp.pageX;
  6. y_pos = rp.pageY;
  7. });

  9. $("*").mousedown(function(ramskin){
  10. var taz = [id:of element_this line isn't posted...in script it's coded to grab element id that been clicked]; 

  12. if(ramskin.which == '1'){
  13. $(document).mousemove(function(){
  14. $(taz).css({ \"left\": x_pos, \"top\": y_pos  });
  15. $(\"*\").click(function(){
  16. $(document).unbind('mousemove');
  17. $(document).bind('mousemove');
  18. });
  19. });
  20. }
  21. if(ramskin.which == '3'){ 
  22. open a div when clicked.
  23. }
  24. });

I  currently can click on a image and then drag it and then drop it but can't click on it again to drag it.
Plus  if I click  anything else like a div or text  the element would appear far right rather then be right under the users mouse. Why is that???