| Hlavní nabídka: |
Základy
Reference
Příklady
|
|
|
Záměna dvou obrázků
Dnes už se konkrétně zaměříme na využití operací s obrázky na stránkách.
Záměnu dvou obrázků můžeme provést pomocí dvou způsobů odkazovaní na obrázky. Jsou totožně jako způsoby odkazování na prvky formulářů. Tedy pomocí pořadových čísel nebo názvu. V příkladu použijeme oba tyto způsoby:
<HTML>
<HEAD>
<TITLE>Záměna dvou obrázků</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function zaktivuj() {
document.images[0].src="aktiv.gif"; }
function deaktivuj() {
document.obrazek.src="neaktiv.gif"; }
// -->
</SCRIPT>
</HEAD>
<BODY>
<A HREF="" onMouseOver="zaktivuj();" onMouseOut="deaktivuj();">
<IMG SRC="neaktiv.gif" NAME="obrazek" BORDER="0"></A>
</BODY>
</HTML>
Pro výsledek klikněte ZDE.
Vysvětlení činnosti:
Pro záměnu dvou obrázků jsme použili dvě funkce. Funkci zaktivuj, která se při aktivaci zobrazí obrázek aktiv.gif. K tomu jsme využili odkazování na prvek pomocí pořadového čísla. Naproti tomu funkce deaktivuj zobrazí obrázek neaktiv.gif, k čemuž jsme využili odkazování na prvek pomocí názvu prvku (viz dále). Poté jsme pomocí html vložili na stránky obrázek, ten jsme pojmenovali jako obrazek (slouží pro funkci, viz výše). Tento obrázek je sice odkazem, ale ve skutečnosti nikam neodkazuje. Místo "" se vyplní "jakakkoliv_stranka". Pro naše účely jsme nechali tento parametr prázdný. Na obrázek jsme dali odkaz abychom mohli využít ovladače událostí onMouseOver, který při najetí myši aktivuje funkci zaktivuj a zobrazí tak obrázek aktiv.gif a onMouseOut, který po odstranění kurzoru z obrázku zaktivuje funkci deaktivuj a zobrazí tak obrazek neaktiv.gif. Tento obrázek je zobrazen implicitně, neboť je už uveden v html tagu.
23.03.2002 | Obrázky | David Havlíček
|
|
Dnes je 15. 11. 2024
Svátek má Leopold | |
| Bleskové aktuality: |
10.12.2002 Dlouho jsme tu neměli příklady, tak co kdybychom si dneska jeden dali?
07.12.2002 Poslední operáty, které si představíme, jsou speciální.
02.12.2002 Po delší pauze si představíme další operátory - řetězcové.
17.11.2002 Next operátory jsou přiřazovací.
10.11.2002 Jedněmi z posledních operátorů jsou porovnávací.
02.11.2002 Už jste slyšeli o logických operátorech? Pár jich taky je.
29.10.2002 Dalšími operátory jsou bitové.
26.10.2002 Dnes si představíme první z řady operátorů - aritmetické operátory.
24.10.2002 Další částí referencí jsou příkazy.
18.10.2002 Dnes se mrkneme na referenční přehled funkcí.
12.10.2002 Window je objekt, který má snad nejvíce metod a vlastností, tak se mu dnes podíváme na zoubek.
06.10.2002 Netradičně v neděli další objekt - string.
28.09.2002 Další sobota. Další objekt - screen.
21.09.2002 Hodně používáný je objekt navigator. Proto se na něj dneska zaměříme.
14.09.2002 Po týdenní pauze další referenční článek o objektu - tentokrát Math.
07.09.2002 Objekt location bude náš dnešní cíl.
04.09.2002 Na paškál si tentokrát vezmeme objekt history.
|
|
|
