CMS DataLife Engine - Система управления сайтами

IgorA100

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

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

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

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти