XVI.3.b. Potrafisz tworzyć sterowanie za pośrednictwem funkcji

Transkrypt

XVI.3.b. Potrafisz tworzyć sterowanie za pośrednictwem funkcji
poziom wymagań
cykl kształcenia
N
2
3
4
–
–
D
XVI.3.b. Potrafisz tworzyć sterowanie
za pośrednictwem funkcji JavaScript
PokaŜemy, w jaki sposób moŜna wykorzystywać funkcje języka JavaScript do przekazywania
sterowania. Rozpatrzmy przykład na rysunku XVI.12p.
Rys. XVI.12p
Kod 1:
<html>
<head> <title> strona próbna</title> </head>
<frameset rows="30%,70%">
<frame src="strona1.htm" name="fr1" scrolling="no">
<frameset cols="40%,40%,20%">
<frame src="strona2.htm" name="fr2" scrolling="no">
<frame src="strona3.htm" name="fr3" scrolling="no">
<frame src="strona4.htm" name="fr4" scrolling="no">
</frameset>
</html>
Kod 2:
<html>
<script language="JavaScript">
function zaladuj()
{
parent.fr3.location.href="strona5.htm";
parent.fr4.location.href="strona6.htm";
}
</script>
<font size=3><p align="center">STRONA NR 2</p></font>
<center><input type="button" value="załaduj stronę nr 5"
onClick="parent.fr3.location.href="strona5.htm""></center><br>
<center><input type="button" value="załaduj stronę nr 6"
onClick="parent.fr4.location.href="strona6.htm""></center><br>
<center><input type="button" value="załaduj stronę nr 5 i 6"
onClick="zaladuj() "></center><br>
</body>
</body>
</html>
Kod 1 jest kodem strony podstawowej, kod 2 pokazuje kod źródłowy ramki, w której
znajdują się przyciski przekazujące sterowanie między ramkami. ZauwaŜ, Ŝe w dwóch
pierwszych funkcja onClick jest bezpośrednio uruchamiana, natomiast trzeci przycisk korzysta
z uprzednio zdefiniowanej funkcji zaladuj(). Jej działanie jest proste: zostaną wymienione
dwie ramki.
Sprawdź, czy potrafisz
? Wykonaj prosty serwis, w którym sterowanie przejmą funkcje JavaScript.
Technologia informacyjna nie tylko dla uczniów
Wydawnictwo Szkolne PWN
E. Krawczyński, Z. Talaga, M. Wilk

Podobne dokumenty