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

IgorA100

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now