Динамическая вставка смайлов со списка в поле ввода

@Br@dLY · Регистрация: 29.04.2011

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

вобщем есть допустим <textarea> ну ее заполняешь..а сбоку есть смайлы..и как сделать чтобы при клике на смайл он какой то ссылкой или че то еще отражался в текстарее а после субмита на была мессага вместе со смайлом..я думал думал.. и ничего не придумал..подскажите если это вообще возможно

@bazile · 07.08.2011, 11:36

Найди сайт где это реализовано и посмотри исходный текст страницы.

@SJack · 09.08.2011, 00:27

На ibforum это сделано так:
<a href='javascript:emoticon(')')'><img src='http://localhost/forum/html/emoticons/wink.gif' alt='smilie' border='0'></a>

сама функция:
//--------------------------------------------
// EMOTICONS
//--------------------------------------------

function emoticon(theSmilie)
{
if (document.REPLIER.Post.caretPos && document.REPLIER.Post.createTextRange)
{
var caretPos = document.REPLIER.Post.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.lengt h - 1) == ' ' ? theSmilie + ' ' : theSmilie;
}
else
{
document.REPLIER.Post.value += ' ' + theSmilie + ' '
}

document.REPLIER.Post.focus();
}
И объект Textarea:
<textarea cols='80' rows='15' wrap='soft' name='Post' tabindex='3' class='textinput'></textarea>
форма называется REPLIER:
<form action='http://localhost/forum/index.php?s=519e554c193318655e2b92813dc1 b1d5' method='POST' name='REPLIER' onSubmit='return ValidateForm()'>

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	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 с альфа-каналом (с прозрачным. . .

@Br@dLY 0 / 0 / 0 Регистрация: 29.04.2011 Сообщений: 79

	Динамическая вставка смайлов со списка в поле ввода 04.08.2011, 00:27. Показов 2217. Ответов 2 Метки нет (Все метки) вобщем есть допустим <textarea> ну ее заполняешь..а сбоку есть смайлы..и как сделать чтобы при клике на смайл он какой то ссылкой или че то еще отражался в текстарее а после субмита на была мессага вместе со смайлом..я думал думал.. и ничего не придумал..подскажите если это вообще возможно 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	07.08.2011, 11:36
	Найди сайт где это реализовано и посмотри исходный текст страницы. 0

@SJack 1 / 1 / 5 Регистрация: 25.04.2010 Сообщений: 121
	09.08.2011, 00:27
	На ibforum это сделано так: <a href='javascript:emoticon(')')'><img src='http://localhost/forum/html/emoticons/wink.gif' alt='smilie' border='0'></a> сама функция: //-------------------------------------------- // EMOTICONS //-------------------------------------------- function emoticon(theSmilie) { if (document.REPLIER.Post.caretPos && document.REPLIER.Post.createTextRange) { var caretPos = document.REPLIER.Post.caretPos; caretPos.text = caretPos.text.charAt(caretPos.text.lengt h - 1) == ' ' ? theSmilie + ' ' : theSmilie; } else { document.REPLIER.Post.value += ' ' + theSmilie + ' ' } document.REPLIER.Post.focus(); } И объект Textarea: <textarea cols='80' rows='15' wrap='soft' name='Post' tabindex='3' class='textinput'></textarea> форма называется REPLIER: <form action='http://localhost/forum/index.php?s=519e554c193318655e2b92813dc1 b1d5' method='POST' name='REPLIER' onSubmit='return ValidateForm()'> 0