Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Código Fuente » JavaScript » Código de JavaScript - Adaptar web a la resolucion de pantalla

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

Volver
Agregar Código Fuente
<<>>

Versión 1
estrellaestrellaestrellaestrellaestrella(28)

Publicado el 2 de Enero del 2003gráfica de visualizaciones de la versión: Versión 1
68.691 visualizaciones desde el 2 de Enero del 2003
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 (28)

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
6 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.

1
2
3
4
5
6
7
8
9
<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
1 de Agosto del 2003
estrellaestrellaestrellaestrellaestrella
plop no funciona
Responder
Romeo
6 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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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
4 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
4 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
6 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
7 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
7 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
2 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...

1
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
Guillermo
22 de Septiembre del 2018
estrellaestrellaestrellaestrellaestrella
funciona Perfecto muchas gracias!!
Responder

Comentar la versión: Versión 1

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

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad
Acepto las políticas de privacidad

http://lwp-l.com/s422