1 / 16

Programiranje za Internet

Programiranje za Internet. predavanja v.as.mr. Samir Lemeš slemes@mf.unze.ba. 17. Macromedia Dreamweaver. Dodavanje spiskova i menija Dodavanje dugmadi Provjera valjanosti podataka u obrascima Testiranje obrasca. Dodavanje spiskova i menija.

daktari
Download Presentation

Programiranje za Internet

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Programiranje za Internet predavanja v.as.mr. Samir Lemeš slemes@mf.unze.ba

  2. 17. Macromedia Dreamweaver • Dodavanje spiskova i menija • Dodavanje dugmadi • Provjera valjanosti podataka u obrascima • Testiranje obrasca

  3. Dodavanje spiskova i menija • Spisak/meni omogućava da posjetilac bira opcije iz liste čija se sadržaj pomjera, ili iz menija. • Lista čija se sadržaj pomjera omogućava da posjetilac izabere više susjednih ili nesusjednih stavki, dok meni ograničava posjetioca na izbor samo jedne stavke.

  4. Dodavanje spiskova i menija • Insert, Forms, List/Menu. • Na panou svojstva izaberite opciju List u polju Type i upišite 4 u polje Height. • Potvrdite vrijednost Allow multiple za polje Selections • Dreamweaver podrazumijevano umeće meni, a ne listu

  5. Dodavanje spiskova i menija • Da bi objekat na obrascu bio promijenjen od menija u listu, mora mu se zadati visina (height) veća od 1 • U listi se može dozvoliti biranje više opcija (allow multiple selections) • Obavijestite posjetioce da se može izabrati više opcija i o načinu na koji se to radi (Ctrl, Shift)

  6. Dodavanje spiskova i menija • Height:broj redova koji će se vidjeti u listi čiji se sadržaj pomjera • List Values

  7. Dodavanje spiskova i menija • Tab ili dugme sa znakom plus (+) u gornjem lijevom dijelu okvira za dijalog, da bise dodala još jedna opcija u spisak. • Za brisanje stavki iz dijaloga List Values upotrijebite dugme sa znakom minus (-). • Initially Selected (unaprijed izabrano)

  8. Dodavanje dugmadi • Obrasci najčešće imaju dva dugmeta: jedno za slanje (Submit) i drugo za brisanje podataka iz obrasca (Reset) • Insert, Form, Button • Reset form u području Action na panou svojstava

  9. Dodavanje dugmadi • Za razliku od opcija Submit i Reset, opciji None nije pridružena nikakva akcija. • Da bi takvo dugme nešto uradilo, treba ga povezati sa skriptom (napisanom npr. u JavaScriptu), koji će npr. izračunati ukupan zbir i prikazati konačan rezultat.

  10. Gotov obrazac

  11. Provjera valjanosti podataka u obrascima • Postupak Validate Form provjerava da li je posjetilac unio odgovarajuću sadržaj u polja obrasca • Window, Behaviors • (+), Validate Form • Required • Akcija Validate Form se dodaje na pano Behaviors, kao posljedica događaja onBlur

  12. Provjera valjanosti podataka u obrascima • Ako posjetilac pređe u sljedeće polje, a da ovo ne popuni, pojavit će se poruka o grešci. • Događaj onBlur se aktivira kada posjetilac napusti polje. • U ovom primjeru, ako posjetilac pređe tabulatorom u sljedeće polje obrasca, a polje "ime" ostavi prazno, prikazat će se poruka o grešci.

  13. Provjera valjanosti podataka u obrascima • Ne treba sva polja označiti ao "Required"!

  14. Provjera valjanosti podataka u obrascima • Email Address iz grupe opcija Accept provjerava da li je posjetilac upisao znak @ u polje. Ne provjerava se da li upisana adresa elektronske pošte zaista postoji. • Opcija Number zadaje da polje smije sadržati samo cifre. • Opcija Number from zadaje da polje smije sadržati samo broj unutar zadatog opsega brojeva.

  15. Testiranje obrasca • Obrazac se može poslati na adresu e-pošte čak i ako se ne serveru na izvršava CGI skripta. • Ovu metodu koristite samo za testiranje svojih obrazaca. • U dokumentu izaberite obrazac biranjem oznake <form> na biraču HTML oznaka. • U polje Action na panou svojstava upišite mailto: i svoju adresu e-pošte.

  16. Testiranje obrasca • Izaberite POST u padajućoj listi Method i upišite text/plain u polje Enctype. • Za unaprijed određeni Subject, promijenite sadržaj polja Action na: • mailto:ime@domena?Subject=Naslov

More Related