elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Trabajando con las ramas de git (tercera parte)


  Mostrar Mensajes
Páginas: [1]
1  Programación / Desarrollo Web / Re: [AYUDA][javascript] Soy muy nuevo en JS y necesito ayuda con este codogo en: 30 Septiembre 2014, 10:20 am
A mí me venía bien refrescarlo, y de forma lenta intenté hacerlo así...  :rolleyes: :rolleyes:

Código
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5. <title>My JS Desktop</title>
  6. <style type="text/css">
  7. #barraMover {
  8. position:absolute;
  9. top: 100px;
  10. left: 500px;
  11. }
  12.  
  13. iframe{
  14. position:absolute;
  15. top: 125px;
  16. left: 500px;
  17. }
  18. </style>
  19.  
  20. <script type="text/javascript">
  21. function mover(){
  22. var div = document.getElementById('barraMover');
  23. document.addEventListener('mousemove',function(barra) {
  24.  
  25. x = barra.pageX+"px";
  26. y = barra.pageY+"px";
  27.  
  28. div.style.left = x;
  29. div.style.top = y;
  30.  
  31. document.getElementById("mouse_x").value = x;
  32. document.getElementById("mouse_y").value = y;
  33. });
  34. }
  35. </script>
  36. </head>
  37.  
  38. <body background="wallpaper.jpg">
  39. <div id="contenedor">
  40. <div style="text-align: right; background: white;">
  41. mouse_x: <input type="text" id="mouse_x"/>
  42. mouse_y: <input type="text" id="mouse_y"/>
  43. </div>
  44.  
  45. <div id="barraMover" onMouseDown="mover()">
  46. <img onMouseDown="return false" src="title_bar.jpg" width="500px" height="25px"/>
  47. </div>
  48.  
  49. <iframe src="program_test.html" width="496px" height="500px"/>
  50. </div>
  51. </body>
  52. </html>
  53.  


Como funcionar funciona, pero no tiene el onMouseUp para que suelte el div  ;-)
Páginas: [1]
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines