Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Dostosowanie strony do rozdzielczości ekranu
udsigry
post 1.07.2012, 23:59:18
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 10.01.2012

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

Witam,
mam mały problem z skryptem, który ma sprawdzić rozdzielczość ekranu i wybrać odpowiedni podkatalog, w którym jest strona pod daną rozdzielczość i ją ma wczytać za pomocą include(); , ale nie chce wybierać podkatalogu. Jestem zielony z JS. Będe wdzięczny za szybką pomoc. Oto kod, który napisałem. narazie zastosowałem przekierowanie bo coś include(); nie chce mi działać
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function size() {
  3. var Wide = screen.width;
  4. if (Wide >= 240) {
  5. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=240/">');
  6. }
  7. if (Wide >= 480) {
  8. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=480/">');
  9. }
  10. if (Wide >= 1024) {
  11. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
  12. }
  13. if (Wide >= 1280) {
  14. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1280/">');
  15. }
  16. if (Wide >= 1366) {
  17. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1366/">');
  18. }
  19. if (Wide >= 1400) {
  20. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1400/">');
  21. }
  22. if (Wide >= 1600) {
  23. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1600/">');
  24. }
  25. if (Wide >= 1920) {
  26. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1920/">');
  27. }
  28. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
  29. }
  30.  
  31. }
  32.  
  33. </SCRIPT>
[HTML] pobierz, plaintext

Skrypt bedzie w pliku głównym strony (index.php).
Z góry dziękuje za pomoc.
Go to the top of the page
+Quote Post
CuteOne
post 2.07.2012, 01:06:51
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

Skoro "jesteś zielony" to zapraszam do działu Giełda.. tam za odpowiednią sumę ktoś ci to napisze
Go to the top of the page
+Quote Post
udsigry
post 2.07.2012, 03:13:06
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 10.01.2012

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

Jakoś sobie poradziłem z tym. Pierwszy sposób to usunięcie funkcji size() pozostawiając same pętle i przekierowuje, a drugi sposób to dodanie na końcu 
[HTML] pobierz, plaintext 
  1. <body onload=size()>
  2. </body>
[HTML] pobierz, plaintext
i pozmieniałem warunki w pętlach które są chyba bardziej dokładne smile.gif
I nie wiem jak zmienić przekierowywanie na zwykłe include(), chce zapisać to do zmiennej w js i wysłać do php. Wiem że można zastosować AJAX i JQuery lub zwykłe post lub get ale w js to czarna magia dla mnie tongue.gif jak by mógł mi ktoś pomóc z tym bede wdzięczny smile.gif. wkleje działający kod dla innych uzytkowników.
[HTML] pobierz, plaintext 
  1.  
  2. <script type="text/javascript">
  3. function size() {
  4. var Wide = screen.width;
  5. if ((Wide <= 450 && Wide >= 240) || (Wide <= 240)) {
  6. 	document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=240/">');          //dla telefonów
  7. } else {
  8. 	if (Wide >= 480 && Wide <= 900) {
  9. 	document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=480/">');         //dla smartfonów
  10. } else {
  11. if ((Wide <= 1250 && Wide >= 1024) || (Wide <= 1024)) {
  12. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');              //dla komputerów aż do końca
  13. } else {
  14. if (Wide >= 1280 && Wide <= 1350) {
  15. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1280/">');
  16. } else {
  17. if ((Wide <= 1399 && Wide >= 1366) || (Wide <= 1366)) {
  18. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1366/">');
  19. } else {
  20. if (Wide >= 1400 && Wide <= 1550) {
  21. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1400/">');
  22. } else {
  23. if ((Wide <= 1850 && Wide >= 1600) || (Wide <= 1600)) {
  24. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1600/">');
  25. } else {
  26. if (Wide >= 1920 && Wide <= 2000) {
  27. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1920/">');
  28. } else {
  29. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
  30. }}}}}}}}}
  31.  
  32.  
  33. </SCRIPT>
  34. <body onload=size()>
  35. </body>
[HTML] pobierz, plaintext


Ps. CuteOne wole sie głupio pytać o każdą głupią rzecz i sie dowiedzieć jak to zrobić a nie kupić, dostać gotowca i nic nie wiedzieć. smile.gif

dziękuje z góry. rolleyes.gif

Ten post edytował udsigry 2.07.2012, 04:53:35
Go to the top of the page
+Quote Post
d3ut3r
post 2.07.2012, 06:04:25
Post #4





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

Kto pyta nie błądzi smile.gif jest jedno ale, forum nie jest do zadawania pytań o "każdą głupią rzecz" najpierw wypada samemu poszukać jedno zapytanie w google "Javascript screen resolution, redirect" na drugiej pozycji wyświetli:

http://www.pageresource.com/jscript/jscreen.htm

podążając za tym co tam jest napisane , lepie imho zamiast:

[JAVASCRIPT] pobierz, plaintext 
  1. document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
[JAVASCRIPT] pobierz, plaintext


zrobić :

[JAVASCRIPT] pobierz, plaintext 
  1. window.location='xxxxxx';
[JAVASCRIPT] pobierz, plaintext




--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 19:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn