Як вставити кнопки на сайт

Якщо вам потрібно розмістити кнопку-лічильник будь-якого інтернет-каталогу або рейтингової системи, то, як правило, разом з реєстрацією на цьому ресурсі, ви отримуєте код для вставки в свої сторінки. Це може бути jаvascript-код або простий код HTML. Сама картинка при цьому знаходиться на сервері рейтингової системи, завантажувати її на ваш сервер не потрібно. У цьому випадку послідовність ваших дій повинна бути така: - в редакторі сторінок системи управління вашим сайтом відкрийте потрібну сторінку і перейдіть в режим редагування html-коду. Якщо ви не використовуєте систему управління сайтом, то скачайте файл з вихідним кодом сторінки до себе в комп`ютер і відкрийте його, наприклад, в стандартному блокноті. Завантажувати сторінку зручно за допомогою файл-менеджера, який є практично в будь-якій панелі управління хостингової компаніі-- потім скопіюйте код лічильника і вставте в потрібне вам місце вихідного коду редагованої сторінки. кнопки лічильників, як правило, поміщають в самий низ сторінки, тобто перед тегом. Але, в залежності від дизайну вашої сторінки, його можна помістити і в інше место-- якщо ви використовуєте он-лайн редактор, то просто збережіть зміни. Якщо редагуєте сторінку в текстовому редакторі, то, зберігши, не забудьте закачати на сервер, замінивши існуючий файл сторінки. Це можна зробити за допомогою того ж файл-менеджера.

Якщо це кнопка немає від рейтингової системи, а від будь-якого партнера по обміну посиланнями, то і в цьому випадку, найчастіше, партнер надає код для вставки його в сторінки вашого сайту. Ваші дії повинні бути таким же, як в попередньому варіанті. Різниця може полягати в тому, що саму картинку ви повинні розмістити на своєму сайті. Закачати її на свій сервер можна скориставшись тим же файл-менеджером хостинг-провайдера або системи управління сайтом.

Якщо у вашому випадку ніякого вихідного коду в комплекті з кнопкою немає, то його не важко скласти самостійно. У мові HTML (HyperText Markup Language - «мова розмітки гіпертексту») для відображення картинки служить тег, який виглядає так: Тут images / button.jpg в атрибуті src вам треба замінити на ім`я файлу вашої кнопки. Цей тег зображення слід помістити всередину тега, що формує гіперпосилання:
Тут https://partnerSite.ru в атрибуті href вам треба замінити на адресу сайту вашого партнера по обміну ссилкамі.Етой рядки коду буде досить для відображення кнопки з посиланням, що веде на сайт партнера. Вам залишилося вставити її в вихідний код сторінки способом, описаним вище.

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

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

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

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

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