| Platí pro: |
| Microsoft Office FrontPage® 2003 |
Chtěli byste přidat na web překryvné okno, hypertextový odkaz pro zavření stránky nebo zobrazit aktuální datum a čas? O tyto i další funkce můžete web v aplikaci FrontPage 2003 rozšířit pomocí jazyka JavaScript (JavaScript: Skriptovací jazyk, pomocí něhož lze rozšířit funkce nebo vylepšit vzhled webových stránek či webu. Skripty v jazyce JavaScript lze spustit v jakémkoli počítači typu klient či server.).
Co je JavaScript?
JavaScript je skriptovací jazyk (Skriptovací jazyk: Jednoduchý programovací jazyk určený k provádění speciálních nebo omezených úloh, které jsou někdy přidruženy k určité aplikaci nebo funkci.), který umožňuje přidávat k webovým stránkám interaktivní funkce. Jazyk JavaScript je jazyk řízený událostmi (Událost: Akce rozpoznávaná objektem, např. klepnutí myší nebo stisknutí klávesy, pro kterou lze nadefinovat odezvu. Událost může být způsobena akcí uživatele nebo příkazem jazyka Visual Basic, případně může být také vyvolána systémem.) – jeho funkce jsou aktivovány akcemi (událostmi) vyvolávanými uživateli, například otevřením okna prohlížeče, klepnutím na hypertextový odkaz nebo umístěním ukazatele myši na obrázek.
Jazyk JavaScript je skriptovací jazyk prováděný na straně klienta. To znamená, že když uživatel provede aktivační akci, skript se spustí v počítači uživatele (klienta), nikoli na serveru.
Pokud uživatel zakáže v počítači spouštění skriptů nebo používá starší prohlížeč, který nepodporuje novější verze jazyka JavaScript, nebudou v jeho počítači některé skripty fungovat podle očekávání. Proto je třeba skripty otestovat vždy ve více prohlížečích. Pro uživatele, kteří nemohou spustit jazyk JavaScript, je třeba přidat na web alternativní odkazy nebo funkce.
V aplikaci FrontPage 2003 je možné přidávat funkce jazyka JavaScript na web s minimálními znalostmi jazyka JavaScript. Naučit se jazyk JavaScript je samozřejmě užitečné, chcete-li vytvářet a ladit vlastní skripty nebo upravovat skripty stažené z webových serverů nabízejících bezplatně skripty jazyka JavaScript.
Vytvoření překryvného okna pomocí podokna úloh Chování v aplikaci FrontPage 2003
Někdy je užitečné přidat na web překryvné okno. Můžete tak propagovat zvláštní nabídku nebo požádat uživatele o vyplnění dotazníku určitého průzkumu. Překryvné okno nabízí rychlý a snadný způsob, jak upozornit na informace, kterých by si uživatel nemusel jinak všimnout.
Přidání překryvného okna, které se automaticky otevře při otevření stránky
- V zobrazení Stránka klepněte v dolní části okna dokumentu na tlačítko Návrh
.
- V nabídce Formát klepněte na příkaz Chování. Otevře se podokno úloh Chování.
- V podokně úloh Chování klepněte na tlačítko Vložit a pak klepněte na akci Otevřít okno prohlížeče.
- V dialogovém okně Otevřít okno prohlížeče proveďte tyto kroky:
- Zadejte do pole Přejít na adresu URL adresu URL stránky, která se má otevřít, nebo tuto stránku vyhledejte.
- Do pole Název okna zadejte požadovaný název stránky.
Poznámka: Název nesmí obsahovat žádné mezery.
- Do pole Šířka okna zadejte šířku nového okna v pixelech.
- Do pole Výška okna zadejte výšku nového okna v pixelech.
- Ve skupině Atributy zaškrtněte políčka u atributů nového okna nebo zrušte jejich zaškrtnutí.
Poznámka: Stav zaškrtávacích políček atributů určuje, zda bude nové okno zahrnovat některé typické funkce systému Microsoft Windows, například panely nástrojů, posuvníky nebo úchyty pro změnu velikosti.
- Klepněte na tlačítko OK.
Přidání překryvného okna, které se otevře při klepnutí na hypertextový odkaz
- V zobrazení Stránka klepněte v dolní části okna dokumentu na tlačítko Návrh .
- V nabídce Formát klepněte na příkaz Chování. Otevře se podokno úloh Chování.
- Na stránce vyberte prvek, se kterým chcete pracovat, například text nebo obrázek.
- V nabídce Vložit klepněte na příkaz Hypertextový odkaz.
- V dialogovém okně Vložit hypertextový odkaz zadejte do pole Adresa adresu URL stránky, která se má otevřít. Přitom nahraďte řetězec http:// řetězcem javascript://.
- Klepněte na tlačítko OK.
- V podokně úloh Chování klepněte na tlačítko Vložit a pak klepněte na akci Otevřít okno prohlížeče.
- V dialogovém okně Otevřít okno prohlížeče proveďte tyto kroky:
- Do pole Přejít na adresu URL zadejte adresu URL stránky, která se má otevřít.
- Do pole Název okna zadejte požadovaný název stránky.
Poznámka: Název nesmí obsahovat žádné mezery.
- Do pole Šířka okna zadejte šířku nového okna v pixelech.
- Do pole Výška okna zadejte výšku nového okna v pixelech.
- Ve skupině Atributy zaškrtněte políčka u atributů nového okna nebo zrušte jejich zaškrtnutí.
Poznámka: Stav zaškrtávacích políček atributů určuje, zda bude nové okno zahrnovat některé typické funkce systému Microsoft Windows, například panely nástrojů, posuvníky nebo úchyty pro změnu velikosti.
- Klepněte na tlačítko OK.
- V podokně úloh Chování přejděte v seznamu Události na výchozí událost, klepněte na šipku a poté klepněte na událost onclick (při klepnutí).
Změna vzhledu překryvného okna
- V zobrazení Stránka klepněte v dolní části okna dokumentu na tlačítko Návrh .
- V nabídce Formát klepněte na příkaz Chování. Otevře se podokno úloh Chování.
- V oblasti Akce poklepejte na řádek akce Otevřít okno prohlížeče.
- Proveďte požadované změny a klepněte na tlačítko OK.
Přidání vlastního skriptu pro zavření okna do knihovny fragmentů kódu
Okno prohlížeče často obsahuje hypertextový odkaz umožňující uživateli rychle a snadno okno zavřít. Je toho dosaženo zahrnutím řádku jazyka JavaScript do hypertextového odkazu: Klepne-li uživatel na tento hypertextový odkaz, řádek jazyka JavaScript zavře okno.
Pokud budete tento skript používat vícekrát, můžete ho uložit do knihovny fragmentů kódu. Pak ho nebudete muset pokaždé znovu psát – vložíte ho tak, že stisknete kombinaci kláves CTRL+ENTER a vyberete skript v seznamu.
Následují postupy, jak vytvořit fragment kódu pro zavření okna prohlížeče a jak vložit tento fragment z knihovny fragmentů kódu do stránky.
Vytvoření fragmentu kódu pro zavření okna
- Zkopírujte do schránky následující řádek kódu začínající řetězcem
<a a končící řetězcem /a> (vyberte ho a stiskněte klávesovou zkratku CTRL+C).<a href="javascript:window.close();">Zavřít okno</a>
- V nabídce Nástroje klepněte na příkaz Možnosti stránky a poté klepněte na kartu Fragmenty kódu.
- Klepněte na tlačítko Přidat.
- Do pole Klíčové slovo zadejte closeWindow.
- Do pole Popis zadejte Skript pro zavření okna.
- Stisknutím klávesové zkratky CTRL+V vložte do pole Text řádek kódu, který jste zkopírovali do schránky v kroku 1.
- Klepněte na tlačítko OK.
Vložení fragmentu kódu pro zavření okna do stránky
- V zobrazení Stránka klepněte v dolní části okna dokumentu na tlačítko Kód
.
- Umístěte kurzor na místo, kam chcete vložit fragment kódu.
- Stiskněte kombinaci kláves CTRL+ENTER.
- V seznamu vyberte položku Skript pro zavření okna a stiskněte klávesu ENTER.
Přidání aktuálního data a času zkopírováním kódu jazyka JavaScript
Pokud znáte jazyk JavaScript, můžete ke zdokonalení webu vyvíjet vlastní funkce. I když však jazyk JavaScript neznáte, můžete využít znalosti jiných lidí a zkopírovat jejich kód do webové stránky.
Mnoho vývojářů v jazyce JavaScript nabízí své skripty zdarma na webu. Chcete-li prozkoumat množství skriptů, které jsou k dispozici, otevřete svůj oblíbený vyhledávací stroj a zadejte text free javascript nebo cut and paste javascript do pole hledání. Naleznete stovky volně nabízených skriptů, které můžete použít k rozšíření webové stránky o interaktivní funkce.
Většina skriptů má dvě části: funkci a volání této funkce. Funkce je obvykle umístěna mezi značkami <head> a </head> a volání skriptu je obvykle umístěno někde mezi značkami <body> a </body> . Většinu volně nabízených skriptů doprovázejí pokyny, kam je třeba umístit části kódu, aby na stránce správně fungovaly.
Následující příklad ukazuje, jak můžete zobrazit aktuální datum a čas na webové stránce zkopírováním částí kódu do schránky a jejich vložením do správné části webové stránky.
Zobrazení aktuálního data a času na webové stránce
- V zobrazení Stránka klepněte v dolní části okna dokumentu na tlačítko Kód .
- Zkopírujte následující řádky kódu do schránky (vyberte je a stiskněte klávesovou zkratku CTRL+C).
<script language="javascript">
function datetime(){
var datetime = new Date()
var hr = datetime.getHours()
var min = datetime.getMinutes()
var mon = datetime.getMonth()
var monNames = new Array("leden", "únor", "březen", "duben", "květen", "červen", "červenec", "srpen", "září", "říjen", "listopad", "prosinec");
var May = datetime.getDate()
var year = datetime.getFullYear()
if(hr < 10){
hr = " " + hr
}
if(min < 10){
min = "0" + min
}
document.datetime.digits.value = hr + ":" + min + " " + day + ". " monNames[mon] + " " + year
setTimeout("datetime()", 1000)
}
</script>
- V aplikaci FrontPage umístěte kurzor do záhlaví dokumentu HTML mezi značky
<head> a </head> a stisknutím klávesové zkratky CTRL+V vložte kód ze schránky.
- Zkopírujte do schránky následující text.
<body onload="datetime()">
- V aplikaci FrontPage vyberte značku
<body> a stisknutím klávesové zkratky CTRL+V ji nahraďte obsahem schránky.
- Zkopírujte do schránky následující text.
<FORM name="datetime">
<INPUT type="text" name="digits"
size=25 maxlength=25 value="Načítání">
</FORM>
- Umístěte kurzor na místo, kde se má aktuální datum a čas zobrazovat, a stisknutím klávesové zkratky CTRL+V vložte kód ze schránky.
- V nabídce Soubor klepněte na příkaz Uložit.
- V nabídce Soubor klepněte na příkaz Náhled v prohlížeči a stránku vyzkoušejte.
Poznámka: Pokud jsou skripty v počítači zakázány, nezobrazí se datum a čas správně.
Poznámka: Pokud jste nainstalovali nové aktualizace zabezpečení aplikace Microsoft Internet Explorer, pravděpodobně se zobrazí upozornění. Chcete-li umožnit zobrazení data a času, klepněte na žlutý informační panel aplikace Internet Explorer a poté klepněte na možnost Povolit blokovaný obsah. V dialogovém okně Upozornění zabezpečení klepněte na tlačítko Ano.
Další informace
Na webu je možné najít nejrůznější zdroje volně nabízených skriptů, příkladů a návodů k jazyku JavaScript. V poli Viz také je několik odkazů, které vám pomohou najít další zdroje informací, naučit se jazyk JavaScript a přidat do webových stránek interaktivní prvky.
Česká republika
Verze pro tisk
Skrýt vše
