последняя на данный момент версия
Своя иконка для вновь созданной темы
(загружается автоматически) v.6 © Romych
идея создать такой скрипт одновременно возникла в голове у ( rps, Deff и у меня)
смысл в том, чтобы дать пользователю самостоятельно выделить созданную им тему, привлечь внимание к ней тем, что в названии темы будет пестреть иконка из некоего набора
само собой, что лучше всего это реализовать подправив php движка и таблицы БД, но не факт что администрация сервиса будет этим заниматься.
прозвучала интересная идея, при создании новой темы вставлять некий символ, который бы автоматически скриптом заменялся на иконку,
но тут один минус, во вкладках открытых страниц в любом браузере у вас бы торчал это символ впереди названия темы, поэтому я решил не использовать символы, а зарезервировать некие слова, которые будут сигналом для скрипта к действию
допустим:
Внимание! - 
Важно. - 
Вопрос. - 
Интересно - 
Love. - 
схема проста, пользователь решив выделить свою тему, в начале название ставить сочетание слова и восклицательного знака - например,
Внимание! а затем название своей темы, получится - Внимание! бла-бла-бла
скрипт чувствителен к регистру названия и к содержанию, поэтому специально со словом идёт либо восклицательный знак, либо точка, чтоб не было случайного срабатывания,
слова естественно можете придумать свои и иконки тоже
в html-низ:
<!--иконки в темах v.6-->
<script type = "text/javascript">
var icon = {
'Внимание!': 'http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif',
'Важно.': 'http://i.smiles2k.net/aiwan_smiles/skull.gif',
'Вопрос.': 'http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png',
'Love.': 'http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png',
'Интересно.': 'http://i.smiles2k.net/icq_smiles/27.gif'
};
$('img.live-tipsy').tipsy({live: true,gravity: $.fn.tipsy.autoNS});
$('form#post p.checkfield').after('<div id="iconki" style="display:none"><center><strong>Иконки сообщения</strong><br><p>Если вы хотите визуально выделить тему, выберите ключевое слово и тогда вашей теме будет присвоена соответствующая иконка<br>(пример: <i><font color="blue">Love. Хочу познакомиться</font></i>)</p></center><table><tr align="center"><td style="border-width:0"><span class="ikn1"><img alt="" src="http://i.smiles2k.net/aiwan_smiles/skull.gif" title="присвоить теме эту иконку"> - Важно. </span></td><td style="border-width:0"><span class="ikn2"><img alt="" src="http://i.smiles2k.net/icq_smiles/27.gif" title="присвоить теме эту иконку"> - Интересно. </span></td><td style="border-width:0"><span class="ikn3"><img alt="" src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png" title="присвоить теме эту иконку"> - Love. </span></td><td style="border-width:0"><span class="ikn4"><img alt="" src="http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png" title="присвоить теме эту иконку"> - Вопрос. </span></td><td style="border-width:0"><span class="ikn5"><img alt="" src="http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif" title="присвоить теме эту иконку"> - Внимание! </span></td></tr></table></div>');
$(function () {
$('span[class^="ikn"]').css('cursor', 'pointer').click(function () {
var laib = $(this).text().slice(3);
var titl = $('input[name="req_subject"]').val();
$('input[name="req_subject"]').attr('value', '' + laib + titl);
});
});
$('.tclcon, td.tcr, #pun-crumbs1 p, #pun-crumbs2 p, #pun-viewtopic #pun-main h1 span, #pun-searchtopics td.tcl a, #pun-online td.tcl').map(function () {
var self = $(this);
var zam = $(this).html();
$.each(icon, function (i, val) {
if (zam.indexOf(i) != -1) {
$(self).html(zam.replace(i, '<img class="live-tipsy" src="' + val + '" original-title="' + i + '"/>'));
}
});
});
var nazv = $('input[name="req_subject"]').val();
if (nazv.length >= 0) {
$('#iconki').css('display', 'inline');
}
</script>этот набор иконок становится видимым, только когда вы создаёте новую тему или редактируете уже созданную
строки со словами или словосочетаниями можете дублировать по-необходимости и сделать то количество иконок, которое считаете нужным
ПРИМЕР как это выглядит в действии 
p.s. принято решение сделать добавление иконки к названию, а не замену ключевого слова, хотя вариации возможны
[реклама вместо картинки]
Отредактировано Romych (Ср, 29 Сен 2010 23:15:18)
