Forum PHP.pl > [HTML][JavaScript]Dostosowanie strony do rozdzielczości ekranu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Dostosowanie strony do rozdzielczości ekranu

udsigry

1.07.2012, 23:59:18

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 
<script type="text/javascript">
function size() {
var Wide = screen.width;
if (Wide >= 240) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=240/">');
}
if (Wide >= 480) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=480/">');
}
if (Wide >= 1024) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
}
if (Wide >= 1280) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1280/">');
}
if (Wide >= 1366) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1366/">');
}
if (Wide >= 1400) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1400/">');
}
if (Wide >= 1600) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1600/">');
}
if (Wide >= 1920) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1920/">');
}
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
}
 
}
 
</SCRIPT>
[HTML] pobierz, plaintext

Skrypt bedzie w pliku głównym strony (index.php).
Z góry dziękuje za pomoc.

CuteOne

2.07.2012, 01:06:51

Skoro "jesteś zielony" to zapraszam do działu Giełda.. tam za odpowiednią sumę ktoś ci to napisze

udsigry

2.07.2012, 03:13:06

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 
<body onload=size()>
</body>
[HTML] pobierz, plaintext

i pozmieniałem warunki w pętlach które są chyba bardziej dokładne

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

jak by mógł mi ktoś pomóc z tym bede wdzięczny

. wkleje działający kod dla innych uzytkowników.

[HTML] pobierz, plaintext 
 
<script type="text/javascript">
function size() {
var Wide = screen.width;
if ((Wide <= 450 && Wide >= 240) || (Wide <= 240)) {
	document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=240/">');          //dla telefonów
} else {
	if (Wide >= 480 && Wide <= 900) {
	document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=480/">');         //dla smartfonów
} else {
if ((Wide <= 1250 && Wide >= 1024) || (Wide <= 1024)) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');              //dla komputerów aż do końca
} else {
if (Wide >= 1280 && Wide <= 1350) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1280/">');
} else {
if ((Wide <= 1399 && Wide >= 1366) || (Wide <= 1366)) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1366/">');
} else {
if (Wide >= 1400 && Wide <= 1550) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1400/">');
} else {
if ((Wide <= 1850 && Wide >= 1600) || (Wide <= 1600)) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1600/">');
} else {
if (Wide >= 1920 && Wide <= 2000) {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1920/">');
} else {
document.write('<META HTTP-EQUIV="Refresh" CONTENT="0;URL=1024/">');
}}}}}}}}}
 
 
</SCRIPT>
<body onload=size()>
</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ć.

dziękuje z góry.

d3ut3r

2.07.2012, 06:04:25

Kto pyta nie błądzi

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

zrobić :

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.