Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

Функция after().

Из смысла значения данной функции after() можно догадаться, что наша функция after() будет помещать аргумент нашей функции после выбранного нами элемента, то есть будет вставлять содержимое, заданное параметром, после каждого элемента в выборке соответствующих элементов документов на странице сайта. Элементы выборки документов, после которых требуется вставлять, должны быть уже в документе ( то есть не рекомендуется вставлять один элемент после другого если его нет на странице).

Пусть имеется выборка:

               
               < input type="text" name="userName" id="userName">

Пишем код программы для нашего объекта:

               
               < script type="text/javascript">$(document).ready(function(){
               $('#userName')
               .css({"background-color": "#F9C", "color": "#039"});
               .after('< br />< span) class="error">Ввведите имя пользователя!< /span>')
               });
               < /script>
               < input type="text" name="userName" id="userName">

запускаем сценарий и увидим следующие строки программы:

Здесь окно ввода и текст "Ввведите имя пользователя!" разместили выделяющийся блок с бледно-оранжевым фоном в центре страницы сайта, чтобы визуально легче и проще воспринималось. Вы видите, что после окна ввода методом after('< br />< span) class="error">Ввведите имя пользователя!< /span>') мы разместили аргумент функции сразу после окна ввода. Перевод строки появился для того, чтобы надпись была под окном, но, никак после окна справа.

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


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: