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 tipke različitih vrsta.
Instrukcije
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: button Naravno, nije poželjno stavljati dovoljno velik kod direktno u tag dugmeta - bolje je dizajnirati ga kao funkciju i u atribut onclick staviti samo kôd za pozivanje ove funkcije. Na primjer:
funkcija showAlert () {
upozorenje ('Kliknuto dugme!')
}
dugme
Korak 2
Ako se dugme prikazuje kroz jednu od varijacija ulazne oznake (pošalji, resetiraj, dugme 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 na gumb, a zadana akcija ne dogodi, dodajte naredbu return u funkcija ili izravno na onclick atribut false. Na primjer:
Korak 3
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:
Korak 4
Ako dugme nije element obrasca, već samo grafički element (img tag), tada standardi za njega također dopuštaju upotrebu atributa onclick. Na primjer:
Korak 5
Ako je dugme 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:
