Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, estou desenvolvendo um script bem simples que deverá alterar propriedades de uma div conforme o browser e a resolução que o visitante esteja utilizando.
O script funciona da seguinte maneira: com php eu verifico o tipo de browser que o visitante está utilizando, depois com javascript verifico a resolução. Para cada resolução as propriedades da div tem de ser alteradas...
O código é o seguinte:
<div id="painel_rolante">Texto qualquer</div> (Está no <body>)
O código abaixo está no <head> da página:
<?php
$substring = stristr($_SERVER['HTTP_USER_AGENT'], "msie");
if (!empty($substring))
{
?>
<script>
document.getElementById('painel_rolante').style.position = 'absolute';
document.getElementById('painel_rolante').style.zIndex = '1';
document.getElementById('painel_rolante').style.top = '5px';
if(screen.width > 1024)
{
document.getElementById('painel_rolante').style.width = '72%';
document.getElementById('painel_rolante').style.left = '14%';
}
else if(screen.width == 1024)
{
document.getElementById('painel_rolante').style.width = '90.6%';
document.getElementById('painel_rolante').style.left = '4.8%';
}
else if(screen.width < 1024)
{
document.getElementById('painel_rolante').style.width = '90.4%';
document.getElementById('painel_rolante').style.left = '6.2%';
}
</script>
<?PHP
}
else
{
?>
<script>
document.getElementById('painel_rolante').style.position = 'absolute';
document.getElementById('painel_rolante').style.zIndex = '1';
document.getElementById('painel_rolante').style.top = '5px';
if(screen.width > 1024)
{
document.getElementById('painel_rolante').style.width = '71.8%';
document.getElementById('painel_rolante').style.left = '14.1%';
}
else if(screen.width == 1024)
{
document.getElementById('painel_rolante').style.width = '89.8%';
document.getElementById('painel_rolante').style.left = '5.1%';
}
else if(screen.width < 1024)
{
document.getElementById('painel_rolante').style.width = '115.6';
document.getElementById('painel_rolante').style.left = '6%';
}
</script>
<?PHP
}
?>Carregando comentários...