Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.09.2011, 20:00
Профессор
Отправить личное сообщение для Dorian_bs Посмотреть профиль Найти все сообщения от Dorian_bs
 
Регистрация: 24.03.2011
Сообщений: 217

Обрезание текста
Всем привет!
Помогите! Не получается осуществить следующую задачу..
У меня есть код:

Например:

<div class="file">
  <div class="zagol">тра ля ля, тра ля ля</div>
</div>

<div class="file">
  <div class="zagol">тра я ля</div>
</div>

....


При условии, если в заголовке количество символов превышает "5", тогда заголовок обрезается и на конце ставится "...".
Помогите осуществить!
Ответить с цитированием
  #2 (permalink)  
Старый 05.09.2011, 20:58
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

<script type="text/javascript">
window.onload = function(){
  div_arr = document.getElementsByTagName('div');
  for (var i = 0; i < div_arr.length; i++) {
       if(div_arr[i].className=='zagol') {
          if (div_arr[i].innerHTML.length > 5) {
              div_arr[i].innerHTML = div_arr[i].innerHTML.substr( 0, 5 )+ "...";
          }
       }
  }
};
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 05.09.2011, 21:55
Профессор
Отправить личное сообщение для ваый Посмотреть профиль Найти все сообщения от ваый
 
Регистрация: 29.06.2011
Сообщений: 445

Триви, не учитываешь переносы строк.
Ответить с цитированием
  #4 (permalink)  
Старый 06.09.2011, 00:20
Профессор
Отправить личное сообщение для Dorian_bs Посмотреть профиль Найти все сообщения от Dorian_bs
 
Регистрация: 24.03.2011
Сообщений: 217

Триви,
Спасибо большое!)))))
ваый, да, но в данном случае можно использовать и "white-space: nowrap" =)
Ответить с цитированием
  #5 (permalink)  
Старый 06.09.2011, 00:38
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Сообщение от ваый Посмотреть сообщение
Триви, не учитываешь переносы строк.
Это уже ария из другой оперы))
Кроме того, не думаю, что в заголовке могут встречаться символы переноса..

зы: я чесслово не понимаю зачем вообще такое нужно..
почему бы сразу серверным скриптом не нагенерить так как нужно?
Ответить с цитированием
  #6 (permalink)  
Старый 06.09.2011, 00:55
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Кстати, а если в дивах с nowrap будут присутствовать символы перевода строки,
означает ли это, что innerHTML вернет значение без них?
Ответить с цитированием
  #7 (permalink)  
Старый 06.09.2011, 01:01
Профессор
Отправить личное сообщение для Dorian_bs Посмотреть профиль Найти все сообщения от Dorian_bs
 
Регистрация: 24.03.2011
Сообщений: 217

Не знаю))
"присутствовать символы перевода строки" - но их там нет)))

"почему бы сразу серверным скриптом не нагенерить так как нужно?"
Ucoz не такой умный)
Ответить с цитированием
  #8 (permalink)  
Старый 06.09.2011, 01:01
Профессор
Отправить личное сообщение для popov654 Посмотреть профиль Найти все сообщения от popov654
 
Регистрация: 22.09.2010
Сообщений: 217

Проверь)
Кстати, что даёт nowrap - запрещает перенос слов что ли?
Ответить с цитированием
  #9 (permalink)  
Старый 06.09.2011, 01:08
Профессор
Отправить личное сообщение для ваый Посмотреть профиль Найти все сообщения от ваый
 
Регистрация: 29.06.2011
Сообщений: 445

Сообщение от Триви
Кстати, а если в дивах с nowrap будут присутствовать символы перевода строки,
означает ли это, что innerHTML вернет значение без них?
ну даже если там явно переносов нету, это не значит, что их нет.
<div class="zagol">
    тра ля ля, тра ля ля
</div>
Тут 5 символов будет совсем не те, что ожидается.
Ответить с цитированием
  #10 (permalink)  
Старый 06.09.2011, 01:10
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Сообщение от popov654 Посмотреть сообщение
Проверь)
Если честно, впадлу))
Потому что я забыл мышак в офисе,
а тачпад маня нервирует

Проверь, интересно же! =))
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Чудеса математики js при padding borovik Элементы интерфейса 6 09.07.2011 22:02
Получение позиции текста по координатам traa Events/DOM/Window 20 08.02.2011 14:19
Regexp replace с начала текста, а не строки qst13r1245r12 Общие вопросы Javascript 1 19.03.2010 09:30
Оборачивание текста в теги <b>, <i> и т.д. bizmak Элементы интерфейса 4 23.01.2009 05:01
Firefox: перехватить соббытие при перетаскивании текста no_alex Общие вопросы Javascript 9 21.08.2008 18:02