Top.Mail.Ru
Компьютерные курсы для детей
Компьютерные курсы для детей

2-5 класс

Робототехникадля детей
Робототехника
для детей

2-6 класс

Искусственный интеллект
Искусственный интеллект

6-7 класс

знакомствос IT-профессиями
знакомство
с IT-профессиями

7-8 класс

графический дизайнер
графический дизайнер

8-11 класс

Веб-разработчик
Веб-разработчик

8-11 класс

Разработчик ПО
Разработчик ПО

8-11 класс

Программирование для талантливых школьников
Программирование для талантливых школьников

8-11 класс

подготовкак ЕГЭ 2025
подготовка
к ЕГЭ 2025

10-11 класс

английский язык
английский язык

6-18 лет

IT-курсы для взрослых
IT-курсы для взрослых

от 18 лет

Достижения учащихся
Достижения учащихся

галерея

Просмотров: 60063

В этом уроке я расскажу как организовать проверку вводимых данных в формы еще до передачи их на сервер. Т.е. непосредственно во время ввода данных в поле.

 В этом нам поможет язык программирования JavaScript.

Принцип работы в том, что при вводе любых данных в поля формы возникает событие oninput, которое будет вызывать процедуру проверки вводимых данных - для электронного адреса это функция function check_email() . Она принимает строку из формы и сравнивает ее с маской. Если адрес введен правильно, то рядом с полем выводится графическое изображение "галочка", если адрес с ошибкой или не дописан - соответствующее сообщение. Для вывода этих сообщений применяется метод innerHTML и блочный фрагмент DIV. 

В результате должна получиться примерно такая страница как в примере, нажмите на кнопку "ДЕМО".

demo       skachat

Просмотров: 4065

В этом уроке я покажу, как, с помощью jQuery можно закрепить главное меню на странице сайта так, что бы при прокрутке оно не исчезало, а всегда находилось в верхней части экрана браузера.

Это бывает необходимо, когда страницы Web-сайта большие и приходится часто переходить по ссылкам. Пользователю будет удобно нажать на нужный ему пункт меню не возвращаясь в начало страницы.

demo        skachat

Просмотров: 4400

Если у Вас получается слишком большие страницы на сайте, то возврат к началу требует прокрутки роликом или протягивания вверх полосы прокрутки мышей. Это не всегда удобно.

В этом уроке мы рассмотрим простое решение этой проблемы при помощи всплывающей стрелки работающей с помощью jQuery, при клике по которой страница плавно возвращается к началу.

demo        skachat

Просмотров: 86443

autoriz 1При разработке сайта бывает ситуация, когда на странице не хватает места для форм ввода логина, пароля и кнопки "ВОЙТИ". Решить эту проблему всплывающего окна авторизации можно очень просто применив технологию jQuery.

В этом уроке я расскажу как поместить на страницу ссылку, которая вызывает появление небольшого окна с нужными формами авторизации на сайте. 

 

demo        skachat

Просмотров: 4247

На страницу вашего сайта требуется вывести подсказку или подробное описание чего либо. Оно должно "красиво" появиться при нажатии на ссылку или кнопку, при этом сама страница не должна перегружаться. Простой и быстрый способ решения такой задачи — использование библиотеки jQuery.

В этом уроке мы рассмотрим как сделать выпадающие окна подсказок или сообщений с использованием библиотеки jQuery. В результате должно получится следующее:

demo      skachat

Просмотров: 3808

Рассмотрим HTML теги, определяющие структуру страницы:

<HTML> …</HTML> – обязательные тэги, заключают в себе все содержимое Web-страницы.

<HEAD> …</HEAD> – служат для формирования общей структуры документа, задавая его глобальные свойства, содержат инструкции для поисковиков, для браузеров, скрипты.

<TITLE> …</TITLE> – определяют основной заголовок web – страницы, который отображается в строке заголовка.

<BODY>… </BODY> – обязательные тэги, определяют видимую часть документа.