вставить текст (редактировать текст) с помощью всплывающей подсказки (всплывающее окно)

Question

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

как я могу сделать это с помощью jquery?

большое спасибо Я новичок в jquery.

Answer 1

$('#divID').click(function()
{
    $('body').append("<div id='tooltip'><input type='text' /><input type='button' value='Insert' />");
    $('#tooltip').css({'position': 'absolute', 'top': $('#divID').position().top + 'px', 
'left': $('#divID').position().left + 'px'});
});