Jak přesměrovat návštěvníka stránky podle rozlišení monitoru
Udělat webové stránky tak, aby vypadaly dobře v jakémkoli rozlišení není rozhodně jednoduché. Jedním ze způsobů, jak lze toto vyřešit, je dát návštěvníkovi na výběr. Ovšem ne každý uživatel počítače ví, co to rozlišení je. Máme pro vás jednoduchý tip, který zajistí automatické přesměrování návštěvníka na stránku pro to které rozlišení.
Začneme samozřejmě definicí skriptu:
<SCRIPT LANGUAGE = "Javascript">
<!--
Rozlišení budeme určovat podle šířky obrazovky, k čemuž použijeme funkci screen.width, která uloží do proměnné sirka hodnotu v pixelech.
sirka = screen.width
Následně otestujeme šířku obrazovky a do proměnné url uložíme adresu stránky, na kterou bude uživatel přesměrován. V našem konkrétním případě bude v případě, že šířka obrazovky je 800 pixelů nasměrován na stránku pro800x600.htm, pro 1024 pixelů na stránku pro1024x768.htm a pro jiná rozlišení na stránku provetsi.htm.
if (sirka = 800){url=("pro800x600.htm");}
else if (sirka = 1024){url=("pro1024x768.htm");}
else {url=("provetsi.htm")}
Nakonec použijeme funkci window.location, která načte do okna prohlížeče stránku určenou proměnnou url.
window.location=url
A ukončíme skript
// -->
</SCRIPT>
Chcete-li, aby i návštěvníci s vypnutým JavaScriptem měli možnost volby, použijte element NOSCRIPT, který zajistí zobrazení jednoduchých hyperlinkových odkazů:
<NOSCRIPT>
Zvolte si Vaše rozlišení:
<ul>
<li><a href="pro800x600.htm">800x600</a>
<li><a href="pro1024x768.htm">1024x768</a>
<li><a href="provetsi.htm">Větší rozlišení</a>
</ul>
</NOSCRIPT>
Celý kód stránky tedy může vypadat takto:
<SCRIPT LANGUAGE = "Javascript">
<!--
sirka = screen.width
if (sirka = 800){url=("pro800x600.htm");}
else if (sirka = 1024){url=("pro1024x768.htm");}
else {url=("provetsi.htm")}
window.location=url
// -->
</SCRIPT>
<NOSCRIPT>
Zvolte si Vaše rozlišení:
<ul>
<li><a href="pro800x600.htm">800x600</a>
<li><a href="pro1024x768.htm">1024x768</a>
<li><a href="provetsi.htm">Větší rozlišení</a>
</ul>
</NOSCRIPT>
|
