Иконки для тем v.5.2

Автор - Romych

Не все темы можно разделить на "важные" и "обычные", иногда необходимо выделить тему как-то по особенному. Для таких целей подойдет этот скрипт.
Скрипт позволит выбрать дополнительную иконку при создании темы:

http://img163.imageshack.us/img163/3687/79927308.gif

http://s7.uploads.ru/Xn01z.png

Доступные иконки:
Внимание! - 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
Интересно - http://i.smiles2k.net/icq_smiles/27.gif
Love. - http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png

в HTML низ

Код:
<!--иконки в темах v.5.2-->
<script language="javascript">
var Vnimanie = 'http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif';
var Vajno = 'http://i.smiles2k.net/aiwan_smiles/skull.gif';
var Vopros = 'http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png';
var Interesno = 'http://i.smiles2k.net/icq_smiles/27.gif';
var Loves = 'http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png';
$(function(){
$('span[class^="ikn"]').css('cursor','pointer');
$('span[class^="ikn"]').click(function(){
laib=$(this).text().slice(3); titl=$('input#fld3').val();
$('input#fld3').attr('value',''+laib +titl); });
$("div.tclcon, td.tcr, div#pun-crumbs1 p, div#pun-crumbs2 p, div#pun-viewtopic div#pun-main h1 span, div#pun-searchtopics div#pun-main div.forum div.container table tbody.hasicon tr td.tcl a").map(function () {
zam = $(this).html();
if(zam.indexOf("Важно.") != -1) { 
$(this).html(zam.replace(/Важно./gi, '<img style="height: 21px;" src="'+Vajno+'"/>')); }
if(zam.indexOf("Интересно.") != -1) { 
$(this).html(zam.replace(/Интересно./gi, '<img src="'+Interesno+'"/>')); }
if(zam.indexOf("Вопрос.") != -1) { 
$(this).html(zam.replace(/Вопрос./gi, '<img src="'+Vopros+'"/>')); }
if(zam.indexOf("Love.") != -1) { 
$(this).html(zam.replace(/Love./gi, '<img src="'+Loves+'"/>')); }
if(zam.indexOf("Внимание!") != -1) { 
$(this).html(zam.replace(/Внимание!/gi, '<img src="'+Vnimanie+'"/>')); }
}); });
if(document.URL.indexOf('post.php?fid')!=-1) 
{document.getElementById('iconki').style.display = 'inline';}
</script>

в HTML в форме ответа

Код:
<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>

Иконка для созданной темы
(вариант с заменой слова на изображение)

то что в HTML в форме ответа
остаётся то же что и в первом,

а в html-низ ставится этот вариант:

Код:
<script type="text/javascript">
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="tclcon") {
post = elm[x].innerHTML;
if(post.indexOf("Внимание!")) {
lconer = /\<a\ href=(.*?)\>Внимание!(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif'/>&nbsp;<a href=$1>$2</a>") 
} 
if(post.indexOf("Важно.")) {
lconer = /\<a\ href=(.*?)\>Важно.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://i.smiles2k.net/aiwan_smiles/skull.gif'/>&nbsp;<a href=$1>$2</a>") 
} 
if(post.indexOf("Вопрос.")) {
lconer = /\<a\ href=(.*?)\>Вопрос.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png'/>&nbsp;<a href=$1>$2</a>") 
} 
if(post.indexOf("Интересно.")) {
lconer = /\<a\ href=(.*?)\>Интересно.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://i.smiles2k.net/icq_smiles/27.gif'/>&nbsp;<a href=$1>$2</a>") 
} 
if(post.indexOf("Love.")) {
lconer = /\<a\ href=(.*?)\>Love.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png'/>&nbsp;<a href=$1>$2</a>") 
}}
$(function(){
$('.ikn1, .ikn2, .ikn3, .ikn4, .ikn5').css('cursor','pointer');
$('.ikn1').click(function(){
$('input#fld3').attr('value','Важно. ');});
$('.ikn2').click(function(){
$('input#fld3').attr('value','Интересно. ');});
$('.ikn3').click(function(){
$('input#fld3').attr('value','Love. ');});
$('.ikn4').click(function(){
$('input#fld3').attr('value','Вопрос. ');});
$('.ikn5').click(function(){
$('input#fld3').attr('value','Внимание! ');});
});
if(document.URL.indexOf('post.php?fid')!=-1) 
{document.getElementById('iconki').style.display = 'inline';}
</script>

пример: http://testing.1bb.ru/viewforum.php?id=8

Теги: иконки для тем, свои иконки для тем