Ola pessoa gostaria de saber como eu faço para fazer uma validacao , ver se a resolucao do usuario eh maior ou igual a 800x600
se for gostaria de exibir um banner no lado direito da pagina, nao sei como interagir o javascript e o codigo php, pq uma linguagem eh server-side e a outra
cliente-side, alguem tem alguma ideia de como resolver isso?
se a resolucao for maior ou igual a 800x600 execute essas linhas, senao nao faz nada....
[codebox]<script language="JavaScript">
function resolucao() {
if (screen.width>=800||screen.height>=600)
return true;
return false;
}
</script>
<div class="bannerright">
<?php
$sql = mysql_query("SELECT * FROM banners WHERE ativo = 'SIM' ORDER BY RAND() LIMIT 1");
if(mysql_num_rows($sql) > 0) {
$aux = mysql_fetch_array($sql);
if($aux['link'] != null) {
?>
<a href="http://<?=$aux['link']; ?>/" target="_blank">
<?php } ?>
<img src="uploads/banners/<?=$aux['imagem']; ?>" width="180" border = "0" height="600"></a>
<?php } ?>
</div>[/codebox]

Verificar Resolucao De Tela
Started By joazweb, 16/12/2007, 17:08
3 replies to this topic
#1
Posted 16/12/2007, 17:08
#2
Posted 16/12/2007, 18:02
uma maneira eh criar uma funcao para alterar a propriedade display da div que contem o link:
[codebox]<body onload="java script: resolucao()">
<script language="JavaScript">
function resolucao()
{
banner = document.getElementById('banner_right');
if (screen.width >= 800 || screen.height >= 600)
{
banner.style.display = "block";
}
else
{
banner.style.display = "none";
}
}
</script>
<div id="banner_right" style="display: none;">
<?
echo "testando div";
?>
</div>
</body>
</html>[/codebox]
mas tem o inconveniente de baixar o banner, mesmo que nao va exibi-lo.
voce tambem pode colocar um include dentro da funcao, para adicionar o banner de acordo com a resolucao,
mas nao sei se eh recomendavel usar php dentro do js
eu evito...
vlw
[codebox]<body onload="java script: resolucao()">
<script language="JavaScript">
function resolucao()
{
banner = document.getElementById('banner_right');
if (screen.width >= 800 || screen.height >= 600)
{
banner.style.display = "block";
}
else
{
banner.style.display = "none";
}
}
</script>
<div id="banner_right" style="display: none;">
<?
echo "testando div";
?>
</div>
</body>
</html>[/codebox]
mas tem o inconveniente de baixar o banner, mesmo que nao va exibi-lo.
voce tambem pode colocar um include dentro da funcao, para adicionar o banner de acordo com a resolucao,
mas nao sei se eh recomendavel usar php dentro do js

vlw

Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search
"Living to learn... learning to live!"
Useful links: Rules | Search
#4
Posted 18/12/2007, 20:42
opa gostei da ideia, realmente eh uma pena que o banner vai ser carregado de qualquer forma, mas nao vejo outra solucao no momento! se alguem souber de outra alternativa!
de qualquer jeito, dessa forma ja me ajuda bastante
de qualquer jeito, dessa forma ja me ajuda bastante

1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)