jQuery inserting code под курсором, нажав на картинке

Question

Я хочу вставить смайлик в текстовую область под положением курсора, щелкнув по изображениям.

Есть три изображения в Div #smiles:

И массив
вар улыбок = {
'счастливый': ':)',
'грустный': ':(',
'нормальный': ': |'
};

Textarea является #text

Я не знаю, нормально ли это использовать URLs даных для с onnection с кодом, или есть лучший способ (например, по положению).

Можете ли вы помочь мне написать код. Я узнаю об этом :)

Answer 1

Это question на SO должно заставить вас двигаться в правильном направлении. Также, как говорится в ответе, есть плагин для jQuery, который также выполняет это.

После того, как вы получите позицию курсора, вы могли бы сделать что-то вроде этого:

<img id="happy" src="happy.gif" alt="Happy Face" title=":)" /> 
<img id="sad" src="sad.gif" alt="Sad Face" title=":(" /> 
<img id="normal" src="normal.gif" alt="Normal Face" title=":|" /> 

, а затем использовать

$('img').click(function() { 
     wherever_cursor_is = $('img').attr('title'); 
    }); 

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