for(i in sm) smiles+="<span role='img' class='emoji' style='background-position: 0 -"+sm[i]+"px' onclick='put(this.dataset.num)' data-num=' *"+i+" '></span>";
for(i in sm) { if(!sm.hasOwnProperty(i)){continue;} smiles+="<span role='img' class='emoji' style='background-position: 0 -"+sm[i]+"px' onclick='put(this.dataset.num)' data-num=' *"+i+" '></span>";}
for(k=0;k<a.length;k++) { for(j in sm) {//бродим таким циклом if(!sm.hasOwnProperty(j)){continue;} if(a[k]==j) {//потому что номер смайла это j a[k]="<span role='img' class='emoji' style='background-position: 0 -"+sm[j]+"px' data-num=' *"+j+" '></span>";//код взят из первой части за вычетом события onclick break;//т.к. нашли замену для текущей части заканчиваем пробег по массиву смайлов и переходим к следующей части сообщения } } }
a[k]="<span role='img' class='emoji' data-num=' *"+j+" '></span>";
.emoji [data-num="*1"]{ background-position: 0px 0px; } .emoji [data-num="*2"]{ background-position: 0px -17px; } /*бла бла бла*/ .emoji [data-num="*32"]{ background-position: 0px -527px; }
/* ЧАСТЬ ВТОРАЯ */ /* Отображение тем в форуме */