Hlavní nabídka: |
Základy
Reference
Příklady
|
|
|
Fotoalbum
V tomto příkladě si ukážeme, spíše trochu nepraktickou, ale o to zajímavější, ukázku, jak plynule měnit barvu.
Zdrojový kód:
<HTML>
<HEAD>
<TITLE>Fotoalbum</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function zoom(name)
{
no=window.open("","zoom","left=10,top=10,width=320,height=200,"+
"toolbar=no,location=no,directories=no,status=no,menubar=no"+
",scrollbars=no,resizable=no,copyhistory=no");
with (no.document)
{
writeln('<HTML>\n<BODY TOPMARGIN="0" LEFTMARGIN="0">');
writeln('<IMG SRC="v'+name+'.jpg">');
writeln('</BODY>\n</HTML>');
focus();
}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER="1" CELLPADDING="2" CELLSPACING="0">
<TR>
<TD><IMG SRC="m1.jpg" BORDER="1" NAME="1" onClick="zoom(name);"></TD>
<TD><IMG SRC="m2.jpg" BORDER="1" NAME="2" onClick="zoom(name);"></TD>
<TD><IMG SRC="m3.jpg" BORDER="1" NAME="3" onClick="zoom(name);"></TD>
</TR>
</TABLE>
<BR>Klikni na obrázek, který se má zvětšit!
</BODY>
</HTML>
Výsledek:
Klikni na obrázek, který se má zvětšit!
Vysvětlení činnosti:
V tomto příkladu je opět základním kamenem funkce, tentokrát zoom(name). Co tato funkce dělá? Nejdříve proměnné no přiřadí otevření nového okna s danými parametry (viz články o uživatelských oknech) a poté do ní zapíše zdrojový kod - ten obsahuje tag na zobrazení obrázku, který je v tomto příkladě zastoupen proměnnou name (viz dále). Poté jen vložíme na stránku obrázky, pojmenujeme je (tento parametr přejde do proměnné name, přidá se za v a vznikne název obrázku, například v1.jpg). Následně jim jen přiřadíme ovladač událostí onClick, který po kliknutí aktivuje funkci zoom(name).
Poznámka: Fotografie jsme si vypůjčili.
01.07.2002 | Příklady | David Havlíček
|
|
Dnes je 08. 05. 2024 Svátek má Statní svátek | |
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.
|
|
|