Скрипт кнопки-подтверждения

Кнопка-подтверждение

Здравствуйте! Вашему вниманию предоставляется урок о том, как сделать кнопку-подтверждение! Подобные кнопки вы уже наверняка встречали, когда подтверждали какие-нибудь правила, то есть ставили галочку и нажимали на кнопку. Я вам покажу что-то подобное, но с небольшими доделками.

Тренинг по вёрстке сайта на HTML5 и CSS3

Как это работает, вы можете увидеть тут.

Скачать архив со скриптом кнопки и собственно её кодом вы можете ниже:

Прямая ссылка на архив с файлами кнопки

Видео урок "Кнопка-подтверждение"

Так же вот ссылки на скачивание видео (скрипт и код в комплекте).

Скачать с Letitbit

Как скачивать бесплатно с ФО?

Внимание! В видео я забыл сказать, что для того чтобы такая кнопка работала на сайте, надо закинуть файлы script.js и down.png на хостинг и прописать ссылки на них в этой части кода:

<script type="text/javascript" src="script.js" charset="UTF-8"></script>
<style type="text/css">    
  .button 
     {background: url(down.png) no-repeat;
      cursor: pointer;					 
      border: 0; 
      width: 164px; 
      height: 53px;}
</style>
<form>
<input type="checkbox" name="chk1">Я подтверждаю условия       <!--Текст возле чекбокса-->
<input type="button" class="button" onclick="return validate(chk1);">
</form>

Соответственно путь к script.js прописываеться тут:

<script type="text/javascript" src="script.js" charset="UTF-8"></script>

А путь к down.png тут:

{background: url(down.png) no-repeat;

За внимательность спасибо Константину

Всем спасибо! Всем пока.

Комментариев: 10 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 10
  •  Серёга | 28 февраля 2011 в 16:07:49

    Как видите, видео записал ни я, но записано оно по моей просьбе.

    Прошу строго не судить человека, так как этот видеоурок - записан им впервые!

    И специально для сайта www.Master-CSS.com

    Но все же конструктивная критика принимается, куда же без нее! wink

    А вообще, было бы приятно услышать ваше мнение по поводу урока Александра.

    ЗЫ: если вы тоже можете записать интерестный видеоурок, я с удовольствием размещу его на своем сайте, ну и прямая ссылка на ваш сайт - ОБЕСПЕЧЕНА!rock

  •  Mak | 28 февраля 2011 в 21:29:56

    Сергей, если во время болезни так работаешь, то что будет когда выздоровеешь?smileА урок полезный спасибо!

  •  Серёга | 28 февраля 2011 в 21:36:03

    Ну это спасибо Саше red face

  •  timo | 28 февраля 2011 в 23:13:39

    Сергей, давай выздоравливай скороее!

    И всей твоей семье - тех же пожеланий!

    Один мой знакоый достал меня, звоня и сообщая: "У меня ТЕМПЕРАТУРА!"

    Знаешь, чем я эти звонки прекратил?

    Я ему объяснил - если ты проснулся и у тебя температура - ЗНАЧИТ ТЫ ЖИВОЙ! а если у тебя температуры нет - ты НЕ ПРОСНУЛСЯ!

    чтобы веселей болелось - здесь можно скачать БЕСПЛАТНО форму для обратной связи на своем сайте:

    http://narod.ru/disk/6565991001/forma obratki Flash+Php.rar.html

    архив проверен мной антивирусом Microsoft Security Essentials

    кроме того, находится на моем сайте на народ.ру

    это для тех, кто на измене.

    посмотри, глядишь и тебе и твоим подписчикам пригодится!

    еще раз - здоровья тебе и всей твоей семье!

    спасибо за курсы и рассылки!

    с уважением

    Тимур

  •  Юрий | 1 марта 2011 в 01:45:34

    Спасибо хороший и полезный урок.А Александр все ясно и понятно рассказал, правда у меня сложилось впечатление что вы на пару заболели так что пожелаю вам быстрого выздоровления.

  •  Серёга | 1 марта 2011 в 10:06:44

    Спасибо Тим, мне урок понравился про флэш форму контактов.

    Только ты там говоришь, что обязательно нужен хостинг с поддержкой PHP, - не обязательно wink

    Можно на компьютере, на локальном сервере все сделать smile

    Юра, У Александра по ходу голос такой.

  •  timo | 1 марта 2011 в 12:02:25

    Сергей, пользуйся на здоровье!

    Правда урок записывал не я. Я всего 3 месяца занимаюсь темой flash, до записи собственных уроков дело еще не дошло.

    урок получен по бесплатной рассылке, так что ни чьих авторских прав, я думаю, мы не нарушаем.

  •  Аноним | 2 марта 2011 в 01:01:50

    Сергей, спасибки. Все классно! Урок конкретный и нужный. А ты выздоравливай и не болей.

  •  Константин | 2 марта 2011 в 01:27:44

    Наверное нужно было еще указать куда закидывать файл js и к картинке путь указать, если просто в ушку закинуть тот код без файлов, js и картинки,ничего работать не будет.

  •  Александр | 2 марта 2011 в 19:26:06

    Спасибо, Константин, верное замечание. Как-то я это упустил confused Сейчас подправлю пост.