Na zaistenie interaktívneho používateľského zážitku sa používajú tlačidlá na webových stránkach. Spravidla platí, že ak odpoveď na kliknutie na tlačidlo nevyžaduje odosielanie údajov na server, interakcia sa implementuje pomocou skriptov JavaScript. Metódy vyvolania zodpovedajúceho kódu JavaScript sa môžu líšiť - nižšie je niekoľko možných možností pre tlačidlá rôznych typov.
Inštrukcie
Krok 1
Ak je zobrazenie tlačidla na webovej stránke organizované pomocou značky tlačidla, je možné vložiť kód JavaScript do atribútu onclick. Napríklad takto: button Samozrejme nie je vhodné vkladať dostatočne veľký kód priamo do tagu buttonu - je lepšie ho navrhnúť ako funkciu a do atribútu onclick vložiť iba kód na volanie tejto funkcie. Napríklad:
funkcia showAlert () {
výstraha („Kliknutie na tlačidlo!“)
}
tlačidlo
Krok 2
Ak sa tlačidlo zobrazuje prostredníctvom jednej z variácií vstupnej značky (odoslanie, reset, tlačidlo alebo obrázok), je možné použiť rovnaký atribút onclick. Napríklad pre tlačidlo na vymazanie polí formulára (reset) môže kód vyzerať takto: Ak chcete, aby sa po kliknutí na tlačidlo spustil iba JavaScript, a predvolená akcia sa nevyskytne, pridajte príkaz return do funkcie alebo priamo na atribút onclick false. Napríklad:
Krok 3
Ak potrebujete usporiadať odpoveď na kliknutie na tlačidlo typu odoslania, môžete okrem vyššie uvedenej metódy pomocou atribútu onclick použiť aj vlastnosti značky formulára, ku ktorej toto tlačidlo patrí. Zodpovedajúce volanie funkcie je možné umiestniť do atribútu onsubmit tagu formulára. Napríklad:
Krok 4
Ak tlačidlo nie je formovým prvkom, ale iba grafickým prvkom (značka img), potom jeho štandardy tiež umožňujú použitie atribútu onclick. Napríklad:
Krok 5
Ak je tlačidlo hypertextový odkaz, nemali by ste používať atribúty samotného tlačidla, je lepšie používať vlastnosti značky odkazu. Rovnako ako v predchádzajúcich možnostiach môžete použiť značku onclick. Napríklad: A adresu v atribúte href môžete nahradiť volaním funkcie. Napríklad takto:
