Вывод смайлов в js

@доминик · Регистрация: 01.12.2010

Студворк — интернет-сервис помощи студентам

Друзья помогите с выводом смайлов в div
Имеется вот такой код вывода сообщения из textarea

JavaScript
1
2
3
4
5
6
7
 var d = document;
function add() {
  var div = d.getElementById("div"), txt = d.getElementById("txt");
  var newDiv = d.createElement("div");
  newDiv.innerHTML = txt.value;
  div.appendChild(newDiv);
}

Но мне нужно что бы при выводе он мне выдавал место -) , =(, и т.п - картинки по указанному пути, как это замутить подскажите пож

@Thisman · 19.08.2014, 13:30

доминик, через регулярные выражения/поиск в подстроке. Парсишь текст находя все заранее записанные последовательности смайлов. И меняешь их

Добавлено через 3 минуты
доминик,

JavaScript
1
2
3
var str = "Привет, как дела?=)";
str = str.replace(/\=\)/,function () { return <img src="smile.png"> });
// как нибудь так. Можешь задать массив всех допустимых смайлов и ссылок, а потом пропускать по циклу и найдешь все совпадения

Добавлено через 2 минуты
Но, если это нужно для каких- то сообщений, то лучше делать это на стороне сервера. И не мучаться, что бы клиенту сразу готовое сообщение выдавалось

@доминик · 19.08.2014, 13:35 **[ТС]**

Сообщение от Thisman

Но, если это нужно для каких- то сообщений, то лучше делать это на стороне сервера. И не мучаться, что бы клиенту сразу готовое сообщение выдавалось

данные заносятся в таблицу chat_messages в столбец message (данные, я имею в виду текст со смайломи)
Эти данные заносятся через textarea вот таким образом: Привет =), как дела| в столбец message, но нужно что бы после вывода сообщения выводил картинки вместе с сообщением.
Например вот так: Привет

, как дела
И мне нужно что бы js это сообщение корректировал при выводе, т.е. вот это =) заменять вот этим

@Thisman · 19.08.2014, 13:38

доминик, так вот, когда достаешь эти данные из БД, предварительно нужно отпарсить их, заменить смайлы на картинке, а потом уже отображать.

@доминик · 19.08.2014, 13:39 **[ТС]**

Сообщение от Thisman

так вот, когда достаешь эти данные из БД, предварительно нужно отпарсить их, заменить смайлы на картинке, а потом уже отображать.

парсинг у меня неоч

@доминик · 19.08.2014, 15:05 **[ТС]**

Вот тоже самое что я хочу, только мне нужно динамически выводить сообщение в одном файле. Помогите с этим

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	19.08.2014, 13:38
	доминик, так вот, когда достаешь эти данные из БД, предварительно нужно отпарсить их, заменить смайлы на картинке, а потом уже отображать. 0

Опции темы