Выпадающее Окно в Тексте , для редактирования Текста

@GENDALF_ISTARI · Регистрация: 20.08.2013

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

Выпадающее Окно в Тексте , для редактирования Текста

Задача проста есть некий текст

HTML5
1
2
3
4
5
6
7
8
<h3 id="edit_text" contenteditable="true">Дороги іншої не треба,
Поки зорить Чумацький Шлях,
Я йду від тебе і до тебе
По золотих твоїх стежках.
Мені не можна не любити,
Тобі не можна не цвісти,
Лиш доти варто в світі жити,
Поки живеш і квітнеш ти!</h3>

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

для этого с кувалдой, набрасываеться мысль - модальное окно :black_eye.:

но модальное окно , всплывает и блокирует вид страницы, что не годиться

я рыл гугл , что то похожое , ни нашел

может это как то по другому называеться

@GENDALF_ISTARI · 06.03.2018, 19:20 **[ТС]**

Для чертей у которых возникнет вопрос такой

вот пример рабочий

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<meta charset="utf-8">
 
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
<script src="jquery-ui-1.12.1/external/jquery/jquery.js"></script>
<script src="jquery-ui-1.12.1/jquery-ui.js"></script>
 
<h1 id="Texting" contenteditable="true">11111111111111111111111111111</h1>
 
 
<!-- Диалоговое Окно Конструкция -->
<div id="dialog" title="Окно для Вас">
    <p>Текст любой.</p>
    <p>Кнопки, Тексты, Ссылки.</p>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//Строение Окна , или Свойство
$DialogMarker.dialog({
    autoOpen: false,
    width: 400,
    buttons: [
        {
            text: "Ok",
            click: function() {
                $( this ).dialog( "close" );
            }
        },
        {
            text: "Cancel",
            click: function() {
                $( this ).dialog( "close" );
            }
        }
    ]
});
 
// Вызов Диологового Окна из Текста, или Тега
$('#Texting').click(function( event ) {
    $DialogMarker.dialog( "open" );
    event.preventDefault();
});

Новые блоги и статьи Все статьи Все блоги /
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .

Выпадающее Окно в Тексте , для редактирования Текста

Решение