Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
доминик
2 / 2 / 0
Регистрация: 01.12.2010
Сообщений: 264
#1

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

19.08.2014, 13:11. Просмотров 557. Ответов 5
Метки нет (Все метки)

Друзья помогите с выводом смайлов в 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);
}
Но мне нужно что бы при выводе он мне выдавал место -) , =(, и т.п - картинки по указанному пути, как это замутить подскажите пож
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
19.08.2014, 13:11
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Вывод смайлов в js (JavaScript):

Проверка textarea на ввод смайлов - jQuery
Всем привет. В коментах бывает срут не по детски смайлами, вставляют их по 10-20шт. Не пойму как сделать проверку. Есть форма c...

Интеграция смайлов - Программирование Android
Всем привет! Возникла непонятная для меня проблема, подгрузил библиотеку смайлов, все работает-открываются смайлы и я вижу те, которые...

Парсер смайлов - PHP
Здравствуйте! Замена символов смайлов на сами смайлы в тексте происходит так: foreach ($this->_aEmoticons as $sKey => $aEmoticon) ...

Подстановка смайлов - PHP
Мне нужно найти ":rofl:" и заменить на "<img src="dir/file_name.gif"> " Вот код: if (isset($_POST)) { $text = nl2br($_POST); ...

Из текстовых смайлов в графические - PHP
Всем привет! Давно уже была функция по переводу тестовых смайлов в графические function buildSmileImages($text) { return...

Вставка смайлов в текст - C#
Здравствуйте! Появилась проблема при написании простого приложения. Нужно как-то организовать вставку смайлов в текст. Как вставлять...

5
Thisman
363 / 334 / 81
Регистрация: 17.07.2013
Сообщений: 950
19.08.2014, 13:30 #2
доминик, через регулярные выражения/поиск в подстроке. Парсишь текст находя все заранее записанные последовательности смайлов. И меняешь их

Добавлено через 3 минуты
доминик,
Javascript
1
2
3
var str = "Привет, как дела?=)";
str = str.replace(/\=\)/,function () { return <img src="smile.png"> });
// как нибудь так. Можешь задать массив всех допустимых смайлов и ссылок, а потом пропускать по циклу и найдешь все совпадения
Добавлено через 2 минуты
Но, если это нужно для каких- то сообщений, то лучше делать это на стороне сервера. И не мучаться, что бы клиенту сразу готовое сообщение выдавалось
0
доминик
2 / 2 / 0
Регистрация: 01.12.2010
Сообщений: 264
19.08.2014, 13:35  [ТС] #3
Цитата Сообщение от Thisman Посмотреть сообщение
Но, если это нужно для каких- то сообщений, то лучше делать это на стороне сервера. И не мучаться, что бы клиенту сразу готовое сообщение выдавалось
данные заносятся в таблицу chat_messages в столбец message (данные, я имею в виду текст со смайломи)
Эти данные заносятся через textarea вот таким образом: Привет =), как дела| в столбец message, но нужно что бы после вывода сообщения выводил картинки вместе с сообщением.
Например вот так: Привет , как дела
И мне нужно что бы js это сообщение корректировал при выводе, т.е. вот это =) заменять вот этим
0
Thisman
363 / 334 / 81
Регистрация: 17.07.2013
Сообщений: 950
19.08.2014, 13:38 #4
доминик, так вот, когда достаешь эти данные из БД, предварительно нужно отпарсить их, заменить смайлы на картинке, а потом уже отображать.
0
доминик
2 / 2 / 0
Регистрация: 01.12.2010
Сообщений: 264
19.08.2014, 13:39  [ТС] #5
Цитата Сообщение от Thisman Посмотреть сообщение
так вот, когда достаешь эти данные из БД, предварительно нужно отпарсить их, заменить смайлы на картинке, а потом уже отображать.
парсинг у меня неоч
0
доминик
2 / 2 / 0
Регистрация: 01.12.2010
Сообщений: 264
19.08.2014, 15:05  [ТС] #6
Вот тоже самое что я хочу, только мне нужно динамически выводить сообщение в одном файле. Помогите с этим
0
Вложения
Тип файла: zip replace.zip (14.6 Кб, 5 просмотров)
19.08.2014, 15:05
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
19.08.2014, 15:05
Привет! Вот еще темы с ответами:

Подсчитать количество смайлов в тексте - PascalABC.NET
Помогите написаит код программы, которая посчитает количество смайликов в заданном тексте. Смайликом будем считать последовательность...

Динамическая вставка смайлов со списка в поле ввода - PHP
вобщем есть допустим &lt;textarea&gt; ну ее заполняешь..а сбоку есть смайлы..и как сделать чтобы при клике на смайл он какой то ссылкой или че то...

Замена существующих бб-кодов смайлов на HTML-код - PHP
Есть массив с названиями смайлов: $SmilesArray = array(&quot;1f604&quot;, &quot;1f603&quot;, &quot;1f600&quot;, &quot;1f60a&quot;, &quot;263a&quot;, &quot;1f609&quot;, &quot;1f60d&quot;, ...

как сделать окно для смайлов в чате - Delphi
как сделать окно для смайлов в чате, чтобы я на жал на смайл и он отобразился в поле для сообщений как в асе!?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.