obtendo largura de tela em variável de javascript e enviando isto por ajax para uma página de php para evitar carregamento de página
Isto é oJS
para detectar a resolução da tela na nomeação da minha páginaindex.html
e enviá-lo para php, para que os valores possam ser recuperados usando$_GET
: -
<code><script type="text/javascript"> width = screen.availwidth; height = screen.availheight; if (width > 0 && height >0) { window.location.href = "http://localhost/main.php?width=" + width + "&height=" + height; } else exit(); </script> </code>
Este é o conteúdo da minha nomeação de arquivos PHPprocess.php
: -
<code><?php $screen_width = $_GET['width']; $screen_height = $_GET['height']; //EDITED PORTION echo '<style>#Wrapper {width:'.$screen_width.';}</style>'; ?> </code>
Agora, depois de obter o tamanho da tela eu quero exibir oindex.php
.
OBSERVE ESTES PASSOS, PARA ENTENDER O CAMINHO QUERO QUE AS COISAS FUNCIONAM: -
Carregamento de Página IniciadoJavascript detectou a largura de tela disponível.Ele passa para o arquivo php e a variável PHP tem a largura de tela disponível.Então, a página é exibida usando essa variável php (significa que a largura da página está sendo definida usando essa variável php)Em todo o processoindex.php
não deve ser recarregado.Então, como isso pode ser feito?
EDITAR:
Enquanto oJS
passa o valor para o arquivo php é carregado, o que eu quero é obter a resolução da tela e, consequentemente, definir a largura da página do site. Mas seJS
enviar os dados para o arquivo php e se de alguma forma chegarmos através do ajax, pode acontecer que o meu site fique totalmente carregado e o estilo não seja implementado porque já foi carregado todos os materiais antes do ajax funcionar.
Existe algum método que é eficiente o suficiente ou podemos fazer isso de uma maneira que se torne eficiente.
Este é o meu EDIT: 2
Para ser mais claro, vou explicar o que quero alcançar usando a seguinte imagem:
Agora, se mal conseguir a resolução da tela, diga800px
então eu sei que eu quero deduzir200px
do lado esquerdo, por isso vai se tornar600px
e como meudivs
está250px
Eu vou poder adicionar apenas dois. Portanto, para evitar mostrar que100px
na direita eu vou ajustar a largura da página do meu site para700px
.
Coisas que posso fazer no php, mas como fazer com que todas as coisas sejam feitas ao mesmo tempo na mesma página?
Toda a área que você pode chamar como #Wrapper
Certo como #SideBar
Área esquerda como #LeftContent
Espero ter explicado bem as coisas. Então, por favor, se alguém puder me ajudar fazendo o necessário :)