[ Pobierz całość w formacie PDF ]
.gif" height="77" width="77" /></div><div id="bottomleft"style="position: absolute;top: 254;left: 100;z-index: 0"onclick="position = 'bottomleft'; update()"><img src="bottomleft.gif" height="77" width="77" /></div><div id="bottomcenter"style="position: absolute;top: 254;left: 177;z-index: 0"onclick="position = 'bottomcenter'; update()"><img src="bottomcenter.gif" height="77" width="77" /></div><div id="bottomright"style="position: absolute;top: 254;left: 254;z-index: 0"onclick="position = 'bottomright'; update()"><img src="bottomright.gif" height="77" width="77" /></div><!-- koniec definicji planszy -->Na rysunku 21.13 przedstawiłem wygląd tworzonej strony WWW, w jej aktualnej postaci.Rysunek 21.13.Tytuł strony (znajdujący się poza widoczną częścią strony) oraz plansza do gry po określeniu położeniaA zatem plansza do gry została już stworzona.Teraz powinieneś zająć się zdefiniowaniem pionów.Zgodnie z oryginalnym pomysłem zdecydowałam się stworzyć zarówno piony O, jak i X i umieścić je nad każdym polem planszy.Początkowo piony te będą niewidoczne.Gdy użytkownik kliknie jedno z pól planszy, skrypt określi, jakimi pionami gra dana osoba (X bądź O) i wyświetli odpowiedni obrazek.<!-- początek ukrytych pionów O --><div id="toplefto"style="position: absolute;top: 100;left: 100;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="topcentero"style="position: absolute;top: 100;left: 177;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="toprighto"style="position: absolute;top: 100;left: 254;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="centerlefto"style="position: absolute;top: 177;left: 100;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="centercentero"style="position: absolute;top: 177;left: 177;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="centerrighto"style="position: absolute;top: 177;left: 254;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="bottomlefto"style="position: absolute;top: 254;left: 100;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="bottomcentero"style="position: absolute;top: 254;left: 177;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="bottomrighto"style="position: absolute;top: 254;left: 254;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><!-- koniec ukrytych pionów O --><!-- początek ukrytych pionów X --><div id="topleftx"style="position: absolute;top: 100;left: 100;z-index: 2;visibility: hidden"><img src="x.gif" height="77" width="77" /></div><div id="topcenterx"style="position: absolute;top: 100;left: 177;z-index: 2;visibility: hidden"><img src="x.gif" height="77" width="77" /></div><div id="toprightx"style="position: absolute;top: 100;left: 254;z-index: 2;visibility: hidden"><img src="x [ Pobierz całość w formacie PDF ]
zanotowane.pl doc.pisz.pl pdf.pisz.pl trzylatki.xlx.pl
.gif" height="77" width="77" /></div><div id="bottomleft"style="position: absolute;top: 254;left: 100;z-index: 0"onclick="position = 'bottomleft'; update()"><img src="bottomleft.gif" height="77" width="77" /></div><div id="bottomcenter"style="position: absolute;top: 254;left: 177;z-index: 0"onclick="position = 'bottomcenter'; update()"><img src="bottomcenter.gif" height="77" width="77" /></div><div id="bottomright"style="position: absolute;top: 254;left: 254;z-index: 0"onclick="position = 'bottomright'; update()"><img src="bottomright.gif" height="77" width="77" /></div><!-- koniec definicji planszy -->Na rysunku 21.13 przedstawiłem wygląd tworzonej strony WWW, w jej aktualnej postaci.Rysunek 21.13.Tytuł strony (znajdujący się poza widoczną częścią strony) oraz plansza do gry po określeniu położeniaA zatem plansza do gry została już stworzona.Teraz powinieneś zająć się zdefiniowaniem pionów.Zgodnie z oryginalnym pomysłem zdecydowałam się stworzyć zarówno piony O, jak i X i umieścić je nad każdym polem planszy.Początkowo piony te będą niewidoczne.Gdy użytkownik kliknie jedno z pól planszy, skrypt określi, jakimi pionami gra dana osoba (X bądź O) i wyświetli odpowiedni obrazek.<!-- początek ukrytych pionów O --><div id="toplefto"style="position: absolute;top: 100;left: 100;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="topcentero"style="position: absolute;top: 100;left: 177;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="toprighto"style="position: absolute;top: 100;left: 254;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="centerlefto"style="position: absolute;top: 177;left: 100;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="centercentero"style="position: absolute;top: 177;left: 177;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="centerrighto"style="position: absolute;top: 177;left: 254;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="bottomlefto"style="position: absolute;top: 254;left: 100;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="bottomcentero"style="position: absolute;top: 254;left: 177;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><div id="bottomrighto"style="position: absolute;top: 254;left: 254;z-index: 3;visibility: hidden"><img src="o.gif" height="77" width="77" /></div><!-- koniec ukrytych pionów O --><!-- początek ukrytych pionów X --><div id="topleftx"style="position: absolute;top: 100;left: 100;z-index: 2;visibility: hidden"><img src="x.gif" height="77" width="77" /></div><div id="topcenterx"style="position: absolute;top: 100;left: 177;z-index: 2;visibility: hidden"><img src="x.gif" height="77" width="77" /></div><div id="toprightx"style="position: absolute;top: 100;left: 254;z-index: 2;visibility: hidden"><img src="x [ Pobierz całość w formacie PDF ]