Código de JavaScript - Adaptar web a la resolucion de pantalla

Adaptar web a la resolucion de pantallagráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(27)
Publicado el 02 de Enero del 2003 por Kovi
50.586 visualizaciones desde el 02 de Enero del 2003. Una media de 70 por semana
Código que adapta la web a la resolución de la pantalla.

Versión 1
estrellaestrellaestrellaestrellaestrella(27)

Publicado el 02 de Enero del 2003gráfica de visualizaciones de la versión: Versión 1
50.587 visualizaciones desde el 02 de Enero del 2003. Una media de 70 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
<script>if(window.screen.availWidth == 800)window.parent.document.body.style.zoom="75%"; if(window.screen.availWidth == 640)window.parent.document.body.style.zoom="60%"</script>



Comentarios sobre la versión: Versión 1 (27)

Mario
28 de Abril del 2003
estrellaestrellaestrellaestrellaestrella
El codigo no funciona, manda un error, y no se adapta a la resolucion, donde hay que ubicarlo?, o hay que cambiar algo?
Responder
Jesus
06 de Mayo del 2003
estrellaestrellaestrellaestrellaestrella
Creo que sería conveniente indicar en que parte del codigo se deben de colocar las linenas que indicas, porque no funciona
Responder
Satg The Killer
20 de Mayo del 2003
estrellaestrellaestrellaestrellaestrella
El codigo esta muy sencillo, pero si funciona, se tiene que colocar entre el <head> </head> para que sea lo primero que carge.

si lo quieren adaptar a cualquier resolución este es el codigo que yo Utilizo.

<HEAD>
<title> Mi Página.com</title>
<script language="JavaScript">
if(window.screen.availWidth == 1280)window.parent.document.body.style.zoom="120%"
if(window.screen.availWidth == 1152)window.parent.document.body.style.zoom="108%"
if(window.screen.availWidth == 1024)window.parent.document.body.style.zoom="96%"
if(window.screen.availWidth == 800)window.parent.document.body.style.zoom="75%";
if(window.screen.availWidth == 640)window.parent.document.body.style.zoom="60%"
</script>

Responder
Jose Mª
19 de Junio del 2003
estrellaestrellaestrellaestrellaestrella
No funciona
Responder
claudia
17 de Julio del 2003
estrellaestrellaestrellaestrellaestrella
No funciona. Yo lo puse dentro del head, pero sinembargo saca un error y no se adapta a la resolcion.
Responder
WeRo
28 de Julio del 2003
estrellaestrellaestrellaestrellaestrella
La verdad si funciona, pongan el codigo amero arriba, pero la verdad no lo recomiendo, se distorciona demasiado...

Saludos
Responder
José Luis
01 de Agosto del 2003
estrellaestrellaestrellaestrellaestrella
plop no funciona
Responder
Romeo
06 de Noviembre del 2003
estrellaestrellaestrellaestrellaestrella
lo puse en todos lados y no funka, pide un objeto, por qué no lo crean?
Responder
dj maw
24 de Diciembre del 2003
estrellaestrellaestrellaestrellaestrella
El código que puso Satg The Killer es bueno, me ha funcionado bien escribiendolo bajo el tag <body> de esta manera:

<html>
<head>
</head>

<body>

<script language="JavaScript">
if(window.screen.availWidth == 1280)window.parent.document.body.style.zoom="120%"
if(window.screen.availWidth == 1152)window.parent.document.body.style.zoom="108%"
if(window.screen.availWidth == 1024)window.parent.document.body.style.zoom="96%"
if(window.screen.availWidth == 800)window.parent.document.body.style.zoom="75%";
if(window.screen.availWidth == 640)window.parent.document.body.style.zoom="60%"
</script>

</body>

