Tema: Problema movimiento aleatorio javascript.
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/01/2010, 07:55
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 17 años, 1 mes
Puntos: 574
Respuesta: Problema movimiento aleatorio javascript.
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function moure_dalt(ID_objecte) {
  5. var objecte_moure = document.getElementById(ID_objecte);
  6. if (parseInt(objecte_moure.style.top) + 10>90){
  7. objecte_moure.style.top = 90;
  8. }else{
  9. objecte_moure.style.top = parseInt(objecte_moure.style.top) + 10;
  10. }
  11. }
  12.  
  13. function moure(){
  14. var aleatori;
  15. aleatori = Math.floor (Math.random()*4)+1;
  16.  
  17. if (aleatori==1) {
  18. moure_dalt('objecte');
  19. }
  20.  
  21. if (aleatori==2) {
  22. moure_dreta('objecte');
  23. }
  24.  
  25. if (aleatori==3) {
  26. moure_arriba('objecte');
  27. }
  28.  
  29. if (aleatori==4) {
  30. moure_esquerra('objecte');
  31. }
  32. window.setTimeout("moure()",1);
  33.  
  34.  
  35. }
  36. function moure_dreta(ID_objecte) {
  37. var objecte2_moure = document.getElementById(ID_objecte);
  38. if (parseInt(objecte2_moure.style.left) + 10>90){
  39. objecte2_moure.style.left = 90;
  40. }else{
  41. objecte2_moure.style.left = parseInt(objecte2_moure.style.left) + 10;
  42. }
  43. }
  44.  
  45.  
  46. function moure_arriba(ID_objecte) {
  47. var objecte3_moure = document.getElementById(ID_objecte);
  48. if (parseInt(objecte3_moure.style.top) - 10<0){
  49. objecte3_moure.style.top = 0;
  50. }else{
  51. objecte3_moure.style.top = parseInt(objecte3_moure.style.top) - 10;
  52. }
  53. }
  54.  
  55. function moure_esquerra(ID_objecte) {
  56. var objecte4_moure = document.getElementById(ID_objecte);
  57. if (parseInt(objecte4_moure.style.left) - 10<0){
  58. objecte4_moure.style.left = 0;
  59. }else{
  60. objecte4_moure.style.left = parseInt(objecte4_moure.style.left) - 10;
  61. }
  62. }
  63.  
  64.  
  65.  
  66.  
  67. </script>
  68. </head>
  69. <body onLoad="moure()">
  70. <br>
  71. <br>
  72. <br>
  73. <br>
  74. <div id="cuerpo" style="width:100px; height:100px; background-color: #F5F5DC; border:1px solid #CCCCCC;margin-bottom:10px;z-index:0">
  75. <div id="objecte" style="position: relative; width:10px; height:10px; left:0px; top:0px; background-color: #cccccc; z-index:1">&nbsp;</div>
  76. </div>
  77. </body>
  78. </html>

Analiza lo que he hecho, no es una solución general depende de la medida del div contenedor y del objeto flotante.

Quim

(Sembla una mosca collonera)
Última edición por quimfv; 20/01/2010 a las 08:00