Ver Mensaje Individual
  #6 (permalink)  
Antiguo 10/02/2012, 23:04
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Zoom en las paginas web

Estimado @furoya, una vez más tratando de encauzar a los primerizos. Mérito de tu parte y aprobación de la mia.
Amigo @brai_lf, reconozco que te oculté información de los seguramente escasos conocimientos que tengo acerca del tema.
Podés arrancar con esto, no soluciona nada, pero es un inicio

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. titulo
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. </head>
  7. <h1>
  8. Presiona Crtl+ ó Ctrl-
  9. </h1>
  10. <div id="uno" style="top:2px;left:10%;width:10px;height:10px;background:blue;position:absolute;">
  11. </div>
  12. <div id="dos" style="top:2px;width:10px;height:10px;background:red;position:absolute;"></div>
  13. <div id="log" style="margin-top:25px;"></div><script type="text/javascript">
  14. //<![CDATA[
  15. document.getElementById("dos").style.left = document.getElementById("uno").offsetLeft + "px";
  16. var zoom = 0;
  17. setInterval(function() {
  18.  var nuevoZoom = document.getElementById("dos").offsetLeft / document.getElementById("uno").offsetLeft;
  19.  if (nuevoZoom == zoom) return;
  20.  zoom = nuevoZoom;
  21.  // cuando cambio el zoom con ctrl+ se escribe en pantalla un indice que representa el cambio en la proporcion del zoom+ ó zoom-
  22.  // se podría hacer que el cambien los tamaños de los elementos.
  23.  document.getElementById("log").innerHTML += zoom + "<br />";
  24. }, 200);
  25. //]]>
  26. </body>
  27.  
  28. </html>

Vés, ya tenés el 1, ahora te resta averiguar que hacer cuando uno ya no sea 1 sino < ó > a 1, y te anticipo que sirve para el uso del teclado no para lo de la ruedita, además como ya señalé en algún otro post
Cita:
El tema del zoom en el navegador del cliente tiene que ver con un tema de accesibilidad, muchos (me incluyo), utilizan anteojos, y a falta de otro método propuesto por el diseñador, recurrimos al zoom para ver ciertas páginas.
Asi, teniendo en cuenta esto, no sé hasta que punto forzar un tamaño ante la acción del zoom.
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.