Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/15: Рейтинг темы: голосов - 15, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 01.06.2015
Сообщений: 34
1

Как открыть страницу в модальном окне шириной почти на весь экран с прокруткой

02.06.2015, 14:45. Показов 3037. Ответов 1
Метки нет (Все метки)

У меня задача - есть htm страница с большим текстом (книга). Эту страницу мне надо открыть в модальном окне. Окно должно быть достаточно большой ширины (1100 пикс.), высотой почти на весь экран (650 пикс.). При открытии окна
меню браузера должно быть недоступным (я делаю защиту книги от копирования). Должны быть полосы прокрутки окна.

Я пока знаю 2 варианта:

1-ый вариант:
---------------

<BUTTON onclick='window.showModalDialog("book_vozniknovenie_chelovec hestva.htm")'>Показать</BUTTON>

2-ой вариант:---------------

<a href="Окно" onClick="winObj = window.open ('book_vozniknovenie_chelovechestva.htm', 'myWin','status=no, titlebar=no, toolbar=no, scrollbars=yes, menubar=no, location=no, Width=1100, Height=650');
winObj.focus (); return false">
<img src="mark.jpg" width="513" height="182"></a>


В 1 варианте проблема - я не знаю как задать ширину и высоту окна. Окно получается маленьким и страницу плохо читать. Еще я не знаю как привязать window.showModalDialog не к BUTTON, а к гиперссылке. Этот вариант предпочтителен, т.к. при отображении такого окна в браузере не выводится вопрос об отключении активного содержимого, благодаря этому скрипты защиты от копирования на выводимой странице работают и книгу скопировать
нельзя.

Во 2 варианте плохо то, что в браузере выводится предложение отключить активное содержимое, поэтому
скрипты защиты текста от копирования можно отключить. Для меня это совсем не подходит.

Подскажите, как доработать 1 вариант, чтобы явно в нем указать размеры окна и привязать окно не к кнопке,
а к гиперссылке.

Добавлено через 13 часов 21 минуту
Сделал всё сам вот так:


<BUTTON onclick='window.showModalDialog("book.htm", "",
"dialogTop:20px; dialogLeft:20px; dialogWidth:1200px; dialogHeight:630px")'>Читать книгу</BUTTON>


но появилась еще проблема. В модальном окне в самом верху появляется строка со значком IE и с адресом моей htm страницы,
а мне надо, чтобы адрес страницы был скрыт. Как эту строку убрать
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.06.2015, 14:45
Ответы с готовыми решениями:

Открыть веб-страницу в модальном окне
привет. дано, 10 свежих линков которые вываливает пыха, сейчас они подвязаны к блокам в которых...

Открыть страницу обработки формы в модальном окне
Как открыть страницу обработки формы (находящуюся в значении action) в модальном окне?

В модальном окне отображается весь сайт после отправки формы
Есть сайт, потихоньку собираю. Сайт на латышском языке. Ситуация след.: Есть форма обратной...

Открыть ссылку в модальном окне
Добрый день! И снова я со своими модальными окнами. При клике на &lt;а href=antrga_ansehen.php...

__________________
1
0 / 0 / 0
Регистрация: 08.12.2015
Сообщений: 4
08.12.2015, 20:02 2
Неплохое видео по созданию модальных окон
https://www.youtube.com/watch?v=yG50u4QiapY
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
08.12.2015, 20:02

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как открыть страницу в новом окне?
Используется вот такой код: &lt;table&gt; &lt;tr&gt; &lt;td onclick=&quot;location.href...

Как открыть страницу в том же окне? window.open
Вопрос от n00b'a;) : есть форма: &lt;form name=form1&gt;Номер варианта (1-30): &lt;input type=text...

Как открыть страницу в новом окне после нажатия на submit кнопку формы?
Народ, как открыть страницу в новом окне после нажатия на submit кнопку формы? &lt;FORM...

Как открыть фото во весь экран?
Как открыть фото во весь экран? без нажатие F11? чтобы кликали на фото и оно сразу открывалось во...

Как открыть консоль на весь экран?
Как открыть консоль на весь экран?


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.