 [DIV/JS] Wykrywanie rozdzielczości i zmiana wysokośći DIV'a. |
| [DIV/JS] Wykrywanie rozdzielczości i zmiana wysokośći DIV'a. |
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 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%)
|
Kod if (screen.width=800&&screen.height=600)
document.write("<div style='height:200px'>"); else if (screen.width=1024&&screen.height=768) document.write("<div style='height:320px'>"); else document.write("<div style='height:400px'>"); Uwagi (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 1. Nie testowalem 2. Uzupelnisz sobie to co masz w document.write do swoich potrzeb. |
|
|
|
|
Post
#3
|
|
|
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. |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 636 Pomógł: 0 Dołączył: 22.10.2003 Skąd: Katowice Ostrzeżenie: (0%)
|
Zauwazylem wlasnie, ze w kodzie Dominik'a w ifie i else ifie nalezy dolozyc po = , zeby bylo po 2, czyli rownosc, a nie przypisanie...
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 436 Pomógł: 6 Dołączył: 8.11.2003 Skąd: Szczecin Ostrzeżenie: (0%)
|
Używam twojego kodu i sprawdza się w 100% więc nie potrzebuje jego, ale dałem mu punkt za odpowiedź, która może mi się jeszcze przydać.
|
|
|
|
 |
|
Aktualny czas: 24.08.2025 - 18:14 |
