ПафНутиЙ-Блог » Статьи » Подсветка комментариев автора новости с помощью jQuery

Подсветка комментариев автора новости с помощью jQuery

9.12
7
12330
Сегодня рассмотрим небольшой jquery скрипт для подсветки комментариев автора новости в DLE, Скрипт не является сколь нибудь сложным, был очень быстро написан и, думаю, будет востребован, т.к. многие до сих пор ломают голову над реализацией подсветки, но на php. Много писать не буду - очень хочется спать, а утром будет не до этого.....
Открываем fullstory.tpl и в самом начале пишем:
<script type="text/javascript">
$(function() {
    var newsAuthor = $("div[class=news]").find("a[href*=user]").text();
        $("div[class=comments]").each(function () {    
            if ($(this).find("a[href*=user]").text() == newsAuthor) {
                    $(this).addClass("hightlite");
                }
        });
    
});
</script>

Меняем под свой сайт всего три слова:
1 - news - заменяем на класс блока, который оборачивает новости.
2 - comments - заменяем на класс блока, в который обёрнут комментарий.
2 - hightlite - заменяем на класс, который будет добавляться к каждому комментарию автора. И не забываем прописать соответствующие стили ы CSS-файле .


ВСЁ! - скрипт готов к работе, и будет подсвечивать комментарии автора новости.


На заметку:
Многие люди в свете недавнего кризиса начали задумыватться о том, как лучше выстроить свой бюджет и что же такое бизнес планирование. Так вот на сайте http://www.bi-plan.ru представлены разнообразные бизнес идеи, для качественного и быстрого построения вашего бизнес плана. Это несомненно поможет правильно распределить свои расходы.

Похожие материалы

  • Подсветка новостей и комментариев в DLE не вмешиваясь в php
  • Меняем BBcode-редактор для комментариев
  • Сообщение об отсутствии комментариев на jQuery
  • Вывод новостей в 2 колонки (jQuery edition)
Закрыть

Комментировать могут только зарегистрированные пользователи

+

Комментарии

AvanT
AvanT 10 декабря 2010 18:42
Ответов: 0 #398
Пафнутый, не подскажешь как сделать вывод комментариев на отдельно своем фоне, чтобы они там все и располагались, как например у тебя в таблице "Добавление комментария"? подготовил для комментов общий фон, но если его применить в шаблоне comments.tpl, то каждый коммент так будет оформляться, что мне не нужно, выглядит нелепо sad
ПафНутиЙ
ПафНутиЙ 10 декабря 2010 21:53
Ответов: 0 #399
Смотри исходный код smile это очень просто.
grafoman
grafoman 14 апреля 2011 21:44
Ответов: 0 #682
<script type="text/javascript">
$(function() {
var newsAuthor = $("div[class=news]").find("a[href*=user]
").text();
$("div[class=comment
s]").each(function () {
if ($(this).find("a[href*=user]").text()
; == newsAuthor) {
&n
bsp; $(this).addClass("hightl
ite");
&n
bsp; }
});

});
</script>

Меняем под свой сайт всего три слова:

news - заменяем на класс блока, который оборачивает новости.
comments - заменяем на класс блока, в который обёрнуты комментарии.
hightlite - заменяем на класс, который будет добавляться к каждому комментарию автора. И не забываем прописать соответствующие стили в CSS-файле.


Поставил без проблем. Мой код выглядит так

<script type="text/javascript">
$(function() {
var newsAuthor = $("div[class=base fullstory]").find("a[href*=user]").text(
);
$("div[class=bcommen
t]").each(function () {
if ($(this).find("a[href*=user]").text()
; == newsAuthor) {
&n
bsp; $(this).addClass("hightl
ite");
&n
bsp; }
});

});
</script


В CSS прописал стиль

/*---Подсветка комментариев автора---*/
.hightlite { background-color: #CCFFCC; }


В comments.tpl добавил

<div class="hightlite">


Комментарии подсвечиваются, но абсолютно все и везде. Помогите решить задачку. Можно даже, чтобы подсвечивались комменты не только автора новости, но и всей группы администраторов. Так даже будет лучше.
ПафНутиЙ
ПафНутиЙ 14 апреля 2011 22:28
Ответов: 0 #684
В comments.tpl добавил

<div class="hightlite">

убрать класс из comments.tpl, он добавляется средствами jquery
sharkoster
sharkoster 24 сентября 2011 12:12
Ответов: 0 #1075
У меня тоже была подсветка всех комметариев,
написаное Пафнутием надо понимать буквально, особенно если поверхносно знаете и ява скрипт и ксс.
1 - news - заменяем на класс блока, который оборачивает новости.
2 - comments - заменяем на класс блока, в который обёрнут комментарий.

Cкрипт ищет ссылку на автора новости и она должна попасть вот так
div class="news" автор: {author} /div

а потом сравнивает с
div class="comments" {author} /div

если есть совпадение, то добавляет прописанное в классе hightlite
mr.8pa4
mr.8pa4 30 января 2012 17:42
Ответов: 0 #1376
я не черта не пойму как это сделать recourse
ПафНутиЙ
ПафНутиЙ 30 января 2012 19:09
Ответов: 0 #1377
Тогда забейте, это ещё не ваш уровень ))) подростёте (в плане понимания кода) тогда станет элементарщиной ))

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.