Совет 1: Как вставить код на кнопку

Кнопки в веб-страницах используются для организации интерактивного взаимодействия с пользователем. Как правило, если ответ на нажатие кнопки не требует отправки данных на сервер, то интерактив реализуется с помощью JavaScript-сценариев. Способы вызова соответствующего JavaScript-кода могут различаться - ниже описаны несколько возможных вариантов для кнопок разного типа.
Инструкция
1
Если отображение кнопки в веб-странице организовано с помощью тега button, то JavaScript-код можно поместить в атрибут onclick. Например, так:<button onclick="alert('Кнопка нажата!');">кнопка</button>Разумеется, помещать непосредственно в тег кнопки достаточно большой код не целесообразно - лучше оформить его как функцию, а в атрибут onclick поместить только код вызова этой функции. Например:<script>
function showAlert() {
alert('Кнопка нажата!')
}
</script><button onclick="showAlert()">кнопка</button>
2
Если кнопка отображается посредством одного из вариантов тега input (submit, reset, button или image), то можно использовать тот же самый атрибут onclick. Например, для кнопки очистки полей формы (reset), код может выглядеть так:<input type="RESET" onclick="showAlert()" />Если необходимо, чтобы по нажатию кнопки исполнялся только JavaScript-сценарий, а назначенного ей по умолчанию действия не происходило, то в функцию или непосредственно в атрибут onclick следует добавить команду return false. Например:<input type="RESET" onclick="showAlert();RETURN FALSE" />
3
Если надо организовать отклик на нажатие кнопки типа submit, то, кроме приведенного выше способа с использованием атрибута onclick, можно использовать свойства тега формы, к которой относится эта кнопка. Соответствующий вызов функции можно поместить в атрибут onsubmit тега form. Например:<form action="" onsubmit="showAlert(); RETURN FALSE">
<input type="submit" />
</form>
4
Если кнопка не является элементом формы, а всего лишь графическим элементом (тег img), то и для него стандарты допускают использование атрибута onclick. Например:<img src="btn.gif" onclick="showAlert();" />
5
Если кнопка является гиперссылкой, то использовать атрибуты самой кнопки не стоит, лучше воспользоваться свойствами тега ссылки. Можно, как и в предыдущих вариантах, задействовать тег onclick. Например:<a href="http://kakprosto.ru" onclick="showAlert(); RETURN FALSE;"><img src="btn.gif" /></a>А можно заменить вызовом функции адрес в атрибуте href. Например, так:<a href="javascript:showAlert();"><img src="btn.gif" /></a>

Совет 2: Как вставить код счетчика

Счетчик для сайта - это один из самых важных инструментов, следящий за его популярностью. Именно он позволяет определить количество посетителей сайта в час, день или месяц, что в свою очередь, дает возможность анализировать результат вашей работы.
Инструкция
1
Самый распространенный счетчик для сайта на данный момент - это Liveinternet. Зайдите на сайт http://www.liveinternet.ru/, вверху страницы нажмите на ссылку «Получить счетчик».
2
В строку «Адрес» введите адрес своего сайта (можно с www, можно без). В строку «Синонимы» введите «зеркала» вашего основного сайта, если такие у вас есть, если нет, пропустите это поле. Введите название вашего сайта и свой действующий e-mail. Дважды введите пароль, укажите ключевые слова, по которым пользователи смогут найти ваш сайт. Уточните дополнительные опции так, как вам угодно, нажмите кнопку «Дальше», затем на кнопку «Зарегистрировать» и «Получить html-код счетчика».
3
Выберите оформление, наиболее подходящее под дизайн вашего сайта. Если требуется, установите дополнительные параметры для счетчика, поставив галочки у соответствующих пунктов. Затем нажмите на кнопку «Получить html-код счетчика». На открывшейся странице вам будет предоставлен html-код счетчика. Выделите весь текст и скопируйте его.
4
Далее отредактируйте страницы своего сайта, на которых будет виден счетчик (обязательно поставьте счетчик на главную страницу, ведь ссылки поисковых роботов чаще всего ведут именно на нее). Откройте нужную страницу (например, главную страницу) в любом текстовом редакторе, либо, если у вас сайт на каком-либо движке, то редактор страниц будет встроен в панель администрирования сайта.
5
Обычно счетчик ставят в самый низ страницы. Пролистайте html-код своей страницы до самого низа, найдите закрывающий тег </body>, поставьте перед ним курсор и вставьте код своего счетчика. Сохраните изменения, посмотрите результат, набрав адрес своего сайта в адресной строке браузера. Если вас не устраивает положение счетчика, отредактируйте его с помощью простых html-тегов.
Видео по теме
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500