Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать скролл в модальном окне

Ремонт ноутбуков адрес телефон: сервисныи центр в новосибирске по ремонту Gor Master.

Как сделать скролл в модальном окне

kovalenko3331 30.01.2012 скролл, модальное окно Общие вопросы по вёрстке, jQuery 18030

вопрос

Есть модальное окно к примеру

<script type="text/javascript">
function showokno() {
$(function(){

    $('#okno').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 450,
        height: 500,
    });
});
}
</script>

и его вызов

<a onclick="showokno(); return false;">Показать окно</a>
<div id="okno" title="Окно" style="display:none; " >
Тут содержание окна
</div>

Как добавить Scroll прокрутку для этого окна к примеру как на этом же сайте при просмотре (Все опросы)?
Если убрать размер (height: 500) то естественно получается в высоту содержимого, а мне нужно чтобы была минимальная высота к примеру ну те же (height: 500) а если содержимое больше, то появляется Scroll прокрутка.

Ответил: ПафНутиЙ

#okno {
    height: 400px;
    overflow: auto;
}

добавлено из комментария.

15 комментариев

Админ

3457

ПафНутиЙ - 2012-01-3030 января 2012 20:18 - #3434

попробуйте убрать запятую после 500 (если не ошибаюсь - е там быть не должно.

Каков вопрос - таков и ответ. Просто помните об этом.

PHP-developer

1783

Sander - 2012-01-3030 января 2012 21:00 - #3438

Не существенно, а naxHeight диалоговое окно не понимает.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

199

kovalenko3331 - 2012-01-3030 января 2012 21:42 - #3439

Паша, что с запятой что без результат тот же.
Sander, да я пробовал и min-height и max-height не то.
Ребята я честно говоря только нас вас и надеялся, питаюсь найти ответ в dle_js.js походу он отвечает за размер окна опросов, но знаний в скриптах нет.

Админ

3457

ПафНутиЙ - 2012-01-3030 января 2012 22:13 - #3441

должно работать. Возможно чтото переопределяет высоту. Нужно сайт смотреть.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2012-01-3030 января 2012 22:37 - #3445

Паша, я на локалке пока тестирую, ставлю нужную высоту не вмещается содержимое, если вообще не ставлю высоту, а только ширину тогда высота по размеру содержимого, которое большего размера что мне нужно для окна . А хотелось как уже писал чтобы была задана минимальная высота, а все что выше под скроллом. В общем как всегда методом подбора и уймы потраченного времени сделаю.
P.S. Еще раз прихожу к мнению что потраченное время на метод подбора и тика надо использовать для изучения CSS, HTML, Java, jQuery и прочего необходимого.

Админ

3457

ПафНутиЙ - 2012-01-3031 января 2012 23:09 - #3458

А просто через css задать min-height пробовал?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2012-01-301 февраля 2012 22:04 - #3465

Решил вопрос, всем спасибо за помощь и внимание

#okno {
    height: 400px;
    overflow: auto;
}

все что больше 400px прячется под скролл.

У меня снова вопрос, и чтобы не создавать новую тему спрошу здесь может кто и знает. Как сделать чтобы при появлении модального окна затемнялся сайт воруг окна, как при быстром редактировании новостей на сайте, в движках 9.4, 9.5 такое.

Админ

3457

ПафНутиЙ - 2012-01-301 февраля 2012 22:25 - #3467

нужно добавить modal: true,

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2012-01-301 февраля 2012 23:45 - #3471

Если я правильно понял то так

<script type="text/javascript">
function showokno() {
$(function(){
 
    $('#okno').dialog({
        autoOpen: true,
        modal: true,
        show: 'fade',
        hide: 'fade',
        width: 450,
        height: 500,
    });
});
}
</script>

но ничего не происходит, но все равно спасибо, я понял в каком направлении копать.

Админ

3457

ПафНутиЙ - 2012-01-301 февраля 2012 23:48 - #3472

Стили не прописаны, вот ничего и не происходит

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2012-01-301 февраля 2012 23:52 - #3473

Да я уже понял, еще раз спасибо

 background: none repeat scroll 0 0 #666666;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;

Кстати вопрос так и остался без ответа, хотя решен в коментах.
Удачи всем и сайт просто супер так держать! fellow

Юзер

199

kovalenko3331 - 2012-01-302 февраля 2012 23:04 - #3484

Ребята снова вернусь к вопросу о модальном окне, так вот, если в модальном окне есть ссылки

<a>ссылка</a>

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

Админ

3457

ПафНутиЙ - 2012-01-302 февраля 2012 23:17 - #3485

может теги не закрытые есть?
нужно смотреть код.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2012-01-306 февраля 2012 23:22 - #3605

Вопрос решен, все нормально показывает, просто был глюк в хроме.

Юзер

279

Yamakasi - 2012-01-3011 июля 2012 13:28 - #5796

Насчёт скрола будет правильнее так:

<a onclick="showokno(); return false;">Показать окно</a>
<div id="okno" title="Окно" style="display:none; overflow:auto; " >
Тут содержание окна
</div>

а в жаве писать его не надо!

Похожие вопросы

Последние события

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб

наверх