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

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


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

Как известно список персональных сообщений формируется таблицей, при этом пометка прочитано / не прочитано реализовано применением 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" устанавливается в соответствии с тем, какой именно именно используется иконочный шрифт в дизайне

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

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
×
×
  • Создать...