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