Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Затемнение при открытии модального окна
Купить пластиковые окна ПВХ в Москве

Затемнение при открытии модального окна

     16.07.2012    Все вопросы » Стили (CSS)    9964

вопрос
Есть код подскажите пожалуйста как сделать затемнение. Варианты которые здесь размещены не подходят.

function showOkno() {
$(function(){

$('#oknouroka').dialog({
autoOpen: true,
show: 'slide',
hide: 'slide',
width: 550,
buttons: {
"Закрыть окно" : function() {
$(this).dialog("close");
}
}
});
});
}



ССЫЛКА

Спасибо всем кто ответит

Ответил: nowheremany

Варианты которые здесь размещены не подходят

А других нет

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

kovalenko3331
Юзер

kovalenko3331 - 16 июля 2012 18:15 -

Добавь modal: true, и в css добавь .ui-widget-overlay{background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}
wcw2007
Юзер

wcw2007 - 16 июля 2012 20:39 -

Извиняюсь а куда именно добавить modal:true

Спасибо
kovalenko3331
Юзер

kovalenko3331 - 16 июля 2012 20:49 - 

function showOkno() {
$(function(){

$('#oknouroka').dialog({
autoOpen: true,
modal: true,
show: 'slide',
hide: 'slide',
width: 550,
buttons: {
"Закрыть окно" : function() {
$(this).dialog("close");
}
}
});
});
}

вот так должно быть
wcw2007
Юзер

wcw2007 - 16 июля 2012 21:05 -

Добавил modal но перестало работать просто при клике поднимается на верх сайта в css в самом винизу прописал. Что не правильно???

$('#oknouroka1').dialog({
autoOpen: true,
modal: true,
show: 'slide',
hide: 'slide',
width: 550,
buttons: {
"Закрыть окно" : function() {
$(this).dialog("close");
kovalenko3331
Юзер

kovalenko3331 - 16 июля 2012 22:12 -

просто добавьте в Ваш скрипт после строки autoOpen: true, строку modal: true, все должно работать. Я вам просто написал готовое решение исходя из Вашего скрипта, в Вашем последнем комментарии вы привели не полный скрипт (не хватает 13-17 строки) и если Вы именно его вставляли в новость то оно и не будет работать.
SX2
Эксперт

SX2 - 17 октября 2012 21:59 -

А как премениить стиль
.ui-widget-overlay{background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}

конкретно к окну к примеру есть два окна одному 
.ui-widget-overlay{background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}
а второму 
.ui-widget-overlay{background:#FFF;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}
Самая сложная часть работы – решиться приступить к ней.
ПафНутиЙ
Админ

ПафНутиЙ - 17 октября 2012 22:29 -

у окна есть ID, от него и можно плясать
#id1 .ui-widget-overlay{background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}

#id2 .ui-widget-overlay{background:#FFF;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}

ну или убрать пробел после ID если этот id прописан к тому же блоку, что и классы.
Каков вопрос - таков и ответ. Просто помните об этом.
SX2
Эксперт

SX2 - 17 октября 2012 22:51 -

Чето не получается вот так сейчас выводит
echo  '<script type="text/javascript">
function options_id_us() {
$(function(){
$(\'#options_id_us\').dialog({
autoOpen: true,
modal: true,
show: \'fade\',
hide: \'fade\',
width: 260,
height: 180,
});
});
}
</script>';
echo '<div id="options_id_us" title="Список ID пользователей" style="display:none;" align="left">';
echo $user_id;
echo  '</div>';

грузит стили с engine/skins/jquery-ui.css
Самая сложная часть работы – решиться приступить к ней.
ПафНутиЙ
Админ

ПафНутиЙ - 17 октября 2012 22:56 -

адрес сайта есть?
Но вообще мне эти модальные окна не равятся - геморойный у них вызов. и геморойная кастомизация.
буду не оригинален но всё же они гораздо проще в установке и использовании.
Каков вопрос - таков и ответ. Просто помните об этом.
SX2
Эксперт

SX2 - 17 октября 2012 23:09 -

ПафНутиЙ,
Это в адмиике в модуле выводится пока на локалке делаю
Самая сложная часть работы – решиться приступить к ней.
SX2
Эксперт

SX2 - 17 октября 2012 23:32 -

Решение найдено ! Добавил в каждое окно свой стиль таким методом:
<style type="text/css" media="all">
.ui-widget-overlay{background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);left:0;position:fixed;top:0;}
</style>
Самая сложная часть работы – решиться приступить к ней.
SX2
Эксперт

SX2 - 18 октября 2012 00:01 -

А какие есть вообще эффекты кроме slide и fade ?
Самая сложная часть работы – решиться приступить к ней.
ПафНутиЙ
Админ

ПафНутиЙ - 18 октября 2012 00:12 -

если не ошибаюсь - све, которые есть в jquery.easing
Каков вопрос - таков и ответ. Просто помните об этом.
Sander
PHP-developer

Sander - 18 октября 2012 12:39 - 

.animate({width:'toggle'},{duration:500, effect:easing});

вроде как-то так..
Остальное по аналогии.
SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 30.06.2012 faqbill  Стили (CSS)
 28.10.2012 Morse  Общие вопросы, Стили (CSS)
 15.05.2013 lsdoptom  Стили (CSS), jQuery
 06.09.2013 249893  Шаблоны (TPL), Стили (CSS)
 04.12.2013 xeon01  Стили (CSS), jQuery
 14.03.2014 alexcreew  Шаблоны (TPL), Стили (CSS)
 02.05.2014 psih  Общие вопросы по вёрстке, Стили (CSS)
 04.05.2014 enterlive  Стили (CSS), jQuery, Общие вопросы по PHP, Хаки
 31.05.2014 tidzh  Стили (CSS), jQuery
 18.07.2014 249893  Шаблоны (TPL), Стили (CSS)
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 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 | Как реализовать шифрование трафика? 3
    Фото 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 | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх