Перейти к публикации

Иконочный шрифт для "прочитано" / "не прочитано" в списке персональных сообщений


Рекомендованные сообщения

Как известно список персональных сообщений формируется таблицей, при этом пометка прочитано / не прочитано реализовано применением GIFок "read.gif" и "unread.gif". Если в дизайне используются иконочные шрифты, то как минимум глупо рисовать соответствующие гифки.

Пришлось потратить энное кол-во времени для написания простенького скрипта, который все поправит :)

Вот собственно код, который необходимо вставить в шаблон pm.tpl:

<script>
	$(document).ready(function(){
	  /*Делаем свои пометки прочитанных и непрочитанных сообщений*/
	  $('table.pm tr:not(:first)>td:first-child').each(function(){
		  var str = $(this).find('img').attr('src');
		  if(str){
			if(str.indexOf('unread.gif')>0) {	
				$(this).html('<i class="icon-check-empty"></i>');
			} else {
				$(this).html('<i class="text-success icon-check"></i>');				
			}
		  }
	  });

	});
</script>

Я думаю пояснений не нужно.

Класс для тега "I" устанавливается в соответствии с тем, какой именно именно используется иконочный шрифт в дизайне

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...