Главная » Разделы » Общение » Цех ЯП-творчества

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

⋮

ОТВЕТИТЬ НОВАЯ ТЕМА

JusteG автор 25 июл 2014 в 19:20

Юморист • На сайте 13 лет

Сообщений: 512

Чтож, давайте исправим ситуацию, эти серые полосы - элементы отделяющие посты друг от друга. Удалим их тоже, вместе с постами. Обновим страницу, объявим заново переменные, и напишем немного усовершенствованный код.

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

Все получилось, ура.

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

И напишем заготовку функции, в которую скопируем наш код, который писали в консоли браузера.

Поставим курсор в место указанное стрелкой, и пару раз нажмем Enter для обеспечения читабельности. Затем, открываем консоль, и пролистывая ее копируем весь наш код в тело функции.

Сохраняем, и открываем наш файл в браузере двойным кликом. Внутри мы увидим всего один символ, "+" который вполне закономерно ссылка. Поздравляю, это ваш первый букмарклет. Просто перетащите его в закладки, перейдите на яп, зайдите в любой пост и жмите.

Но нам ведь этого мало, давайте еще что нибудь прикрутим.
Например наш скрипт не будет корректно работать на второй и последующих страницах. Давайте вылечим. Помните в начале урока, писали код для выборки всех ников, вот к нему, мы и сделаем небольшую приписку.

Это добавит рядом со всеми никами значок, нажатие нам который нам предстоит обработать.

Копируем и вставляем нашу ссылку в документе имя.html и оборачиваем содержимое функции обработчиком клика по элементу с класом filterIt который соответствует добавленному нами значку. А перед обработчиком вставляем код добавляющий значки.

Чуть чуть редактируем способ получения топикастера

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

В такое. У меня все. Пинайте.

Кстати, вот код страницы, что бы вам не писать ручками запихивайте в файл перетаскивайте ссылки в закладки и юзайте на здоровье.
А главное - нервы. Нервы берегите.

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href='javascript:(function(){
var comments = $("table[id^=\"p_row_\"]");
var topicaster = $(comments[0]).find(".normalname>a").html();
comments.each(function(id, value){
if ($(value).find(".normalname>a").html() != topicaster){
$(value).prev().remove();
$(value).remove();
}
});
})()'>+</a><br/>
<a href='javascript:(function(){
$(".normalname>a").after("<img class=\"filterIt\" src=\"/style_images/1/nav.gif\" style=\"cursor: pointer; margin-left: 4px;\"/>");
$(".filterIt").click(function(){
var comments = $("table[id^=\"p_row_\"]");
var topicaster = $(this).prev().html();
comments.each(function(id, value){
if ($(value).find(".normalname>a").html() != topicaster){
$(value).prev().remove();
$(value).remove();
}
});
});
})()'>+</a><br/>
</body>
</html>

Все комментарии:

lliill 25 июл 2014 в 19:39

Шутник • На сайте 18 лет

Сломал f5, но познавательно.
Ждем продолжения !

Это сообщение отредактировал lliill - 25 июл 2014 в 19:42

Allis 25 июл 2014 в 19:40

Весельчак • На сайте 14 лет

Ниче не понял для чего это? Видимо не для меня

AZARKH 25 июл 2014 в 19:42

Хохмач • На сайте 12 лет

Потратил всю зелень! Буду пробовать.

farmaceft 25 июл 2014 в 19:42

Вегередатормакс • На сайте 12 лет

вот у людей свободного времени

не, ну позновательно конечно, но зачем?)
P.s ничего не понял))) только по сути

Это сообщение отредактировал farmaceft - 25 июл 2014 в 19:47

ivan888 25 июл 2014 в 19:43

Хохмач • На сайте 16 лет

Нихуя не понял, но с умным видом позеленил...

sasha000 25 июл 2014 в 19:43

яп всё ёб • На сайте 16 лет

а ,извините, нахрена это?

TooGooD 25 июл 2014 в 19:44

Творю добро • На сайте 12 лет

Лучше расскажи как это грёбанный банер (panasonic) постоянно открывающийся при каждом (практически) клике.

~~kNOWer~~ 25 июл 2014 в 19:44

Доброта спасёт мир • На сайте 12 лет

Цитата

Эм... великоваты картинки, как уменьшить?

Да в пэйнте рубани два раза по 50.

Экспонат 25 июл 2014 в 19:44

Приколист • На сайте 12 лет

Хм..ЗВИНИ,за мой *взлом*,чуть выше-Смотри вот,Камрад-ежели через ПРОКСИ,на Левом IP,человек входит-тогда как??

voznesenski 25 июл 2014 в 19:44

Балагур • На сайте 13 лет

Блять я дьявола вызвал

~~Пололунник~~ 25 июл 2014 в 19:45

Читатель • На сайте 12 лет

Мне ума не хватит...

ЗЫ-потому что есть более нужные дела..

Это сообщение отредактировал Пололунник - 25 июл 2014 в 19:46

denmor 25 июл 2014 в 19:45

это я • На сайте 14 лет

Иногда каменты лучше самой темы, зачем же вырезать то? )))

JusteG автор 25 июл 2014 в 19:46

Юморист • На сайте 13 лет

Цитата (TooGooD @ 26.07.2014 - 01:44)

Лучше расскажи как это грёбанный банер (panasonic) постоянно открывающийся при каждом (практически) клике.

Смотрите 2 моих последних поста в подборке. Я готов рассказать, если вы готовы слушать.

Это сообщение отредактировал JusteG - 25 июл 2014 в 19:57

Понравился пост? Ещё больше интересного в ЯП-Телеграм и ЯП-Max!

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии. Авторизуйтесь, пожалуйста, или зарегистрируйтесь, если не зарегистрированы.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)	Просмотры темы: 6 894
0 Пользователей: