Krok : Dodawanie kodu JavaScript

W tym kroku dodawana jest funkcja JavaScript przetwarzaj�ca formularz przed jego wys�aniem. Ta funkcja JavaScript odczytuje z systemu �a�cuch identyfikuj�cy platform� ("Win32") i zapisuje go w ukrytym polu formularza.

1. Dodaj tekst onfocus=setValues() do przycisku s�u��cego do wysy�ania.
   
   <input type="submit" name="btnSubmit" onfocus=setValues() value="Wy�lij raport">
   
   Ta zmiana spowoduje wywo�anie nowej funkcji JavaScript o nazwie setValues() w momencie aktywowania przycisku s�u��cego do wysy�ania.
   
   
2. Dodaj funkcj� JavaScript o nazwie setValues() po elemencie zakotwiczenia zawieraj�cym tekst Powr�t na pocz�tek.
   
   <SCRIPT LANGUAGE="JavaScript">
   function setValues()
   {
   var ael = fmReport.elements ;
   var os = ael[ 2 ] ;
   os.value = navigator.platform ;
   }
   </SCRIPT>
   
   Funkcja setValues() zawiera 3 wiersze. Poni�ej om�wiono ka�dy z nich.
   
   
   • var ael = fmReport.elements ;
     
     Element fmReport jest nazw�, kt�ra zosta�a przypisana do formularza.
     Element fmReport.elements zwraca tablic� obiekt�w odpowiadaj�cych elementom wej�ciowym w formularzu fmReport. Ta tablica zosta�a zapisana w zmiennej ael.
     
     
   • var os = ael[ 2 ];
     
     W zmiennej ael znajduje si� 6 obiekt�w wej�ciowych:
     -- txtName jest obiektem przeznaczonym dla pola wej�ciowego Imi� i nazwisko.
     -- txtID jest obiektem przeznaczonym dla pola Identyfikator pracownika.
     -- txtOS jest polem ukrytym.
     -- txtaDesc jest opisem problemu.
     -- btnSubmit jest przyciskiem s�u��cym do wysy�ania.
     -- btnReset jest przyciskiem s�u��cym do resetowania.
     
     W poni�szym wierszu znajduje si� trzeci obiekt, kt�ry odpowiada polu ukrytemu o nazwie txtOS. Obiekt ten jest zapisywany w zmiennej os.
     
     
   • os.value = navigator.platform ;
     
     Element navigator.platform zwraca �a�cuch z informacj� o platformie. W tym przypadku �a�cuchem jest "Win32". Ten �a�cuch jest zapisywany w polu os.value. Oznacza to zapisanie �a�cucha "Win32" w polu ukrytym txtOS.
     
     Zobacz zmodyfikowany plik niestandardowego szablonu HTML.
     
     
3. Ponownie wygeneruj pliki wyj�ciowe kreatora wdra�ania.

Poni�ej zaprezentowano wynikow� stron� WWW. Strona wygl�da tak samo, jak w kroku 14, poniewa� nie zosta�a dodana �adna widoczna tre��. Jednak po aktywowaniu przycisku s�u��cego do wysy�ania funkcja JavaScript o nazwie setValues() odczyta �a�cuch z informacjami o platformie ("Win32") i zapisze go w polu ukrytym. Po klikni�ciu przycisku s�u��cego do wysy�ania zawarto�� ukrytego pola zostanie wys�ana razem z zawarto�ci� pozosta�ych p�l wej�ciowych.

Zawarto�� pliku report.html jest taka sama, jak w kroku 14.

Zobacz stron� wygenerowan� przez plik report.html. Zauwa�, �e �a�cuch "Win32" jest teraz wy�wietlany jako informacje o platformie.