Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [DIV/JS] Wykrywanie rozdzielczości i zmiana wysokośći DIV'a.
Liko
post
Post #1





Grupa: Zarejestrowani
Postów: 436
Pomógł: 6
Dołączył: 8.11.2003
Skąd: Szczecin

Ostrzeżenie: (0%)
-----


Witam.
Chciałbym żeby skrypt JS rozpoznawał mi rozdzielczość i automatycznie zmieniał wysokość pewnego div'a. Chodzi mi o takie coś: Jeżeli ktoś ma rozdzielczość 800x600 to DIV o id "table_center" zmienia wysokość na 200px, a jeżli ktoś wchodzi i ma rozdzielczość 1024x768 to DIV o id "tabela_center" zmienia wysokość na 320px. Jeżeli żadna rozdzielczość nie będzie pasować to DIV o id "tabela_center" ma wysokość 400px.

Myślę, że wyraziłem się jasno i czytelnie.

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Paul
post
Post #2





Grupa: Zarejestrowani
Postów: 636
Pomógł: 0
Dołączył: 22.10.2003
Skąd: Katowice

Ostrzeżenie: (0%)
-----


Witam.

Moim zdaniem bazowanie skryptu na rozdzielczosci nie jest najlepszym pomyslem, bo ktos moze nie miec przegladarki wlaczonej na pelny ekran... dlatego napisalem skrypt oparty na wysokosci obszaru aktywnego przegladarki (chodzi mi - tam gdzie wyswietlana jest strona).

[xml:1:229eb5edd9]<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript">
function rozmiar(){
tabela = document.getElementById('tabela_center');
wys = document.body.clientHeight;
//window.status = wys;
if(wys < 550){
tabela.style.height = 200;
}else{
if(wys >= 550 && wys < 650){
tabela.style.height = 320;
}else{
tabela.style.height = 400;
}
}
}
</script>
</head>
<body style="margin:0; padding:0;" onload="rozmiar()" onresize="rozmiar()">
<div id="tabela_center" style="width:500; height:500;background-color: red;">
</div>
</body>
</html>[/xml:1:229eb5edd9]
Mysle, ze bedzie ci odpowiadac (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Zostaje jeszcze kwestia regualcji odpowiednich wysokosci, gdyby cos nie gralo - wystarczy sobie odkomentarzowac ta linie z window status, co spowoduje wyswietlenie wysokosci obszaru roboczego przeglarki... Warto tez uwzglednic to, ze IE w 1024 na pelnym ekranie to 599 px, Mozilla 603 a Opera 551 - jednak te wartosci moga sie zmieniac w zaleznosci od wlaczonych czy tez nie dodatkowych toolbarow etc.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 11.10.2025 - 19:25