Gumbi na web stranicama koriste se za pružanje interaktivnog korisničkog iskustva. U pravilu, ako odgovor na klik na gumb ne zahtijeva slanje podataka na poslužitelj, tada se interakcija provodi pomoću JavaScript skripti. Metode pozivanja odgovarajućeg JavaScript koda mogu se razlikovati - u nastavku je nekoliko mogućih opcija za gumbe različitih vrsta.
Upute
Korak 1
Ako je prikaz gumba na web stranici organiziran pomoću oznake gumba, tada se JavaScript kôd može smjestiti u atribut onclick. Na primjer, ovako: gumb Naravno, nije poželjno stavljati dovoljno velik kôd izravno u oznaku gumba - bolje je dizajnirati ga kao funkciju i u atribut onclick staviti samo kôd za pozivanje ove funkcije. Na primjer:
funkcija showAlert () {
alert ('Gumb kliknut!')
}
dugme
Korak 2
Ako se gumb prikazuje u jednoj od varijacija ulazne oznake (pošalji, resetiraj, gumb ili slika), tada se može koristiti isti atribut onclick. Na primjer, za gumb za brisanje polja obrasca (resetiranje) kôd može izgledati ovako: Ako želite da se samo JavaScript izvršava kad se klikne gumb, a zadana radnja ne dogodi, dodajte naredbu return u funkcija ili izravno na onclick atribut false. Na primjer:
3. korak
Ako trebate organizirati odgovor na klikanje gumba vrste slanja, tada, uz gornju metodu pomoću atributa onclick, možete koristiti svojstva oznake obrasca kojoj ovaj gumb pripada. Odgovarajući poziv funkcije može se smjestiti u atribut onsubmit oznake obrasca. Na primjer:
4. korak
Ako gumb nije element obrasca, već samo grafički element (img oznaka), tada standardi za njega također dopuštaju upotrebu atributa onclick. Na primjer:
Korak 5
Ako je gumb hiperveza, tada ne biste trebali koristiti atribute samog gumba; bolje je koristiti svojstva oznake veze. Kao i u prethodnim opcijama, možete koristiti oznaku onclick. Na primjer: A adresu u atributu href možete zamijeniti pozivom funkcije. Na primjer, ovako:
