? ЯК вставити код на кнопку :: Веб-програмування

Кнопки в веб-сторінках використовуються для організації інтерактивної взаємодії з користувачем. Як правило, якщо відповідь на натискання кнопки не вимагає відправки даних на сервер, то інтерактив реалізується за допомогою javascript-сценаріїв. Способи виклику відповідного javascript-коду можуть відрізнятися - нижче описані кілька можливих варіантів для кнопок різного типу.

Інструкція

Якщо відображення кнопки в веб-сторінці організовано за допомогою тега button, то javascript-код можна помістити в атрибут onclick. Наприклад, так:Зрозуміло, поміщати безпосередньо в тег кнопки досить великий код не доцільно - краще оформити його як функцію, а в атрибут onclick помістити тільки код виклику цієї функції. Наприклад: {adsense}

Якщо кнопка відображається за допомогою одного з варіантів тега input (submit, reset, button або image), то можна використовувати той же самий атрибут onclick. Наприклад, для кнопки очищення полів форми (reset), код може виглядати так:Якщо необхідно, щоб після натискання кнопки виконувався тільки javascript-сценарій, а призначеного їй за замовчуванням дії не відбувалося, то в функцію або безпосередньо в атрибут onclick слід додати команду return false. Наприклад:

Якщо треба організувати відгук на натискання кнопки типу submit, то, крім наведеного вище способу з використанням атрибута onclick, можна використовувати властивості тега форми, до якої належить ця кнопка. Відповідний виклик функції можна помістити в атрибут onsubmit тега form. Наприклад:

Якщо кнопка не є елементом форми, а всього лише графічним елементом (тег img), то і для нього стандарти допускають використання атрибута onclick. Наприклад:

Якщо кнопка є гіперпосиланням, то використовувати атрибути самої кнопки не варто, краще скористатися властивостями тега посилання. Можна, як і в попередніх варіантах, задіяти тег onclick. Наприклад:

А можна замінити викликом функції адреса в атрибуті href. Наприклад, так: