Skärmens upplösning

Om vi gör en sida som kräver att besökaren använder en skärmupplösning som är 1024x768 eller bättre, och besökaren använder upplösningen 800x600, kommer sidan förmodligen att se ut som skrutt. Hela vår fina layout förstörs av rullningslister på tvären - och vem vill se sådana i till exempel ett spel där hela spelplanen måste vara synlig.

Men i de flesta webbläsare kan man utnyttja screen.width och screen.height för att undersöka vilken upplösning besökaren har på sin skärm. Därmed kan vi utnyttja dessa båda objekt tillsammans med en if/else-sats för att skicka besökaren till rätt sida.

Skriptet är mycket enkelt:

<SCRIPT language="JavaScript">
<!-- Göm
if ((screen.width>=1024) && (screen.height>=768))
{
window.location="1024.html";
}
else
{
window.location="800.html";
}
// Sluta gömma -->
</SCRIPT>

if ((screen.width>=1024) && (screen.height>=768))
Om skärmens bredd (screen.width) är större än eller lika med (>=) 1024 pixlar och (&&) om skärmens höjd (screen.height) är större än eller lika med (>=) 768 pixlar ...

window.location="1024.html";
... öppna sidan 1024.html.

else
Om detta inte gäller ...

window.location="800.html";
... öppna sidan 800.html.

Du kan pröva här. Har du en skärm som klarar upplösningen 1024x768 pixlar, kan du ställa om upplösningen och kontrollera igen att rätt sida öppnas.

© SupportData.Net