С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 31.03.2017
Сообщений: 91

Модальное окно при переходе в текстовое поле

24.06.2017, 08:11. Показов 1210. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Можно ли сделать так чтоб при переходе в какой нибудь input или в textarea открывался модальное окно ? Если да то скиньте пример пожалуйста
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
24.06.2017, 08:11
Ответы с готовыми решениями:

Создать кнопку и текстовое поле. При нажатии на кнопку ввести в текстовое поле текущее время
Создать кнопку и текстовое поле. При нажатии на кнопку ввести в текстовое поле текущее время .

Модальное окно при перенаправлении
Добрый день! Подскажите, что не так) Есть форма - два поля и сабмит. Если в полях что-то есть, то данные отправляются, а пользователь...

Модальное окно при запуске страницы
Такая задача стоит "При первых трех запусках страницы сайта должно всплывать модальное окно" как это можно реализовать? В сети...

5
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
24.06.2017, 12:10
подсказка или прям поле загораживается?
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
24.06.2017, 19:19
Цитата Сообщение от localghost Посмотреть сообщение
Можно ли сделать так чтоб при переходе в какой нибудь input или в textarea открывался модальное окно ?
можно
0
0 / 0 / 0
Регистрация: 31.03.2017
Сообщений: 91
25.06.2017, 16:15  [ТС]
Цитата Сообщение от fanatikus Посмотреть сообщение
можно
А дальше звучал ещё слово Если да то скиньте пример пожалуйста
Цитата Сообщение от Уф Посмотреть сообщение
подсказка или прям поле загораживается?
Ну обычное модальное окно которое открывается на клик по кнопке. )
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
25.06.2017, 16:39
Лучший ответ Сообщение было отмечено localghost как решение

Решение

Цитата Сообщение от localghost Посмотреть сообщение
модальное окно которое открывается на клик по кнопке.
вы определитесь, по клику на кнопке или при переходе на input

Добавлено через 19 минут
Цитата Сообщение от localghost Посмотреть сообщение
ещё слово Если да то скиньте пример пожалуйста
PHP/HTML
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
26
27
    <script type="text/javascript">
        $(function () {
            $('#open_modal').mouseenter(function(){
                $('#my_modal').show();
            });
        })
    </script>
    <style>
        .modal{
            width:200px;
            height:200px;
            border:solid 1px #ccc;
            padding:10px;
            position:absolute;
            top:50px;
            left:100px;
            overflow: hidden;
        }
        .none{
             display:none;
        }
 
    </style>
    <div id="my_modal" class="modal none">
        <p>тестовое модальное окно</p>
    </div>
    <input id="open_modal" type="text" name="test">
1
0 / 0 / 0
Регистрация: 31.03.2017
Сообщений: 91
26.06.2017, 08:49  [ТС]
Цитата Сообщение от fanatikus Посмотреть сообщение
вы определитесь, по клику на кнопке или при переходе на input
При переходе на инпут) Насчет кнопки то знаю ))) а вот насчет при переходе на инпут представление и не имею ((
Цитата Сообщение от fanatikus Посмотреть сообщение
<script type="text/javascript">
* * * * $(function () {
* * * * * * $('#open_modal').mouseenter(function(){
* * * * * * * * $('#my_modal').show();
* * * * * * });
* * * * })
* * </script>
* * <style>
* * * * .modal{
* * * * * * width:200px;
* * * * * * height:200px;
* * * * * * border:solid 1px #ccc;
* * * * * *padding:10px;
* * * * * * position:absolute;
* * * * * * top:50px;
* * * * * * left:100px;
* * * * * * overflow: hidden;
* * * * }
* * * * .none{
* * * * * * *display:none;
* * * * }
</style>
* * <div id="my_modal" class="modal none">
* * * * <p>тестовое модальное окно</p>
* * </div>
* * <input id="open_modal" type="text" name="test">
ОТ души благодарен Вам за помощь !
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
26.06.2017, 08:49
Помогаю со студенческими работами здесь

Модальное окно при скачке файла
Уважаемые коллеги, помогите, пожалуйста, справиться с проблемой. На нескольких форумах оставил свой вопрос, но либо тишина, либо топик...

Модальное окно при нажатии на кнопку submit
Ребята помогите пожалуйста новичку :cry: :cry: Делаю проверку формы, мой код генерирует два случайных числа и складывает их, потом...

Модальное окно на JavaScript при загрузке страницы
Добрый день! Видел много готовых решений для всплывающих окон при клике на ссылку или картинку. Не смог найти решения для модального...

Модальное окно - автоматическое открытие при обновлении страницы
Есть скрипт модального окна, но окно открывается только при нажатии кнопки, а надо чтобы открывалось автоматически при каждом обновление...

Включение аудиозаписи при вводе в текстовое поле
Например ввожу &quot;Крик&quot;/&quot;Плачь&quot;/&quot;Смех&quot;, то должна включатся соответствующая аудиозапись. Команды должно понимать в разном регистре. Т.е....


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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 —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru