Usuário com melhor resposta
Salvar Largura x Altura janela Aspx

Pergunta
-
Respostas
-
Morrison, tudo bom?
seguinte, vc pode pegar a altura e largura, jogar em campos hidden ou em variaveis e dps gravar via post ou mesmo ajax.
O problema de vc fazer em javascript é que cada navegador pode apresentar uma propriedade diferente e isso atrapalha, aconselho vc a usar jquery para pegar as informações, ele já faz um cross-browser.O metodo para capturar largura e altura da janela em questão via jquery é:
$(window).height()
$(window).width()
Em javascript puro existem varias outras maneiras.var ie = /msie/i.test(navigator.userAgent); var ieBox = ie && (document.compatMode == null || document.compatMode == "BackCompat"); var w, h; // Contem o width e o height da janela function getSize() { *var canvasEl = ieBox ? document.body : document.documentElement; *w = window.innerWidth || canvasEl.clientWidth; *h = window.innerHeight || canvasEl.clientHeight; } getSize();
tambem dessa forma
w = screen.availWidth; h = screen.availHeight;
Eu faria usando jquery, mas ai vc quem decide!
AbraçosRafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
Da sim
JQuery
$(window).unload( function () { alert("Adeus"); } );
JS Normal
window.onunload = function(){alert("Tchau tchau");}
vc tb pode criar uma function, e no seu body vc coloca
<body onUnLoad="alert('ok');">
Isso que você quer?
Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
<head> <script> function getParameters(){ w = screen.availWidth; h = screen.availHeight; x = window.screenX; y = window.screenY; alert('w:' + w + '\nh:' + h + '\nY:' + y + '\nx:' + x); } </script> </head> <body onUnLoad="getParameters();"> <h1>Vai curintia!</h1> </body>
Pega tamanho, largura, posição assim que fecha a janela abre o alerta.
Veja se atende.Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
w = window.outerWidth; h = window.outerHeight; x = window.screenX; y = window.screenY; alert('w:' + w + '\nh:' + h + '\nY:' + y + '\nx:' + x);
Ve assim se funciona!Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
Qual navegador e qual versão desse navegador vc esta usando?
o codigo funciona, acho que falta ai ajustar para o navegador homologado, apesar que eu faria em jquery esse trabalho.
lembrando que o codigo que estou colocando como exemplo não é jquery, é js puro!Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
function getParameters(event){ w = document.body.clientWidth; h = document.body.clientHeight; x = event.clientX; y = event.clientY; alert('w:' + w + '\nh:' + h + '\nY:' + y + '\nx:' + x); }
<body onUnLoad="getParameters(event);">
Agora vai, rodando em IE9!
Rafael Boschini
- Editado Rafael Boschini terça-feira, 21 de agosto de 2012 20:12
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
Isso!
X é left e Y top!
funcionou?Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
Todas as Respostas
-
Morrison, tudo bom?
seguinte, vc pode pegar a altura e largura, jogar em campos hidden ou em variaveis e dps gravar via post ou mesmo ajax.
O problema de vc fazer em javascript é que cada navegador pode apresentar uma propriedade diferente e isso atrapalha, aconselho vc a usar jquery para pegar as informações, ele já faz um cross-browser.O metodo para capturar largura e altura da janela em questão via jquery é:
$(window).height()
$(window).width()
Em javascript puro existem varias outras maneiras.var ie = /msie/i.test(navigator.userAgent); var ieBox = ie && (document.compatMode == null || document.compatMode == "BackCompat"); var w, h; // Contem o width e o height da janela function getSize() { *var canvasEl = ieBox ? document.body : document.documentElement; *w = window.innerWidth || canvasEl.clientWidth; *h = window.innerHeight || canvasEl.clientHeight; } getSize();
tambem dessa forma
w = screen.availWidth; h = screen.availHeight;
Eu faria usando jquery, mas ai vc quem decide!
AbraçosRafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
-
Da sim
JQuery
$(window).unload( function () { alert("Adeus"); } );
JS Normal
window.onunload = function(){alert("Tchau tchau");}
vc tb pode criar uma function, e no seu body vc coloca
<body onUnLoad="alert('ok');">
Isso que você quer?
Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
-
<head> <script> function getParameters(){ w = screen.availWidth; h = screen.availHeight; x = window.screenX; y = window.screenY; alert('w:' + w + '\nh:' + h + '\nY:' + y + '\nx:' + x); } </script> </head> <body onUnLoad="getParameters();"> <h1>Vai curintia!</h1> </body>
Pega tamanho, largura, posição assim que fecha a janela abre o alerta.
Veja se atende.Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
-
w = window.outerWidth; h = window.outerHeight; x = window.screenX; y = window.screenY; alert('w:' + w + '\nh:' + h + '\nY:' + y + '\nx:' + x);
Ve assim se funciona!Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
-
Qual navegador e qual versão desse navegador vc esta usando?
o codigo funciona, acho que falta ai ajustar para o navegador homologado, apesar que eu faria em jquery esse trabalho.
lembrando que o codigo que estou colocando como exemplo não é jquery, é js puro!Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
-
function getParameters(event){ w = document.body.clientWidth; h = document.body.clientHeight; x = event.clientX; y = event.clientY; alert('w:' + w + '\nh:' + h + '\nY:' + y + '\nx:' + x); }
<body onUnLoad="getParameters(event);">
Agora vai, rodando em IE9!
Rafael Boschini
- Editado Rafael Boschini terça-feira, 21 de agosto de 2012 20:12
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-
-
Isso!
X é left e Y top!
funcionou?Rafael Boschini
- Marcado como Resposta Gustavo Lucca Fontana terça-feira, 21 de agosto de 2012 20:33
-