По нажатию на кнопку открыть окно шириной 100 и высотой 200

@Julia_1 · Регистрация: 12.11.2015

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

Создайте страницу, на которой расположите кнопку. По нажатию на кнопку открыть окно шириной 100 и высотой 200. Загрузите в это окно произвольную страницу. Она обязательно должна содержать кнопку «Закрыть», при нажатии на которую окно закроется.

@ProCode · 14.12.2016, 22:36

Это в раздел в JavaScript вроде

//если современный CSS так уже умеет то сорри -)

@Adigezalov · 14.12.2016, 23:10

Если я правильно понимаю, то нужно сделать div с абсолютным расположение и сделать его невидимым. При нажатии на кнопку (:actlve) присваивать скрытом div видимость.

@Julia_1 · 14.12.2016, 23:17 **[ТС]**

Это HTML

Добавлено через 6 минут
Adigezalov, это я понимаю, проблема в написании кода.

@mrtoxas · 14.12.2016, 23:44

Julia_1, покажите свои наработки и что конкретно у вас не получается.

@Fedor92 · 15.12.2016, 00:21

Trash

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8" />
    <title>Trash</title>
    <style>
        .modalDialog {
            position: fixed;
            font-family: Arial, Helvetica, sans-serif;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0.8);
            z-index: 99999;
            -webkit-transition: opacity 400ms ease-in;
            -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
            display: none;
            pointer-events: none;
        }
        
        .modalDialog:target {
            display: block;
            pointer-events: auto;
        }
 
        .modalDialog > div {
            width: 100px;
            height:200px;
            position: relative;
            margin: 10% auto;
            padding: 5px 20px 13px 20px;
            border-radius: 10px;
            background: #fff;
            background: -moz-linear-gradient(#fff, #999);
            background: -webkit-linear-gradient(#fff, #999);
            background: -o-linear-gradient(#fff, #999);
        }
        .close {
            background: #606061;
            color: #FFFFFF;
            line-height: 25px;
            position: absolute;
            right: -12px;
            text-align: center;
            top: -10px;
            width: 24px;
            text-decoration: none;
            font-weight: bold;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            -moz-box-shadow: 1px 1px 3px #000;
            -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000;
        }
 
        .close:hover { background: #00d9ff; }
    </style>
</head>
<body>
<button onclick="location.href='#openModal'">Открыть окно</button>
<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Закрыть" class="close">X</a>
        <iframe src="http://cyberforum.ru" frameborder="0" width='100px' height="200px"></iframe>
    </div>
</div>
</body>
</html>

@ProCode · 15.12.2016, 21:46

Сообщение от Fedor92

Trash

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	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? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@Julia_1 1 / 1 / 0 Регистрация: 12.11.2015 Сообщений: 116

	По нажатию на кнопку открыть окно шириной 100 и высотой 200 14.12.2016, 21:13. Показов 1625. Ответов 6 Метки нет (Все метки) Создайте страницу, на которой расположите кнопку. По нажатию на кнопку открыть окно шириной 100 и высотой 200. Загрузите в это окно произвольную страницу. Она обязательно должна содержать кнопку «Закрыть», при нажатии на которую окно закроется. 0

@ProCode 37 / 37 / 6 Регистрация: 11.12.2016 Сообщений: 329 Записей в блоге: 6
	14.12.2016, 22:36
	Это в раздел в JavaScript вроде //если современный CSS так уже умеет то сорри -) 0

@Adigezalov 2 / 2 / 2 Регистрация: 23.06.2016 Сообщений: 73
	14.12.2016, 23:10
	Если я правильно понимаю, то нужно сделать div с абсолютным расположение и сделать его невидимым. При нажатии на кнопку (:actlve) присваивать скрытом div видимость. 0

@Julia_1 1 / 1 / 0 Регистрация: 12.11.2015 Сообщений: 116
	14.12.2016, 23:17 [ТС]
	Это HTML Добавлено через 6 минут Adigezalov, это я понимаю, проблема в написании кода. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	14.12.2016, 23:44
	Julia_1, покажите свои наработки и что конкретно у вас не получается. 0