| Výuka > JavaScript > Několik příkladů |

Několik příkladů

Detekce prohlížeče a nastavení obrazovky 

<html>
<head>
 <title>Detekce prohlížeče a nastavení obrazovky</title>
</head>

<body>
<script language="text/JavaScript">
<!--
var prohlizec = navigator.appName;
var verze = parseInt(navigator.appVersion);
if ((prohlizec == "Microsoft Internet Explorer" & verze >= 4)
  | (prohlizec == "Netscape" & verze >= 4))
 {
 sirka = screen.width;
 vyska = screen.height;
 color = screen.colorDepth;
 document.write("Používáte prohlížeč: <b>" + prohlizec 
  + "</b><br />");
 document.write("Rozlišení Vaší obrazovky: <b>" + sirka
  + " × " + vyska + " px</b><br />");
 document.write("Používáte barevnou hloubku: <b>" + color
  + " bit/px</b>"); }
else
 {
 document.write("Prohlížeč tyto vlastnosti nepodporuje");
 }
// -->
</script>
</body> </html>

Spustit ukázku v novém okně

Tento skript pod Internet Explorerem ukáže správnou detekci typu prohlížeče, ovšem prohlížeč Firefox se bude hlásit jako konkurenční Netscape.

Potvrzovací okno 

<html>
<head>
 <title>Potvrzovací okno</title>
</head>

<body>
<script language="text/JavaScript">
<!--
sex=window.confirm("Chcete vidět kočku?");
if (sex==1)
 { document.write("<img src=\"woman.gif\">"); }
else
 { document.write("<img src=\"man.gif\">"); }
// -->
</script>
</body> </html>

Spustit ukázku v novém okně

Změna velikosti obrazovky 

<html>
<head>
 <title>Potvrzovací okno</title>
 <script language="text/JavaScript">
<!--
function a() { // rozlšení 800x600px
 resizeTo(800,600);
}

function b() { // rozlšení 1024x768px
 resizeTo(1024,768);
}
// -->
</script>
</head>

<body>
<p> <a href="javascript:a();">800 × 600 px</a> </p>
<p> <a href="javascript:b();">1024 × 768 px</a> </p>
</body> </html>

Spustit ukázku v novém okně

Otevření obrázku v novém okně 

<html>
<head>
 <title>Otevření obrázku v novém okně</title>
 <script language="text/JavaScript">
<!--
function obrazek(soubor, sirka, vyska) {
 window.open(soubor, '_blank', 'toolbar=0,
                                location=0,
                                status=0,
                                menubar=0,
                                scrollbar=0,
                                resizable=0,
                                width='+sirka+',
                                height='+vyska);
}
// -->
</script>
</head>

<body>
<p>
 <a href="javascript:obrazek('man.html',172,195);">
  otevři obrázek v novém okně
 </a>
</p>
</body> </html>

Soubor man.html obsahuje pouze vložený obrázek:

<html>
<head>
 <title>Obrázek v novém okně</title>
</head>

<body>
<img src="man.gif">
</body> </html>

Spustit ukázku v novém okně

30.08.2007, 21:37 vytvořil Administrator