resolucion de pantalla

Citar

Escrito el 21 Oct 2008 03:10 pm

Saludos, estoy desarrollando un sitio, tengo la primera hoja (el index) donde hay un botón que abre en una nueva ventana toda la web, lo que quiero saber es como hacer para calcular el ancho de la pantalla y según eso que la nueva ventana se ajuste automáticamente a ese ancho, creo que se hace con screen.width pero la verdad es que se muy poco de javascript, espero su ayuda gracias de antemano

Por maxcronos

18 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 21 Oct 2008 04:54 pm

movido a flash

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 21 Oct 2008 05:12 pm

Busca por fullscreen desde flash

Por Fusel

Claber

339 de clabLevel

Genero:Masculino

Envíale un mensaje privado Web

Madrid (España)

@builtbyedgar

Citar

Escrito el 21 Oct 2008 08:19 pm

@Mariux, no se de donde vino el post, pero la duda es de javascript.

Bueno en realidad esto lo resuelves de la siguiente manera:

En el head de la pagina sitúas lo siguiente

Código Javascript :

<script language="javascript">
   function maximiza(){
      window.moveTo(0,0);
      window.resizeTo(screen.width, screen.height);
   }
</script>

Y en el onLoad del body lo siguiente:

Código HTML :

<body onload="maximiza()">

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Front-end developer at Booking.com

@elchininet

Citar

Escrito el 21 Oct 2008 09:59 pm

Gracias elchinet, me ha servido de mucho, y para que cuando la resolución sea mayor a 1024 x 768 (por ejemplo), se me abra toda la ventana, pero que el archivo (en este caso es un flash) me quede de alto en 800px, se puede hacer eso?

Por maxcronos

18 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 21 Oct 2008 10:02 pm

En la función maximiza crea una condición que cuando el tamaño de la pantalla sea mayor que 1024 x 768 ponga el div que contenga el flash a 800 x 600 y en caso de que no se cumpla el div adquiera el tamaño de la pantalla (el flash debe tener 100% de width y height).

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Front-end developer at Booking.com

@elchininet

Citar

Escrito el 22 Oct 2008 03:36 pm

Gracias, la verdad es que no se como hacerlo bien, no se si me puedes ayudar con el código...

Por maxcronos

18 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 22 Oct 2008 09:16 pm

Me parece que en lo único que podrías tener duda es en darle ancho y alto a un div, lo demás es una condición, al igual que en la mayoría de los lenguajes:

Código ActionScript :

document.getElementById("id_de_tu_div").style.height = numero + "px";

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Front-end developer at Booking.com

@elchininet

Citar

Escrito el 23 Oct 2008 05:33 pm

Me dajaste en las mismas, no se mucho de programación y a veces me hago bolas con las condiciones (y con todo lo demás), la medida real de mi flash es 1100x600, lo resolví de la siguiente manera, el código que utilice es:

Código ActionScript :

<script language="javascript"> 

   function maximiza(){ 
   
   if(screen.width > 1024){
      window.moveTo(0,0); 
      window.resizeTo(screen.width - 100, screen.height - 100); 
   }else{
    window.moveTo(0,0); 
      window.resizeTo(screen.width - 10, screen.height - 150); 
     }
   } 
</script>

y la verdad es que si me funciona, me aparece la ventana tal como quiero que aparezca, no se si es correcto el código, o si lo estoy utilizando bien, o si es la forma correcta de hacerlo, pero funciona, yo utilizo una resolución de 1440x900 y se ve bien, no se como se vería en pantallas de mayor resolución que por supuesto son muy pocos los usuarios, si tienen algún consejo o comentario más que me pueda ayudar a resolver de mejor manera este problema se los agradecería

Por maxcronos

18 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 23 Oct 2008 10:08 pm

No hace falta repetir datos en las condiciones, con esto bastará (si solo deseas chequear el ancho en la condición)

Código Javascript :

<script language="javascript">  
 
   function maximiza(){

      var ancho = screen.width;
      var alto = screen.height;

      window.moveTo(0,0);

      if(ancho > 1024){ 
       
               window.resizeTo(ancho - 100, alto - 100);

         }else{

               window.resizeTo(ancho - 10, alto - 150);

           }

      }
</script>

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Front-end developer at Booking.com

@elchininet

Citar

Escrito el 23 Oct 2008 11:03 pm

gracias

Por maxcronos

18 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 24 Oct 2008 09:46 pm

Ahora surgió otro pequeño problema, y es que cuando se me abre la ventana que contiene el flash, primero aparece la ventana en toda la pantalla y luego se re dimensiona a los valores que tengo, como puedo arreglar esto?

y otra pregunta, como hago para que la ventana me aparezca en el centro de la pantalla,

Por maxcronos

18 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 25 Oct 2008 07:25 am

No se si funcionará (me parece que no) pero prueba lo siguiente: Llamar a la función enseguida que se cree.

El problema es que si la ventana no es un popup no puede abrir de un inicio con medidas que desees, sino que se abre con la medida por defecto y cuando lea algún script es que toma las medidas

Código Javascript :

<script language="javascript">   
  
   function maximiza(){ 
 
      var ancho = screen.width; 
      var alto = screen.height; 
 
      window.moveTo(0,0); 
 
      if(ancho > 1024){  
        
               window.resizeTo(ancho - 100, alto - 100); 
 
         }else{ 
 
               window.resizeTo(ancho - 10, alto - 150); 
 
           } 
 
      }

      maximiza();
</script>

Para la segunda duda, la siguiente instrucción sitúa la ventana en 0,0

Código Javascript :

window.moveTo(0,0);

Si quisieras que estuviera en el centro solo tienes que aplicar un poco de matemática:

Código Javascript :

window.moveTo((ancho - anchoQueTienes) / 2, (alto - altoQueTienes) / 2);

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Front-end developer at Booking.com

@elchininet

resolucion de pantalla

Escribe una respuesta rapida