Как сделать жизнь лучше, а нервы крепче., Давайте покодим. Тема урока: Java Script

Страницы: 1 2  ... 5  ОТВЕТИТЬ НОВАЯ ТЕМА
JusteG 25 июл 2014 в 18:56
Юморист  •  На сайте 13 лет
Сообщений: 512
67
Здравствуйте друзья.
Сегодня я научу вас делать букмарклеты. Букмарклет, это специальная ссылка, которая содержит в себе исполняемый код Java Script. Этот урок, рассчитан на пользователей которые обладают базовым представлением о программировании.
Немного лирики: сам я по профессии - программист. Но на Java Script (здесь и далее JS) пишу где то месяц, чуть больше. Учитывая мой десятилетний опыт программирования, язык мне поддается легко и непринужденно. Вот, на днях, вычитал что такое букмарклеты, и не нашел им ни одного оправданного применения. Отложил знания до лучших времен. И вот вчера, при просмотре моего любимого ЯПа, на меня низверглось озарение =) Спешу им с вами поделиться. Что именно пишем, узнаете ближе к концу, наберитесь терпения, и получайте удовольствие. Уверен - результат придется большинству из вас по душе, и надолго пропишется в браузере.

Закончил =)

Как сделать жизнь лучше, а нервы крепче.

Это сообщение отредактировал JusteG - 25 июл 2014 в 19:48
Yap 16.08.2026 - 01:20
Продам слона  •  На сайте 21 год
Начнем с начала. Откроем консоль JS в вашем браузере.
В хроме это: Ctrl + Shift + J
В лисе: Ctrl + Shift + K
В ИЕ: F12, затем Ctrl+2

Как сделать жизнь лучше, а нервы крепче.
Все комментарии:
JusteG автор 25 июл 2014 в 19:01
Юморист  •  На сайте 13 лет
9
Проверим, подключили ли разработчики ЯПа библиотеку jQuery. Уж очень она удобная и кодить хочется с ее помощью. Вместо того что бы рыться в декларациях сайта, напишем в консоль $ и нажмем Enter. Если результат как у меня - bingo! Библиотека есть =)

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:03
Юморист  •  На сайте 13 лет
6
Зайдем в любой топик, и найдем фрагмент кода, содержащий разметку никнейма чувака оставившего комментарий.
Для этого в хроме, наживаем на увеличительное стекло

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:04
Юморист  •  На сайте 13 лет
10
Затем жмем по нику персонажа =)

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:06
Юморист  •  На сайте 13 лет
8
Код в консоли промотается до интересующего нас фрагмента.
Что мы можем от сюда извлечь?
1. Ник хранится в элементе <a>
2. Который в свою очередь находится в элементе <span>.
3. Который, имеет столь необходимый нам идентификатор, а именно класс.

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:08
Юморист  •  На сайте 13 лет
7
Попробуем выбрать все ники со страницы. Вернее не ники, а элементы <a> их содержащие. Для этого пишем следующее.

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:09
Юморист  •  На сайте 13 лет
6
Повторим процедуру поиска фрагмента кода для целого поста

Как сделать жизнь лучше, а нервы крепче.

Это сообщение отредактировал JusteG - 25 июл 2014 в 19:11
JusteG автор 25 июл 2014 в 19:10
Юморист  •  На сайте 13 лет
11
И увидим, что он по сути, представляет из себя таблицу, с вполне вменяемым идентификатором p_row

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:12
Юморист  •  На сайте 13 лет
9
Попробуем выбрать все посты со страницы...

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:13
Юморист  •  На сайте 13 лет
7
Пока, все замечательно, двигаемся дальше.
А пока, сохраним посты в переменную comments.

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:14
Юморист  •  На сайте 13 лет
7
Отыщем первый пост. Это наш топикастер.

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:15
Юморист  •  На сайте 13 лет
9
И так же сохраним его в переменную. Так его и назовем - topicaster

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:17
Юморист  •  На сайте 13 лет
9
А теперь, собственно то, ради чего все затевалось. Давайте устроем немножко магии. Введите следующий код, и нажмите Enter.

Как сделать жизнь лучше, а нервы крепче.
JusteG автор 25 июл 2014 в 19:18
Юморист  •  На сайте 13 лет
12
Вуаля, все посты которые были написаны не автором топика, ушли в утиль =) Правда на их месте остались не очень симпатишные интервалы...

Как сделать жизнь лучше, а нервы крепче.
Понравился пост? Ещё больше интересного в ЯП-Телеграм и ЯП-Max!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии. Авторизуйтесь, пожалуйста, или зарегистрируйтесь, если не зарегистрированы.
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) Просмотры темы: 6 892
0 Пользователей:
Страницы: 1 2  ... 5  ОТВЕТИТЬ НОВАЯ ТЕМА

 
 

Активные темы



Наверх