|<- [[vpfjsphp:Setting up our core files]]|[[vpfjsphp:Dragging and dropping]] ->|

  - namespacing

<code>
var drag_n_drop = (function(){
  // protected namespace
  var my_x = "";
  var my_y = "";
  var which_art = "";

  function move_start(e) {
    which_art = e.target;
    my_x = e.offsetX === undefined ? e.layerX : e.offsetX; // le premier étant supporté par firefox, le second par webkit + IE (plus exactement si offsetX n'est pas supporté on passe à l'autre méthode.
    my_y =  e.offsetY === undefined ? e.layerY : e.offsetY;
    which_art.style.zIndex = 10;
  }

  document.querySelector('body').addEventListener('dragstart', move_start, false}; //façon alternative et plus propre de créer des écouteurs.
})();
</code>