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

Filtrado por el tag: node.js

<<>>

Adaptar web a la resolucion de pantalla

JavaScript

(28)

Publicado el 2 de Enero del 2003 por Kovi (6 códigos)

68.905 visualizaciones desde el 2 de Enero del 2003

Código que adapta la web a la resolución de la pantalla.

Versión 1
(28)

Publicado el 2 de Enero del 2003

gráfica de visualizaciones de la versión: Versión 1

68.907 visualizaciones desde el 2 de Enero del 2003

<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 (28)

Mario

28 de Abril del 2003

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

6 de Mayo del 2003

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

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

No funciona

Responder

claudia

17 de Julio del 2003

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

La verdad si funciona, pongan el codigo amero arriba, pero la verdad no lo recomiendo, se distorciona demasiado...

Saludos

Responder

José Luis

1 de Agosto del 2003

plop no funciona

Responder

Romeo

6 de Noviembre del 2003

lo puse en todos lados y no funka, pide un objeto, por qué no lo crean?

Responder

dj maw

24 de Diciembre del 2003

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

Gracias!
Solucionó mi problema.

Responder

David

4 de Febrero del 2005

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

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

4 de Septiembre del 2005

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

no funciona

Responder

Angelo Gómez

6 de Julio del 2007

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

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

7 de Febrero del 2013

Grax!!! me funciono bn

Responder

web_didactica

21 de Septiembre del 2013

el codigo si funciona perfectamente.
Gracias.

Responder

ruben

30 de Octubre del 2013

no funciona

Responder

Noxvill

10 de Noviembre del 2013

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

28 de Noviembre del 2013

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

7 de Julio del 2014

Quizá esto pueda ser de utilidad: http://www.juancarlos-web.com

Responder

gfdfg

16 de Julio del 2014

Ha realizado una valoración positiva de este código fuente.

Responder

sebastian

24 de Septiembre del 2014

muy pobre

Responder

Gonzalo Guenzani

23 de Abril del 2015

TE AMO

Responder

Robert

2 de Octubre del 2015

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

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%')