LINUX.ORG.RU
Форум — Web-development  

Помогите создать всплывающее окошко на странице


0

1

Вопрос конечно ламерский, но сил моих уже нет рыться в сети. Впервые столкнулся с JS и ничего не понимаю.

Нужно отобразить модальное окошко которое бы:
1. прокручивалось вместе со страницей.
2. прокручивалось даже если мышь в пределах модального окна.
3. которое может быть в высоту больше чем высота окна браузера.

Проверял FancyBox и SimpleModal, второй понравился больше но я не смог заставить его прокручиваться вместе со страницей. FancyBox и вовсе выдает артефакты в Chrome и «скачет» при масштабировании страницы.

В окошке предполагается выводить другую страницу во фрейме.


← [firefox] он оптимизирует javascript?
Внутренности Symfony2 - объясните →

> 1. прокручивалось вместе со страницей.

3. которое может быть в высоту больше чем высота окна браузера.

и как его целиком тогда смотреть?

static_lab ★★★★★
()
Ответ на: комментарий от static_lab

О Боже мой! Первый ответивший))

и как его целиком тогда смотреть?

Да очень просто, прокручивая страницу, popup должен прокручиваться вместе со страницей.

Второй день мучаюсь. Ничерта не понимаю.

bot
() автор топика
Ответ на: комментарий от bot

Sample markup with jQuery UI CSS Framework classes 

 
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
      <p>Dialog content goes here.</p>
   </div>
</div>
Так спрячь заголовок. (Даю подсказку - .ui-dialog-titlebar)

RR ★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← [firefox] он оптимизирует javascript?
Web-development
Внутренности Symfony2 - объясните →