Ver Mensaje Individual
  #14 (permalink)  
Antiguo 05/01/2011, 10:57
Avatar de Tecktonikrazy
Tecktonikrazy
 
Fecha de Ingreso: enero-2010
Mensajes: 224
Antigüedad: 14 años, 10 meses
Puntos: 3
Respuesta: if object.className... pero tiene mas de un className?

Ya logre lo que queria y funciona a la perfeccion, aqui les dejo el codigo y gracias a todos =D


Código HTML:
Ver original
  1. <script language="JavaScript1.2">
  2. var ie=document.all;
  3. var nn6=document.getElementById&&!document.all;
  4. var isdrag=false;
  5. var x,y;
  6. var dobj;
  7. function movemouse(e){
  8. if (isdrag){
  9. dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
  10. dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
  11. return false;}
  12. }
  13.  
  14. function selectmouse(e){
  15. var fobj       = nn6 ? e.target : event.srcElement;
  16. var topelement = nn6 ? "HTML" : "BODY";
  17. var fobjClass = /\bdrag\b/.test(fobj.className);
  18.  
  19. while (fobj.tagName != topelement && fobj.className == fobjClass){
  20. fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  21. }
  22.  
  23. fobj.style.position = 'relative';
  24. if (fobjClass){
  25. isdrag = true;
  26. dobj = fobj;
  27. tx = parseInt(dobj.style.left+0);
  28. ty = parseInt(dobj.style.top+0);
  29. x = nn6 ? e.clientX : event.clientX;
  30. y = nn6 ? e.clientY : event.clientY;
  31. document.onmousemove=movemouse;
  32. return false;}
  33. }
  34.  
  35. document.onmousedown=selectmouse;
  36. document.onmouseup=new Function("isdrag=false");
  37.  
  38. <div style="width:100px;height:100px;background:#ABABAB;" class="drag cajas">
  39. <div style="position:absolute;width:80px;height:80px;background:#BCBCBC;" class="drag">
  40. <div style="position:absolute;width:60px;height:60px;background:#CDCDCD;" class="drag">
  41. <div style="position:absolute;width:40px;height:40px;background:#DEDEDE;" class="drag">
  42. <div style="position:absolute;width:20px;height:20px;background:#EFEFEF;" class="drag">
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
__________________
I LOVE HTML (How To Make Love)