</html>
Responder
Natalia
27 de Noviembre del 2004
estrellaestrellaestrellaestrellaestrella
Gracias!
Solucionó mi problema.
Responder
David
04 de Febrero del 2005
estrellaestrellaestrellaestrellaestrella
Yo lo he probado y me ha ido. Lo he puesto bajo el <body> pero como bien ha dicho \"WeRo\" se distorsionan las paginas(Botones que son iguales cambian el tamaño, campos de formulario mas altos que otros cuando tienen todos la misma altura, etc...).
Responder
tito
21 de Abril del 2005
estrellaestrellaestrellaestrellaestrella
Solo hay que colocarlo dentro de body, pero ojo porque al combinarlo con lenguajes como PHP que generan la pagina, parece tener dificultades
Responder
Lagranyuca
04 de Septiembre del 2005
estrellaestrellaestrellaestrellaestrella
el codigo funciona no he probado los porcentajes de sag pero si funciona, distorciona logicamente por que agranda la pantalla como una imagen, ademas digan uno que funcione mejor y no critique colaboren, y lo probe con php y funciona bien
Responder
rbetis.com
17 de Diciembre del 2006
estrellaestrellaestrellaestrellaestrella
no funciona
Responder
Angelo Gómez
06 de Julio del 2007
estrellaestrellaestrellaestrellaestrella
El codigo funciona a la perfección, es un Javascript muy bueno, y es manejable, osea se puede adaptar a las pantallas de los notebooks 1280 x 768 y funciona impeque muchas gracias.

Ah, y para los que dicen que es un mal codigo, es que no saben programar, yo lo combiné con ASP e impeque, gracias.
Responder
Loboestacion
23 de Julio del 2008
estrellaestrellaestrellaestrellaestrella
no me ha funcionado, veo que hay paginas que se adptan a cualquier resolucion pero realmente no me funciona, pero la intencion es buena y se que mejorararn las fallas
Responder
JL7
07 de Febrero del 2013
estrellaestrellaestrellaestrellaestrella
Grax!!! me funciono bn
Responder
web_didactica
21 de Septiembre del 2013
estrellaestrellaestrellaestrellaestrella
el codigo si funciona perfectamente.
Gracias.
Responder
ruben
30 de Octubre del 2013
estrellaestrellaestrellaestrellaestrella
no funciona
Responder
Noxvill
10 de Noviembre del 2013
estrellaestrellaestrellaestrellaestrella
muchas gracias creo que me sirvió, lo puse entre el tag <head></head> pero cuando puse la web en el hosting solamente, si lo ejecutaba desde el pc o sea cuando lo estaba editando no pasaba nada solo se veia iwal, edite el index de mi pagina y lo subi al hosting, lo probe desde varios pc y se adaaptó a la perfeccion :) saludos amigo muchas gracias.
Responder
fy
28 de Noviembre del 2013
estrellaestrellaestrellaestrellaestrella
Funciona solo con Chrome, es curioso y no entiendo por que motivo con Firefox con javascript activado no funciona. Cuando le das a inspeccionar elemento en Chrome en el tag body aparece algo así:

body style=zoom 100%, en cambio en Firefox no, aparece como body.

¿Alguna idea?
Responder
Juan Carlos
07 de Julio del 2014
estrellaestrellaestrellaestrellaestrella
Quizá esto pueda ser de utilidad: http://www.juancarlos-web.com
Responder
gfdfg
16 de Julio del 2014
estrellaestrellaestrellaestrellaestrella
Ha realizado una valoración positiva de este código fuente.
Responder
sebastian
24 de Septiembre del 2014
estrellaestrellaestrellaestrellaestrella
muy pobre
Responder
Gonzalo Guenzani
23 de Abril del 2015
estrellaestrellaestrellaestrellaestrella
TE AMO
Responder
Robert
02 de Octubre del 2015
estrellaestrellaestrellaestrellaestrella
funcionando al 100, perfectamente ese codigo, lo he calado con distintas resoluciones y en todas muy bien ya que se adapta rapido, muchas gracias en verdad =)...

Salu2
Responder
DUSTIN
17 de Noviembre del 2015
estrellaestrellaestrellaestrellaestrella
Excelente amigos.

En mi caso, lo estoy manejando de esta manera y trabaja muy bien...

window.open("Nombre_Formulario.jsp", 'catalogo', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=800,height=400,left = 200,top = 200, style.zoom=80%')

Mil Gracias....
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s422