ZaRohem.cz Pražské metro Test osobnosti CowParade 2004 Praha MHD v ČR
Blog ZaRohem 1.PCRevue.cz Vinárna Na roli (Petřvald) Restaurace Třebovická role kapela Terra Ignota

Reklama
Hlavní stránka
Aktuality
Software
Internet
Hardware
Seriály
Viry
Tipy a triky
Download
Konference
Napište nám
Reklama
Doporučujeme užitečný crm systém od CÍGLER SOFTWARE!
8. leden 2002 - Tipy a triky

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>

Reklama
 
 
Aktuální články:
Reklama
Program eWay-CRM je praktické CRM řešení integrované přímo do Microsoft Outlooku.
 
 
Reklama
 
© 1.PC Revue.cz - všechna práva vyhrazena
ISSN: 1213-080X
© Karel Kilián ml.
Zásady ochrany osobních údajů
Reklama