Skrypt dopasowania do stronki. Pomocy!

Verlis · 1 Kwietnia 2015

Znalazłem w necie skrypt, który rozpoznaje rozdzielczość i wyświetla stronę do której poda się link.

Chcę zrobić stronę w każdej rozdzielczości od 800x600 do 1280x1024 i mam to przygotowane tylko, że skrypt nie chce mi prawidłowo działać na więcej niż dwie rozdzielczości :/

Oryginalny skrypt:

<script type="text/javascript">
var Szer = screen.width;
if (Szer <= 800) window.location = "index_800_600.html";
else if (Szer > 800) window.location = "index_1024.html";
</script>

Próbowałem tak:

<script type="text/javascript">
                            var Wys = screen.height;
                                if (Wys <= 600) window.location = "index_800_600.html";
                                else if (Wys = 768) window.location = "index_1024_768.html";
                                else if (Wys = 864) window.location = "index_1152_864.html";
                                else if (Wys = 720) window.location = "index_1280_720.html";
                                else if (Wys = 800) window.location = "index_1280_800.html";
                                else if (Wys = 960) window.location = "index_1280_960.html";
                                else if (Wys = 1024) window.location = "index_1280_1024.html";
                                        
                        </script>

Ale to nie działa i inne moje próby (a było ich sporo też nic nie dały ;(

Wiecie jak przerobić taki skrypt? Jeżeli tak to powiecie lub najlepiej przerobicie?

przedek · 1 Kwietnia 2015

a zawartość index_1.......html pokaż

Edit
po co piszesz 2x to samo... http://www.mpcforum.pl/topic/1393340-problem-z-wymiarowaniem-stronki/

WiPeKKK · 1 Kwietnia 2015

bez sensu tak robić, użyj bootstrapa albo media queries

Verlis · 1 Kwietnia 2015

<!DOCTYPE html 
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
		<head>
				<meta http-equiv="Expires" content="0" />
				<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
				<meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
				<meta http-equiv="Pragma" content="no-cache" />
				<title>Nevoria - Shakes and Fidget</title>
		</head>
		
		<body oncontextmenu="return false" background="tlo/tlo.jpg" style="background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%">
				<table>
				<!Witaj>
					<td bgcolor="#000000" style="opacity: 0.7; position: absolute; top: 40%; height: 15.5%; width: 98%;"/>
				</table>
				
				<table>
				<!WejdÄ do gry>
					<td bgcolor="#000000" style="opacity: 0.7; position: absolute; top: 100%; left: 0.8%; height: 15.5%; width: 32%;"/>
				</table>
				
				<table>
				<!Forum>
					<td bgcolor="#000000" style="opacity: 0.7; position: absolute; top: 100%; left: 33.5%; height: 15.5%; width: 32.5%;"/>
				</table>
				
				<table>
				<!Support>
					<td bgcolor="#000000" style="opacity: 0.7; position: absolute; top: 100%; left: 66.75%; height: 15.5%; width: 32%;"/>
				</table>
				
				<table>
				<!Aktualnosâşci>
					<td bgcolor="#000000" style="opacity: 0.7; position: absolute; top: 155%; left:25%; height: 100%; width: 50%;"/>
				</table>
				
				<table>
				<!Stopka>
					<td bgcolor="#000000" style="opacity: 0.7; position: absolute; top: 295%; left: 13%; height: 3%; width: 75%;"/>
				</table>
				
				
				
				
				
				
				<!Witaj>
						<h1 style="color: white; font-size: 65px; position: absolute; top: 37%; left: 45%;">Witaj!</h1>
						<h3 style="color: grey; font-size: 20px; position: absolute; top: 48%; left: 36%;">ZĹap za miecz, rĂłĹźdzkÄ lub Ĺuk i zdobÂądÄ˝ sĹawÄ!</h3>
				<!Wejdz do gry>
						<a href="http://localhost/nevoria/index.php"><img src="napisy/wejdz.png"align="center" style="color: #000000; font-size: 55px; position: absolute; top: 101%; left: 1%;"></a>
						
				<!Forum>
						<a href="forum.nevoria.pl"><img src="napisy/forum.png" align="center" style="color: #000000; font-size: 55px; position: absolute; top: 101%; left: 34.85%;"></a>
						
				<!Support>
						<a href="mailto:[email protected]"><img src="napisy/support.png"align="center" style="color: #000000; font-size: 55px; position: absolute; top: 101%; right: 1.5%;"></a>

				<!Aktualnosâşci>
						<h1 align="center" style="color: white; font-size: 55px; position: absolute; top: 158%; left: 39%;">AktualnoÂści</h1>
						<b align="center" style="color: grey; font-size: 18px; position: absolute; top: 175%; left: 45.5%;"><u>Startowy event!</u></b>
						<p align="center" style="color: grey; font-size: 20px; position: absolute; top: 181%; left: 34%;">Aby umiliÄ wam grÄ na naszym serwerze<br>postanowiliÂśmy uruchomiÄ event!<br>WiÄcej dowiecie siÄ na forum w zakĹadce "Eventy"</p>
						<b align="center" style="color: grey; font-size: 18px; position: absolute; top: 200%; left: 45.5%;"><u>Start serwera!</u></b>
						<p align="center" style="color: grey; font-size: 20px; position: absolute; top: 206%; left: 37%;">Z radoÂściÂą informujemy was, Ĺźe serwer<br>wystartowaĹ!<br>Ĺapcie za broĹ i do boju! :-)</p>

				<!Stopka>
						<p align="center" style="color: grey; font-size: 15px; position: absolute; top: 294%; left: 45.5%;">Copyright by Verlis</p>
		</body>
</html>

Oto cały index.html

Wiem, że pewnie jest tam multum linijek niepotrzebnego kodu, ale dopiero zaczynam się w to bawić

e4aENHQe2uWCCvQfUJsTGQCZJDmLRpof · 1 Kwietnia 2015

Tak jak napisał WiPeKKK.

Zapoznaj się z media queries. Metoda którą podałeś jest bardzo nie optymalna.

Rogetenek · 1 Kwietnia 2015

1. Nie uzywaj tabelek do pozycjonowania elementow na stronie, sluzy do tego <div>

2. Poczytaj o RWD

3. Korzystaj z HTML5

ArturBrodek · 1 Kwietnia 2015

Polecam zapoznać się z logicznymi operatorami które występują w każdym języku. Porównanie to ==

else if (Wys = 768) window.location = "index_1024_768.html";

Zaloguj się

👋 Witaj na MPCForum!

Skrypt dopasowania do stronki. Pomocy!

Rekomendowane odpowiedzi

Verlis

Verlis

przedek

przedek

WiPeKKK

WiPeKKK

Verlis

Verlis

e4aENHQe2uWCCvQfUJsTGQCZJDmLRpof

e4aENHQe2uWCCvQfUJsTGQCZJDmLRpof

Rogetenek

Rogetenek

ArturBrodek

ArturBrodek

Zarchiwizowany