Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17636
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Capturar zoom aplicado na página

29-07-2009 19:44

Para quem precisa mostrar o zoom atual do documento com JavaScript "zoom que é feito pressionar a tecla Ctrl e rolar o botão do mouse para cima e para baixo ou sinal de mais e de menos, ai segue um link de exemplo

SCRIPT

<div id="one" style="top:2px;left:10%;width:10px;height:10px;background:blue;position:absolute;"></div> <div id="two" style="top:2px;width:10px;height:10px;background:red;position:absolute;"> </div> <div id="log" style="margin-top:25px;"></div> <script> document.getElementById("two").style.left = document.getElementById("one").offsetLeft + "px"; var zoom = 0; setInterval(function() { var newZoom = document.getElementById("two").offsetLeft / document.getElementById("one").offsetLeft; if (newZoom == zoom) return; zoom = newZoom; document.getElementById("log").innerHTML= zoom + "<br>"; }, 200); </script>

EXEMPLO
http://tests.novemberborn.net/browsers/ ... tages.html

FONTE
Fonte: http://novemberborn.net/javascript/page-zoom-ff3
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado