suo navigatore d'accesso con javascript

Question

voglio assegnare (IE/FF) zoom della pagina controlli del suo navigatore (Menu: Visualizza/Zoom/Zoom In_Zoom Out) a due grandi "(+) (-)" icone sulla pagina Web in modo che i visitatori con problemi di vista possano utilizzare questi comandi in modo conveniente.

Un sacco di ricerca di uno script adatto è venuto vuoto così eccomi qui.

Qualunque codice sai che lo farà semplicemente?

Tutto il meglio ...

Bob

Answer 1

non può essere fatto a tutti per quanto ne so. Come è stato discusso altrove su SO, è possibile rilevare il livello di zoom del browser utilizzando una serie di trucchi. Non c'è modo di impostare dal semplice JavaScript.

Forse in un'estensione per Firefox.

correlati:

• Catch browser’s “zoom” event in JavaScript
• Changing the browser zoom level
• How to detect page zoom level in all modern browsers?

Answer 2

Si dovrebbe essere in grado di impostare la Transform proprietà CSS3 utilizzando Javascript per scale contenuti. Tuttavia, questo non sarà legato alla funzionalità di zoom del browser web.

Answer 3

Questo è come lo faccio qualcosa di simile in jQuery:

ho fatta ieri sera e testato su IE7, IE8, FF3.6, Safari 5, Chrome 10, e altro ancora.

Ho uno striscione che si riempie quando le persone ingrandiscono alcuni browser. Quindi controllo la larghezza del mio .nav. Se avvolge sarà più corto di tutta la sua larghezza.

$(function() { 

     //launch doZoomCheck on load 
     doZoomCheck(); 

     $(window).resize(function() { 
      // .resize ALSO fires when people change the zoom of their browser. 
      doZoomCheck(); 
     }); 

     function doZoomCheck() { 
       var width = $(".nav ul").width(); 
       // if the width of the banner isn't near 976 is prolly overflowing 
       if (width > 976) { 
        // change to narrow font so menu doesn't wrap funny 
        $(".nav ul li a, #footer .frankmed").css("font-family", "Arial Narrow"); 
       } 
       // if width is back to normal change the font back 
       if (width < 976) { 
       // remove special styles when zoomed back out 
      $(".nav ul li a").attr('style',''); 
      } 
     } 
    }); 

Sto usando jQuery 1.5, prolly torna alla 1.3.2 ma non ho controllato.

Nota: la dimensione del mio font è già 20px, quindi Arial Narrow è molto leggibile a quelle dimensioni. Non sto impedendo all'utente di modificare la dimensione del carattere. Non lo sto ignorando. Sto solo cambiando un font. Non usare questo script per il male. Non essere stupido. L'accessibilità è importante.