господа, на сервисе MyBB появилась поддержка скриптовой библиотеки jQuery
в связи с чем можно довольно существенно расширить возможности форума,
оптимизировать и сократить уже существующие до этого скрипты
ну например, скрипт цветовыделения групп (по никам)
вот он в старом виде (стандартный js):
<script type="text/javascript">
var arr=document.links
var arr1=new Array ("Ромыч")
var arr2=new Array ("Mr. Mayhem","Aaron_Niguez","Esdrin","Andry","Keriby")
var arr3=new Array ("Анфиса","Nepodpisavshayasya","lehrerin","LylyaBlond")
for (x in arr)
{for (y in arr1)
{if (arr[x].innerHTML==arr1[y])
{
arr[x].innerHTML="<font color='purple'>"+arr[x].innerHTML+"</font>"}
}}
for (x in arr)
{for (j in arr2)
{if (arr[x].innerHTML==arr2[j])
{
arr[x].innerHTML="<font color='blue'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (l in arr3)
{if (arr[x].innerHTML==arr3[l])
{
arr[x].innerHTML="<font color='green'>"+arr[x].innerHTML+"</font>"}}}
</script>
а вот он же с использованием jQuery
<script type="text/javascript">
$(document).ready(function(){
$('a:contains("Ромыч")').css('color' , 'purple');
$('a:contains("Mr. Mayhem"), a:contains("Andry"), a:contains("Esdrin"), a:contains("Keriby"), a:contains("Aaron_Niguez")').css('color' , 'blue');
$('a:contains("lehrerin"), a:contains("Lake")').css('color' , 'green');
});
</script>
или же скрипт замены слов "Мужской" и "Женский" под аватаром на изображения
старый вариант:
<script type="text/javascript">
var sex=document.getElementById('pun-main').getElementsByTagName("li")
var sx=0
for (sx=0; sx<=(sex.length-1); sx++)
{if (sex[sx].className=="pa-sex")
{if (sex[sx].innerHTML.indexOf("Мужской")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src=https://forumupload.ru/uploads/0002/10/47/1963-1.gif />"}
else if (sex[sx].innerHTML.indexOf("Женский")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src=https://forumupload.ru/uploads/0002/10/47/1963-2.gif />"}
}}
</script>
a вот новый с jQuery
<script type="text/javascript">
$(document).ready(function(){
$('li.pa-sex:contains("Мужской")').html('Пол: <img src="https://forumupload.ru/uploads/0002/10/47/1963-1.gif" />');
$('li.pa-sex:contains("Женский")').html('Пол: <img src="https://forumupload.ru/uploads/0002/10/47/1963-2.gif" />');
});
</script>
как видите разница в размерах кода ощутимая, особенно если эти два скрипта объединены в один
для оптимизации чтения
старый объединённый вариант цветовыделения ников и замены слов под аватаром:
<script type="text/javascript">
var sex=document.getElementById('pun-main').getElementsByTagName("li")
var sx=0
for (sx=0; sx<=(sex.length-1); sx++)
{if (sex[sx].className=="pa-sex")
{if (sex[sx].innerHTML.indexOf("Мужской")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src=https://forumupload.ru/uploads/0002/10/47/1963-1.gif />"}
else if (sex[sx].innerHTML.indexOf("Женский")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src=https://forumupload.ru/uploads/0002/10/47/1963-2.gif />"}
}}
var arr=document.links
var arr1=new Array ("Ромыч")
var arr2=new Array ("Mr. Mayhem","Aaron_Niguez","Esdrin","Andry","Keriby")
var arr3=new Array ("Анфиса","Nepodpisavshayasya","lehrerin","LylyaBlond")
for (x in arr)
{for (y in arr1)
{if (arr[x].innerHTML==arr1[y])
{
arr[x].innerHTML="<font color='purple'>"+arr[x].innerHTML+"</font>"}
}}
for (x in arr)
{for (j in arr2)
{if (arr[x].innerHTML==arr2[j])
{
arr[x].innerHTML="<font color='blue'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (l in arr3)
{if (arr[x].innerHTML==arr3[l])
{
arr[x].innerHTML="<font color='green'>"+arr[x].innerHTML+"</font>"}}}
</script>
новый с теми же функциями, но с применением jQuery
<script type="text/javascript">
$(document).ready(function(){
$('a:contains("Ромыч")').css('color' , 'purple');
$('a:contains("Mr. Mayhem"), a:contains("Andry"), a:contains("Esdrin"), a:contains("Keriby"), a:contains("Aaron_Niguez")').css('color' , 'blue');
$('a:contains("lehrerin"), a:contains("Lake")').css('color' , 'crimson');
$('li.pa-sex:contains("Мужской")').html('Пол: <img src="https://forumupload.ru/uploads/0002/10/47/1963-1.gif" />');
$('li.pa-sex:contains("Женский")').html('Пол: <img src="https://forumupload.ru/uploads/0002/10/47/1963-2.gif" />');
});
</script>
надеюсь разницу видите?
к тому же в jQuery к тому же цветовыделению ников можно добавить манипуляции со шрифтом
в этой статье я только привёл примеры видоизменения старых скриптов, а ещё ведь есть совершенно новые
jQuery рулит