Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.05.2017, 18:28
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Замена символа на картинку
Есть блок div:
<div class='comment'>
    <li>:)</li>
    <li>;)</li>
</div>


Как заменить символы : ) и ; ) на картинки автоматически?
Ответить с цитированием
  #2 (permalink)  
Старый 08.05.2017, 19:34
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Этот вопрос должен решать сервер так как конфигурации путей, соответствия смайлов в его ведении.
Ответить с цитированием
  #3 (permalink)  
Старый 08.05.2017, 19:36
Кандидат Javascript-наук
Отправить личное сообщение для Diphenyl Oxalate Посмотреть профиль Найти все сообщения от Diphenyl Oxalate
 
Регистрация: 21.01.2017
Сообщений: 139

<div class='comment'>
    <li>:)</li>
    <li>;)</li>
</div>

<script>
var smile = "http://javascript.ru/forum/images/smilies/smile.gif",
     wink = "http://javascript.ru/forum/images/smilies/wink.gif";

[].forEach.call(document.querySelectorAll(".comment li"), function(elem) {
  elem.innerHTML = elem.innerHTML
  .replace(":)", "<img src='" + smile + "'>")
  .replace(";)", "<img src='" + wink + "'>");
});

</script>
Ответить с цитированием
  #4 (permalink)  
Старый 08.05.2017, 19:40
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Diphenyl Oxalate,
а вы не подумали о том, что при изменении на сервере придется править клиентский скрипт?
Ответить с цитированием
  #5 (permalink)  
Старый 08.05.2017, 19:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Янковиц,
replaceEmoticons
Ответить с цитированием
  #6 (permalink)  
Старый 09.05.2017, 06:52
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Спасибо большое. Подскажите, у меня блок div подгружается через ajax. И скрипт не срабатывает. Как в этом случае производить замену?
Ответить с цитированием
  #7 (permalink)  
Старый 09.05.2017, 08:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от Янковиц
подгружается через ajax
в ajax и ставьте замену
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена символа SergeiAzarov Общие вопросы Javascript 7 07.12.2015 13:47
Замена текста на картинку lordenas jQuery 3 13.11.2015 09:07
Замена или удаление последнего символа BashOrgRu jQuery 2 11.01.2014 14:01
замена символа в строке ioane Общие вопросы Javascript 1 02.06.2013 17:21
Замена текста на картинку с помощью jQuery InCome jQuery 11 02.08.2011 14:07