Układ elementów na stronie. Obsługa formularzy za pomocą języka skryptowego (JavaScript).

Zadanie 1

Przygotuj dokument cw301.html w którym umieścisz kod HTML/CSS/Javascript generujący jak poniżej:

1. Układ elementów po załadowaniu strony jak na rys 1
2. Po kliknięciu przycisku SZUKAJ rys 2
3. Wszystkie pola formularza są typu text. Należy sprawdzić czy podano wartość liczbową we właściwym zakresie (opis oczekiwanych wartości na rys 1)
4. Po kliknięciu przycisku SZUKAJ w panelu środkowym pokazywany jest blok o wymiarach podanych w polach wysokość i szerokość (dopasuj skalę tak, aby element był widoczny)
5. Za pomocą stylu + JavaScript ustalamy parametry wy świetlanego elementu
6. Po kliknięciu przycisku SZUKAJ w panelu prawym wyświetlane są wprowadzone do formularza wartości
7. Panele mają wymiary
   • baner: szerokość 100%, wysokość 100px
   • lewy: szerokość 30%, wysokość 500px
   • srodek: szerokość 40%, wysokość 500px
   • prawy: szerokość 30%, wysokość 500px
   • stopka: szerokość 100%, wysokość 100px

RYS 1 RYS 2 KOD 1 KOD 2

Pytania i odpowiedzi: