Выделение комментариев автора. Реализация

Да! Подскажите плиз, для особо тупых - что делать. Если не сложно :)

Да, конечно.

Будет очень плохо.

А вообще мне нравится реализация выделения комментариев нужных человек такая, как на дёрти — напротив каждого ника есть точка, если её нажать — то все сообщение этого человека в этом трэде будут выделены.
По-моему так удобнее всего, но я не знаю, насколько это doable здесь.

В любом случае, я этой фичей пользуюсь редко, а вот выделение авторских комментариев — это просто супер-фича, за что вам и огромное спасибо (выраженное всеми доступными способами :) )

В Опере вроде хорошо работает!

ИМХО лучше разным. Хотябы так - один цвет для авторских, другой для всех остальных.

Про трёшку и автор написал ;-)

Спасибо!

Кстати. Похоже, что после отправки комментария, выделение у авторских комментариев исчезает.

"Пора спать" исправлено? Спасибо, в общем)

Теперь попробую сам сообразить, чтоб оно только бортик раскрашивало (белый фон полезный), а пока поставлю #EAECEA, чтобы цветовую гамму сохранить)

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

Вообще-то я тоже далеко не дизайнер :(. Но для себя скрипт немного изменил. А именно добавил строку:
nicknames[id].parentNode.parentNode.style.border='1px dotted #FFCC66';
И вот что получилось.

Правда не знаю как себя поведёт скрипт с новыми комментариями. В JS Не силён.

Цвет сейчас приятный, неброский, ненавязчивый. Всё хорошо, так быть и должно :)

Предлагаю padding-left добавить к комментариевскому диву :-)

ставим greasemonkey если у вас FF https://addons.mozilla.org/ru/firefox/ad… , идём по ссылке установить http://userscripts.org/scripts/show/2999… и в правом верхнем углу жмём install script

Настройка - Дополнительно - Содержимое - Параметры JavaScripts - в самом низу указать папку, в которую потом будете сохранять скрипты.

// ==UserScript==
// @name Highlight Topic Author Comments
// @namespace http://userscripts.org
// @description Highlights Topic Author's Comments
// @include http://*habrahabr.ru/*
// ==/UserScript==

window.addEventListener("load", function(e) {
if (document.getElementById('commentsdiv')) {
highlightAuthorsComments = function () {
if (document.getElementsByClassName == undefined)
document.getElementsByClassName = unsafeWindow.document.getElementsByClassName;
var authorHost = document.getElementsByClassName('user')[0].firstChild.host;
var nicknames = document.getElementsByClassName('comments_nickname');
for (id in nicknames) {
if (nicknames[id].host == authorHost && nicknames[id].parentNode.parentNode.className != 'WriteCommentHolder') {
nicknames[id].parentNode.parentNode.style.backgroundColor='#ffe';
}
}
}
highlightAuthorsComments();
document.addEventListener("DOMNodeInserted", highlightAuthorsComments, false);
}
}, false);


--------
где?
или Опера тоже воспринимает строку
// @include http://*habrahabr.ru/*
?

После UPD#8 проблема в моём браузере исчезла — после добавление комментария нагрузка на ЦП спадает до нормальной!

Спасибо большое :)

Как вариант можно сделать так:

//В начале скрипта
var highlight_topic_style =
'-moz-border-radius: 0.6em !important; '+
'-moz-outline: 1px solid #CCC !important; '+
'-moz-outline-radius: 0.6em !important; padding: 4px;';

function setHighlightTopicStyle(node){ node.setAttribute("style",node.getAttribute("style")+';'+highlight_topic_style);};


//Блоки "if" будут выглядеть так
if (...) { setHighlightTopicStyle(nicknames[id].parentNode.parentNode); nicknames[id].parentNode.parentNode.style. ..............

Но, работает как-то медленно.

Я сделал так

// 1 2 3 4 5
var highlightUsers = 'Shoohurt|deniskin|Aist|rossomachin|juks'.toString().split('|'.toString());
// 12345
var highlightColors = '||||'.toString().split('|'.toString());

и так

else
{
for (id2 in highlightUsers)
{
if (highlightUsers[id2] && nicknames[id].innerHTML == highlightUsers[id2] && nicknames[id].parentNode.parentNode.className != 'WriteCommentHolder')
{
nicknames[id].parentNode.parentNode.style.backgroundColor = highlightColors[id2] || '#fef';
break;
}
}
}

Работает нормально, при необходимости можно указать отдельный цвет для каждого юзера.

А Вам не всё равно насчёт регулярки, которая исполняется не на сервере, а не компьютерах пользователей? Я думаю, что на данное время они не займут много процессорного времени на компах.

А для подсветки юзеров можно как-нибудь так
xllx

// В начале скрипта
var highlight_users_colors =
{
'Shoohurt': '#fef',
'deniskin': '#fef',
'Aist': '#fef',
'rossomachin': '#fef',
'juks': '#fef',
'eugenga': null,
'TiGR': null
};

// блоки if-else
else{
for (id2 in highlight_users_colors){
if (nicknames[id].text == id2){
setHighlightTopicStyle(nicknames[id].parentNode.parentNode);
nicknames[id].parentNode.parentNode.style.backgroundColor = highlight_users_colors[id2] || '#efe';
nicknames[id].parentNode.parentNode.style.padding='0px 5px';
nicknames[id].parentNode.parentNode.style.border='1px dotted #bbf';
break;
}
}
}

пардон
лучше так:

//В начале
var def_color = '#efe';

var highlight_users_colors =
{
'Shoohurt': '#fef',
'deniskin': '#fef',
'Aist': '#fef',
'rossomachin': '#fef',
'juks': '#fef',
'eugenga': def_color,
'TiGR': def_color
};

//блоки if-else
if (typeof nicknames[id] == 'function')
continue;
else if(nicknames[id].parentNode.parentNode.className != 'WriteCommentHolder'){
if (nicknames[id].text == memberName) {
setHighlightTopicStyle(nicknames[id].parentNode.parentNode);
nicknames[id].parentNode.parentNode.style.backgroundColor='#f8f8ff';
nicknames[id].parentNode.parentNode.style.padding='0px 5px';
nicknames[id].parentNode.parentNode.style.border='1px dotted #bbf';
}
else if (nicknames[id].text == authorName) {
setHighlightTopicStyle(nicknames[id].parentNode.parentNode);
nicknames[id].parentNode.parentNode.style.backgroundColor='#ffe';
nicknames[id].parentNode.parentNode.style.padding='0px 5px';
if (nicknames[id].parentNode.parentNode.className != 'comment_item_new') {
nicknames[id].parentNode.parentNode.style.border='1px dotted #eea';
}
}
else if ( highlight_users_colors[nicknames[id].text] ){
setHighlightTopicStyle(nicknames[id].parentNode.parentNode);
nicknames[id].parentNode.parentNode.style.backgroundColor = highlight_users_colors[nicknames[id].text] || '#efe';
nicknames[id].parentNode.parentNode.style.padding='0px 5px';
nicknames[id].parentNode.parentNode.style.border='1px dotted #bbf';
}
}

Не_сплю :)

Идея! Спасибо :)

Но всё равно руки чешутся на Ctrl+Enter нажать, уже прилизанное клавосочитание. Хотя tab+tab+space тоже неплохое, буду привыкать.