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

Здравствуйте друзья.
Сегодня я научу вас делать букмарклеты. Букмарклет, это специальная ссылка, которая содержит в себе исполняемый код Java Script. Этот урок, рассчитан на пользователей которые обладают базовым представлением о программировании.
Немного лирики: сам я по профессии - программист. Но на Java Script (здесь и далее JS) пишу где то месяц, чуть больше. Учитывая мой десятилетний опыт программирования, язык мне поддается легко и непринужденно. Вот, на днях, вычитал что такое букмарклеты, и не нашел им ни одного оправданного применения. Отложил знания до лучших времен. И вот вчера, при просмотре моего любимого ЯПа, на меня низверглось озарение =) Спешу им с вами поделиться. Что именно пишем, узнаете ближе к концу, наберитесь терпения, и получайте удовольствие. Уверен - результат придется большинству из вас по душе, и надолго пропишется в браузере.

Закончил =)

Это сообщение отредактировал JusteG - 25.07.2014 - 19:48

Начнем с начала. Откроем консоль JS в вашем браузере.
В хроме это: Ctrl + Shift + J
В лисе: Ctrl + Shift + K
В ИЕ: F12, затем Ctrl+2

Номер кредитки сразу написать?
ps Не извиняюсь что сломал.

Проверим, подключили ли разработчики ЯПа библиотеку jQuery. Уж очень она удобная и кодить хочется с ее помощью. Вместо того что бы рыться в декларациях сайта, напишем в консоль $ и нажмем Enter. Если результат как у меня - bingo! Библиотека есть =)

<script>
$('html body').hide();
</script>

ЯП школа программирования на ЯПе?

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

Затем жмем по нику персонажа =)

НАХУЙ!! Извиняюсь за *слом*...-

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


о, валькирии налетели

Это сообщение отредактировал artin - 25.07.2014 - 19:15

Код в консоли промотается до интересующего нас фрагмента.
Что мы можем от сюда извлечь?
1. Ник хранится в элементе <a>
2. Который в свою очередь находится в элементе <span>.
3. Который, имеет столь необходимый нам идентификатор, а именно класс.

Ни хера не программмист.
ЯП читал, чтоб развлечься.
Если нужно будет про это узнать, я схожу на хабр.

Попробуем выбрать все ники со страницы. Вернее не ники, а элементы <a> их содержащие. Для этого пишем следующее.

Повторим процедуру поиска фрагмента кода для целого поста

Это сообщение отредактировал JusteG - 25.07.2014 - 19:11

ага

И увидим, что он по сути, представляет из себя таблицу, с вполне вменяемым идентификатором p_row

Попробуем выбрать все посты со страницы...

Ваш клиент.

http://www.escc.ru/stranica-zakaza-probnog...CFSTbcgodbSEAeQ

Это сообщение отредактировал Alexxx03 - 25.07.2014 - 19:14

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

Отыщем первый пост. Это наш топикастер.

Обязательно быть конченными придурками, чтобы ломать пост?

И так же сохраним его в переменную. Так его и назовем - topicaster

Хм...-КТО *МИНУСИТ*,Злодеи-вот,ЧТО НЕ ТАК???

А теперь, собственно то, ради чего все затевалось. Давайте устроем немножко магии. Введите следующий код, и нажмите Enter.

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