PHP é back-end e JavaScript é front-end.
O que o PHP faz é gerar uma página, podendo ser html, txt, imagem, etc, ou seja ele é executado no servidor antes de chegar ao teu navegador, já o JavasSript é executado no navegador.
Leia essas respostas, apesar do foco serem outras coisas, eu explico como funciona a interação requisição e resposta, recomendo que leia:
O que o servidor faz é enviar apenas a resposta do que o PHP gerou para o seu navegador, o PHP já foi executado e terminado, então não tem como o JavaScript se comunicar com o PHP a não ser que seja por Ajax (que é uma requisição em "background").
Quando você faz isso:
$width = '<script>document.write(width);</script>';
Você não está passando o valor de width
para $width
, na verdade o PHP está enxergando <script>document.write(width);</script>
e não o valor width
.
Não tem como o PHP saber na mesma requisição o valor do tamanho da tela, o que você pode fazer é usar Ajax, por exemplo:
Na sua página adicione isso na sua página:
<script>
(function ()
{
function enviarTamanhoTela()
{
var querystring = "largura=" + screen.width;
querystring += "&altura=" + screen.height;
var oReq = new XMLHttpRequest();
//envia querystring como se fosse uma página normal
oReq.open("GET", "atualizatamanho.php?" + querystring, true);
//Função assíncrona que aguarda a resposta
oReq.onreadystatechange = function()
{
if (oReq.readyState === 4) {
alert(oReq.responseText); //Pega resposta do servidor
}
};
//Envia a requisição, mas a resposta fica sendo aguardada em Background
oReq.send(null);
}
if (/^(interactive|complete)$/i.test(document.readyState)) {
enviarTamanhoTela();
} else {
document.addEventListener('DOMContentLoaded', enviarTamanhoTela);
}
})();
</script>
E crie um novo arquivo chamado atualizatamanho.php
, você pode pegar os dados assim:
<?php
if (isset($_GET['largura'], $_GET['altura'])) {
$largura = $_GET['largura'];
$altura = $_GET['altura'];
var_dump($largura, $altura); //Pode remover essa linha
//Resto do seu código aqui
}