Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
31 / 45 / 21
Регистрация: 09.10.2012
Сообщений: 825

Модальное окно

30.08.2013, 10:01. Показов 1075. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток! Народ возникла необходимость в создании модальных окон при нажатии на ссылку, в эти окна должен быть встроен include("***.php"),кто может помочь? Или допустим есть какие нибудь готовые реализации с бесплатной лицензией,даже если я на этом буду зарабатывать денег...???


Заранее большое спасибо
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.08.2013, 10:01
Ответы с готовыми решениями:

Модальное окно
Добрый день господа, у меня проблема: Я сделал модальное окно и кнопку через которую оно должно вызываться. Долго мучался с js,...

Модальное окно
Подкиньте простенький код на чистом javascripte. Как отрыть модальное окно, свое? Так чтобы html код был по центру и по верх остальной...

Модальное окно
Кто может помочь? Нужно преобразовать вот этот код <html> <head> <title>УЧЕБНИК</title> <style...

5
835 / 643 / 101
Регистрация: 20.08.2013
Сообщений: 2,524
30.08.2013, 19:21
Например, это. Или целая подборка. Про лицензию не знаю.
0
165 / 150 / 58
Регистрация: 15.06.2013
Сообщений: 1,107
04.09.2013, 11:09
Я тоже недавно задавался этим вопросом. Остановился на таком варианте. Может тебе поможет.
PHP
1
2
3
<?php
echo "<div id = 'id'>Сообщение</div>";
?>
Делаем невидимым этот блок с помощью css.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$('#id').dialog({
            title: Заголовок,
            open: function() {
                $( this ).css ('visibility', 'visible');
            },
            modal: true,
            buttons: {
                Ok: function(){
                    $(this).dialog( "close" );
                }
            }
        });
1
16 / 5 / 2
Регистрация: 02.08.2012
Сообщений: 52
05.09.2013, 09:37
Цитата Сообщение от Inkvizzz Посмотреть сообщение
в эти окна должен быть встроен include("***.php"),кто может помочь?
По окнам вам подсказали, могу добавить, что мне нравится jQuery UI, благодаря простоте использования. А вот с этим у вас явно нет понимания, что делается на стороне клиента (в браузере), что на стороне сервера. Какой include? это инструкция PHP. Чтоб содержимое модального окна динамически подгружалось с сервера, придётся использовать AJAX, к примеру, при помощи того же jQuery
0
31 / 45 / 21
Регистрация: 09.10.2012
Сообщений: 825
05.09.2013, 09:51  [ТС]
Цитата Сообщение от mkramer Посмотреть сообщение
По окнам вам подсказали, могу добавить, что мне нравится jQuery UI, благодаря простоте использования. А вот с этим у вас явно нет понимания, что делается на стороне клиента (в браузере), что на стороне сервера. Какой include? это инструкция PHP. Чтоб содержимое модального окна динамически подгружалось с сервера, придётся использовать AJAX, к примеру, при помощи того же jQuery
Не понимание моего вопроса,не означает моей неосведомленности что делается на клиенте а что на сервере

Добавлено через 4 минуты
И пусть он будет говнокодом,но все сделано без помощи AJAX
HTML5
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset="UTF-8">
<link href="styles/stylemain.css" rel="stylesheet" type="text/css" />
<link href="styles/menu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/header.js"></script>
</head>
<body>
<div id="main">
<div id="header">
<div id="trigger">
<ul id="menu">
<li><a href="#" rel="popuprel" class="popup">Личный кабинет</a></li>
<li><a href="#" rel="popuprel2" class="popup">Постройки</a></li>
<li><a href="#" rel="popuprel3" class="popup">Рынок</a></li>
</ul>
</div>
<div class="popupbox" id="popuprel">
<div id="intabdiv">
<iframe width="600px" height="400px" name="lk"  scrolling="auto" hspace="0px" vspace="0px" src="/lk.php" frameborder="0">
</iframe>
</div>
</div>
<div class="popupbox" id="popuprel2">
<div id="intabdiv">
<iframe width="600px" height="400px" name="construction" scrolling="auto" hspace="0px" vspace="0px" src="/construction.php" frameborder="0">
</iframe>
</div>
</div>
<div class="popupbox" id="popuprel3">
<div id="intabdiv">
<iframe width="600px" height="400px" name="market" scrolling="auto" hspace="0px" vspace="0px" src="/market.php" frameborder="0">
</iframe>
</div>
</div>
  <div id="fade" style="display: none;"></div>
</div>
<div id="wrapper">
<div id="game">
<p></p>
</div>
</div>
<div id="left">
<p></p>
</div>
<div id="right">
<p></p>
</div>
<div id="footer"><p></p>
</div>
</div>
</body>
</html>
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
05.09.2013, 12:30
Цитата Сообщение от Inkvizzz Посмотреть сообщение
И пусть он будет говнокодом
в HTML (не путать с CSS!) значения атрибутов габаритов и прочих размеров указываются без единиц измерения (если речь идёт не о процентах)

<iframe width="600px" height="400px" name="lk" scrolling="auto" hspace="0px" vspace="0px" src="/lk.php" frameborder="0">
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.09.2013, 12:30
Помогаю со студенческими работами здесь

Модальное окно
В сети взял модальное окно. Нужно переделать его что бы при нажатии меня спрашивало уверены ли вы? Нажав на &quot;Да&quot; Запрос...

Модальное окно
Здравствуйте. Народ нужна помощь с модальным окном, точнее с проверкой. Нужно открыть модальное окно, если пользователь закрыл окно...

Модальное окно
Есть вот такое модальное окно, написано полностью на CSS. В нем есть поля для заполнения и кнопка submit. Есть два вопроса: 1. Как...

Модальное окно
а возможно ли сделать просто модальное окно в котором бы был статический контент? Не приложения а именно модальное окно, т.е при переходе...

Модальное окно
Сделал модальное окно, но при клике на содержание окна все закрывается,а надо чтобы только при клике по затемненной стороне все...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru