GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Script para auto ajustar a pagina de acordo com a resolução?


#1

script para auto ajustar a pagina de acordo com a resolução?

tipo..800x600 ela se ajusta..
1024x768 ela se ajusta..
alguem sabe??

obrigado :roll:


#2

Você está falando de JavaScript? Caso sim, dê uma olhadinha no "santo" google. A propósito, sugiro que antes de mandar a pergunta para o forum, passe primeiro no google.

É isso!

Arierom


#3

Oi Renato,

Não sei exatamente o que você quer, mas ai vai...

Se você quer que a janela do browser seja redimensionada, de acordo com a resolução da tela, tente esse script:

<script language="JavaScript" type="text/javascript">
  if (screen.width >= "1024") {
    window.resizeTo(1024, 768);
  }
  if (screen.width == "800") {
    window.resizeTo(800, 600);
  }
  if (screen.width <= "800") {
    window.resizeTo(640, 420);
  }
</script>

Ou, se você precisa que o usuário seja redirecionado para uma página específica para cada resolução, tente este script:

<script language="JavaScript" type="text/javascript">
  if (screen.width >= "1024") {
    window.location.href = "index1024.html";
  }
  if (screen.width == "800") {
    window.location.href = "index800.html";
  }
  if (screen.width <= "800") {
    window.location.href = "index640.html";
  }
</script>

[]s
Eduardo


#4

Taí um exemplo em JavaScript:

function maximize() {
  var win = window.open("www.guj.com.br", "targetQualquer","status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=1,scrollbars=0");
  win.moveTo(-4,-4)
  win.resizeTo(screen.availWidth + 8, screen.availHeight + 8)
}

#5

Bom, na verdade também é possível fazer o seguinte:

Função javascript:

function maximize() {
  moveTo(-4,-4);
  resizeTo(screen.availWidth + 8, screen.availHeight + 8);
}

Trecho html que chama a função JavaScript após carregar a página:

<body onLoad="maximize()">

Isso redimensionará a página conforme a resolução do monitor.


#6

muito bom!!!!!
muito obrigado pela ajuda!
acredito que este tópico vai ajudar muita gente!!

alias, sem querer ser chato a primeira resposta este tópico leva a "desenvolvimento web".

:stuck_out_tongue:


#7