Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.12.2012, 17:01
Новичок на форуме
Отправить личное сообщение для mego4el Посмотреть профиль Найти все сообщения от mego4el
 
Регистрация: 29.12.2012
Сообщений: 4

не могу разделить TimesText на две части
Доброго дня. Занимаюсь jscript не так давно, и так... в основном по мелочам. Нашел один скрипт, который меняет стиль lastposttd на форуме ucoz.

<script type="text/javascript">
$(".forumLastPostTd").each(function () { 
if($(this).text() == 'Нет сообщений') { $(this).html('никогда') } 
else { 
var TimesHref = $(this).find('a:first').attr('href'); 
var TimesText = $(this).find('a:first').text(); 
var MesImgHref = $(this).find('a:eq(1)').attr('href'); 
var MessageHref = $(this).find('a:eq(2)').attr('href'); 
var MessageText = $(this).find('a:eq(2)').text(); 
var UserseHref = $(this).find('a:eq(3)').attr('href');
var UserseText = $(this).find('a:eq(3)').text();
$(this).html('<a href="'+MesImgHref+'" title="К первому непрочитанному сообщению"><img style="margin-bottom:-3px; margin-right:3px; margin-left:2px;" src="/images/thread.gif" border="0" alt=""></a><a title="К первому непрочитанному сообщению" href="'+MessageHref+'"><b>'+MessageText+'</b></a><div style="margin-top:2px;">от <a href="'+UserseHref+'">'+UserseText+'</a><a href="'+TimesHref+'" style="color:#9ebcd0; font-size: 8pt; float: right; margin-right: 15px; text-decoration: none;" title="К последнему сообщению">'+TimesText+'</a></div> &nbsp;&nbsp;&nbsp; <img src="/images/lastpost.gif" style=" margin-top: -12px; float: right;" alt="">'); 
} 
}); 
</script>


Выводит рядом с названием темы полноценную дату, ссылкой на посл сообщение:

Цитата:
Чт, 27.12.2012, 17:24
Дело в том, что весь текст TimesText - задан одним стилем внутри. А мне нужно как-то разделить полную дату\время\день опубликования темы, и сделать этому тексту разные цвета (дата - красный, время - синий, день - зеленый).

Не могу никак разобраться, как мне получить по отдельности дату, время и день темы, задать им стиль текста (в моем случае нужно задать цвета), и вывести точно так же как и в скрипте выше? Помогите пожалуйста разобраться.

СПАСИБО!

Последний раз редактировалось mego4el, 29.12.2012 в 17:06.
Ответить с цитированием
  #2 (permalink)  
Старый 29.12.2012, 17:52
Новичок на форуме
Отправить личное сообщение для mego4el Посмотреть профиль Найти все сообщения от mego4el
 
Регистрация: 29.12.2012
Сообщений: 4

Сообщение от Deff Посмотреть сообщение
mego4el,
Выведите пример текста для TimesText, если формат постоянный можно распарсить
Я чуть выше написал:
вот
Сб, 29.12.2012, 15:04
Ответить с цитированием
  #3 (permalink)  
Старый 29.12.2012, 18:12
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Дополняем Ваш скрипт функцией

function Transform (a){
  var b=a.split(',');a='';
  for(var i in b){a+='<span class=d_style-'+i+'>'+b[i]+'</span>';}
  return a;
}
и вместо TimesText, в скрипт вставляем Transform (TimesText)

=======
Далее к стилям добавите описание
span.d_style-0{
  color:green;
}
span.d_style-1{
  color:blue;
}
span.d_style-2{
  color:red;
}

Последний раз редактировалось Deff, 29.12.2012 в 18:45.
Ответить с цитированием
  #4 (permalink)  
Старый 29.12.2012, 20:49
Новичок на форуме
Отправить личное сообщение для mego4el Посмотреть профиль Найти все сообщения от mego4el
 
Регистрация: 29.12.2012
Сообщений: 4

Спасибо вам большое!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
разделить символы строки на две группы до _ и после _ RAZVOR Общие вопросы Javascript 2 21.09.2012 16:49
Помогите разделить URL адрес на составляющие части. Vitia28 Общие вопросы Javascript 5 09.05.2012 19:18
Не могу объединить две галереи на Prototype и jQuery volodumir Ваши сайты и скрипты 5 17.08.2010 14:10