JavaScript se dá využít k mnoha věcem – v tomto článku vám popíši několik tipů ohledně tvorby JavaScriptu – jednoduchá navigace, zaheslovaná stránka, vkládání náhodných tipů do stránky a nové okno, které čtenáře upozorní na delší načítání stránky a které se po načtení této stránky automaticky uzavře.

Jednoduchá navigace

Chtěli by jste mít ve stránce odkazy, pomocí kterých by se uživatel mohl vrátit na předchozí stránku, či na stránku následující či mít na stránce odkaz, pomocí kterého by se daná stránka po kliknutí reloadovala? Není to nic složitého a postačí vám k tomu pouhé tři řádky kódu. Jenom bych chtěl podotknout, že stejnou funkci zastávají v prohlížeči tlačítka back, forward a reload.

<a href=“javascript:history.go(-1);“>Zpět</a>
<a href=“javascript:history.go(1);“>Vpřed</a>
<a href=“javascript:location.reload();“>Reload</a>

Zaheslovaný přístup na stránku

Určitě mi dáte za pravdu, že JavaScript není vhodný k tomu, aby umožňoval vstup na určité stránky pouze v případě, když zadáte správné heslo. Ale co říkáte na JavaScript, který po zadání hesla skočí na HTML stránku, která se bude jmenovat jako zadané heslo? To už je určitě lepší. Funguje to tak, že si vytvoříte stránku, kde chcete mít „utajené údaje“ a nazvete ji například jako tajne.htm. Po zadaní hesla „tajne“ bude prohlížeč úspěšně přesměrován na tuto stránku (k zadanému heslu se automaticky připojí přípona.htm). V případě zadání „špatného hesla“ se objeví klasické „Page not found“. Ale dost slov, zde je k dispozici zdrojový kód:

<script language=“JavaScript“>
<!—
function odesliHeslo() {
var location;
var Heslo;
Heslo=this.document.Heslo.vlozHeslo.value
location=Heslo + „.htm“
goTo(location)
}
function goTo(location){
document.location.href = location;
}
// –>
</script>
<FORM name=“Heslo“>
<INPUT TYPE=“Password“ NAME=“vlozHeslo“ SIZE=“17″>
<INPUT TYPE=“Button“ VALUE=“Odeslat“ ONCLICK=“odesliHeslo(this.form)“>
</FORM>

Náhodné tipy na stránce

Jak sami vidíte, v tomto článku jsou samé jednoduché a praktické příklady použití JavaScriptu. Výjimkou není ani jednoduchý zobrazovač tipů. Zadané tipy se zcela náhodně zobrazují při každém načtení stránky. Počet tipů si můžete libovolně nadefinovat, jenom nezapomeňte nakonec doplnit příslušné číslodo pole „new Array“, které značí celkový počet tipů.

<SCRIPT LANGUAGE=“JavaScript“>
<!–
tip = new Array(3);
tip[0] = „Tip číslo jedna“;
tip[1] = „Tip číslo dva“;
tip[1] = „Tip číslo tři“;
start = Math.floor(Math.random() * tip.length);
document.write(„<b>“ + tip[start]+“</b>“);
// –>
</SCRIPT>

Upozornění na delší načtení stránky

Pomocí tohoto JavaScriptu se automaticky otevře okno podle zadaných parametrů (šířka, výška apod.), které návštěvníka informuje o tom, že tato stránka se mu může déle načítat. Po kompletním načtení stránky se toto okno automaticky uzavře.

Do stránky, která se dlouho načítá, vložte následující JavaScript, který otevře okno o nadefinované velikosti 200×200 pixelů a do něj načte soubor vystraha.html a který toto okno automaticky uzavře po kompletním načtení stránky (onLoad=NoveOkno.close();).

<SCRIPT LANGUAGE=“JavaScript“>
<!–
NoveOkno =
window.open(„vystraha.html“,“Okno“,“toolbar=no,width=200,height=200,directories=no,status=no, scrollbars=no,resize=no,menubar=no“)
// –>
<SCRIPT LANGUAGE=“JavaScript“>
<body onLoad=NoveOkno.close();>

Do souboru vystraha.html vložte své vlastní upozornění:

<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 3.2 Final//EN“>
<HTML>
<HEAD>
<TITLE>Výstraha</TITLE>
</HEAD>
<BODY BGCOLOR=“White“>
<H4>Omluvte prosím delší načítání stránky</H4>
</BODY>
</HTML>

Starší komentáře ke článku

Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.

Žádný příspěvek v diskuzi

Odpovědět