Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Замена символа на картинку (https://javascript.ru/forum/dom-window/68782-zamena-simvola-na-kartinku.html)

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


Как заменить символы : ) и ; ) на картинки автоматически?

laimas 08.05.2017 19:34
Этот вопрос должен решать сервер так как конфигурации путей, соответствия смайлов в его ведении.

Diphenyl Oxalate 08.05.2017 19:36 
<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>

laimas 08.05.2017 19:40
Diphenyl Oxalate,
а вы не подумали о том, что при изменении на сервере придется править клиентский скрипт?

рони 08.05.2017 19:45
Янковиц,
replaceEmoticons

Янковиц 09.05.2017 06:52
Спасибо большое. Подскажите, у меня блок div подгружается через ajax. И скрипт не срабатывает. Как в этом случае производить замену?

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


Часовой пояс GMT +3, время: 03:08.