Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: winroot en 6 Julio 2010, 20:01 pm



Título: porqué solo funciona en internet explorer?
Publicado por: winroot en 6 Julio 2010, 20:01 pm
buenas!
estoy haciendo una animación en javascript, pero esta solo funciona en internet explorer.
http://winroot.eu5.org/
me imagino que el problema es del css, pero no  encuentro que puede estar mal.
en internet explorer, el div va cambiando de width y height, pero en los demás navegadores no.

alguien  tiene idea de porque pasa esto?
además,  que solo funcione en ie, me deja muy triste. :D
saludos,gracias y suerte!


Título: Re: porqué solo funciona en internet explorer?
Publicado por: Shell Root en 6 Julio 2010, 20:59 pm
Intentadlo así:

Código
  1. var h=0;
  2. var w=0;
  3. function capa(){
  4. if(w==screen.width){
  5. document.bgColor="#0000FF";
  6. CAPA.style.visibility="hidden";
  7. WINROOT.style.visibility="visible";
  8. win();
  9. }//End If
  10. h+=5;
  11. w+=5;
  12. CAPA.style.width=w;
  13. CAPA.style.height=h;
  14. var t= setTimeout("capa()",50);
  15. }// End Function
  16.  
  17. setTimeout("capa()",500);
  18. var c=0;
  19. function win(){
  20. if(c==60){
  21. setTimeout("winroot()",500);
  22. }//End If
  23.  
  24. if(c==0){
  25. WINROOT.style.fontSize=2;
  26. }//End If
  27. c+=2;
  28. WINROOT.style.fontSize=c;
  29. setTimeout("win()",50);
  30. }//End Function
  31.  
  32. function winroot(){
  33. if(c==0){
  34. WINROOT.style.left=0;
  35. WINROOT.style.top=0;
  36. }
  37.  
  38. if(c==screen.width/2-150){
  39. WINROOT.style.top=0;
  40. WINROOT.style.color="#0000FF";
  41. WINROOT.style.backgroundColor="#FF8000";
  42. document.bgColor="#000000";
  43. }
  44. c+=5;
  45. WINROOT.style.left=c;
  46.  
  47. var t=setTimeout("winroot()",50);
  48. }

Código
  1. #winroot{
  2. position:absolute;
  3. top:40%;
  4. left:40%;
  5. font-size:50px;
  6. color:#FFFFFF;
  7. background-color:#FF0000;
  8. visibility:hidden;
  9. }
  10.  
  11. #capa{
  12. position:absolute;
  13. left:0px;
  14. top:0px;
  15. width:0px;
  16. height:0px;
  17. background-color:#0000FF;
  18. }


Título: Re: porqué solo funciona en internet explorer?
Publicado por: winroot en 6 Julio 2010, 21:26 pm
Intentadlo así:

Código
  1. var h=0;
  2. var w=0;
  3. function capa(){
  4. if(w==screen.width){
  5. document.bgColor="#0000FF";
  6. CAPA.style.visibility="hidden";
  7. WINROOT.style.visibility="visible";
  8. win();
  9. }//End If
  10. h+=5;
  11. w+=5;
  12. CAPA.style.width=w;
  13. CAPA.style.height=h;
  14. var t= setTimeout("capa()",50);
  15. }// End Function
  16.  
  17. setTimeout("capa()",500);
  18. var c=0;
  19. function win(){
  20. if(c==60){
  21. setTimeout("winroot()",500);
  22. }//End If
  23.  
  24. if(c==0){
  25. WINROOT.style.fontSize=2;
  26. }//End If
  27. c+=2;
  28. WINROOT.style.fontSize=c;
  29. setTimeout("win()",50);
  30. }//End Function
  31.  
  32. function winroot(){
  33. if(c==0){
  34. WINROOT.style.left=0;
  35. WINROOT.style.top=0;
  36. }
  37.  
  38. if(c==screen.width/2-150){
  39. WINROOT.style.top=0;
  40. WINROOT.style.color="#0000FF";
  41. WINROOT.style.backgroundColor="#FF8000";
  42. document.bgColor="#000000";
  43. }
  44. c+=5;
  45. WINROOT.style.left=c;
  46.  
  47. var t=setTimeout("winroot()",50);
  48. }

Código
  1. #winroot{
  2. position:absolute;
  3. top:40%;
  4. left:40%;
  5. font-size:50px;
  6. color:#FFFFFF;
  7. background-color:#FF0000;
  8. visibility:hidden;
  9. }
  10.  
  11. #capa{
  12. position:absolute;
  13. left:0px;
  14. top:0px;
  15. width:0px;
  16. height:0px;
  17. background-color:#0000FF;
  18. }
primero que nada, gracias por responder shellroot.
no, el problema sigue.
el problema es o en el css (en la definición de capa) o en la función capa.
el problema, es que el único navegador que hace el efecto de ir cambiando el  widht y height de la capa, es internet explorer.
gracias de nuevo shell.
saludos !


Título: Re: porqué solo funciona en internet explorer?
Publicado por: Shell Root en 6 Julio 2010, 21:30 pm
Bueno, no se como será la animación que tienes entonces :P, a mi me funciono en Firefox.
 # Principalmente se encuentra en blanco.
 # Después, se expande una capa azul por toda la pantalla.
 # Después, sale WINROOT y se agranda.

De ser solo eso, pues si funciono en mi Firefox.


Título: Re: porqué solo funciona en internet explorer?
Publicado por: winroot en 6 Julio 2010, 22:15 pm
Bueno, no se como será la animación que tienes entonces :P, a mi me funciono en Firefox.
 # Principalmente se encuentra en blanco.
 # Después, se expande una capa azul por toda la pantalla.
 # Después, sale WINROOT y se agranda.

De ser solo eso, pues si funciono en mi Firefox.
me funciona todo, menos la primer parte, que lo que  hace es que se agrande la capa poco a poco .
para entenderme, puedes abrir ejecutar, y escribir:
iexplore www.winroot.eu5.org
gracias de todos modos...
saludos