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

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

9.12
7
16 091
подсветка оформление коментариев jQuery CSS мелочи для DLE
Статьи
Сегодня рассмотрим небольшой 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-файле .


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

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

Комментарии

AvanT
AvanT 10 декабря 2010 18:42
#398
Пафнутый, не подскажешь как сделать вывод комментариев на отдельно своем фоне, чтобы они там все и располагались, как например у тебя в таблице "Добавление комментария"? подготовил для комментов общий фон, но если его применить в шаблоне comments.tpl, то каждый коммент так будет оформляться, что мне не нужно, выглядит нелепо sad
ПафНутиЙ
ПафНутиЙ 10 декабря 2010 21:53
#399
Смотри исходный код smile это очень просто.
grafoman
grafoman 14 апреля 2011 21:44
#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
#684
В comments.tpl добавил

<div class="hightlite">

убрать класс из comments.tpl, он добавляется средствами jquery
sharkoster
sharkoster 24 сентября 2011 12:12
#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
#1376
я не черта не пойму как это сделать recourse
ПафНутиЙ
ПафНутиЙ 30 января 2012 19:09
#1377
Тогда забейте, это ещё не ваш уровень ))) подростёте (в плане понимания кода) тогда станет элементарщиной ))

Добавить комментарий

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

Информация

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