Жизнь замечательных грибов
Задать свой стиль кнопки в диалоговых окон jqueryui можно так:
|
1 2 3 4 5 |
$("#dialog_verify" ).dialog({ buttons: [ { class : "btn btn-warning", text: "Всё правильно", click: function () { ... |
Вот одно из решений:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
$('<div></div>').appendTo('body') .html('<div><h6>Вы убеждены?</h6></div>') .dialog({ modal: true, title: 'Удалить всё?', zIndex: 10000, autoOpen: true, width: 'auto', resizable: false, buttons: { Yes: function () { $(obj).removeAttr('onclick'); $(this).dialog("close"); }, No: function () { $(this).dialog("close"); } }, close: function (event, ui) { $(this).remove(); } }); |
Я человек ленивый. А потому часто используя одни и те-же команды в консоли Linux, сделал себе диалоговое окошко с меню, отображаемое при помощи bash, которое помогает мне сократить время на вспоминание что где когда и зачем. А помогла мне в этом утилита dialog.
А именно редактор tinymce не корректно обрабатывает «вложенные» модальные окна в открытом модальном окне:
|
1 2 3 |
$("#pg_add_edit").dialog({autoOpen: false,height: 600,width: 800,modal:true,title: "Добавление новости" }); $("#pg_add_edit" ).dialog( "open" ); $("#pg_add_edit").load("controller/client/view/news/news.php?step=add"); |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<form ENCTYPE="multipart/form-data" action="?content_page=news&step=<?php echo "$step&newsid=$id"; ?>" method="post" name="form1" target="_self"> <input name=dtpost id=dtpost value="<?php echo "$dtpost"; ?>"><br> <input name=title id=title value="<?php echo "$title";?>" class="span8" placeholder="Заголовок"><br> <textarea class="span12" id="txt" name=txt rows="15" placeholder="Введите новость"> <?php echo "$txt";?> </textarea> </form> $('textarea').tinymce({ script_url : 'js/tinymce/tinymce.min.js', theme : "modern", mode: "none", 'theme_advanced_buttons3_add': 'code', plugins: "save fullscreen link emoticons code", toolbar: "save fullscreen link emoticons", save_enablewhendirty: true, save_onsavecallback: function() {document.form1.submit();} }); |
Дает результатом не редактируемые поля в диалоговых окнах tinymce, например при вызове диалога добавления ссылки (link).
На форумах дают совет добавить в код:
|
1 2 3 4 5 |
$(document).on('focusin', function(e) { if ($(event.target).closest(".mce-window").length) { e.stopImmediatePropagation(); } }); |
Однако мне не помогло. Пришлось пока отказаться от модальных окон, до момента «пока не найду решение».
DateTimePicker из Jquery-Ui не выводится верхним слоем при использовании виджета Dialog. Решение: добавляем стиль
|
1 2 3 4 |
#ui-datepicker-div { z-index: 9999 !important; } |
![123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 #!/bin/shDIALOG=${DIALOG=dialog}tempfile=`mktemp 2>/dev/null` || tempfile=/tmp/test$$trap "rm -f $tempfile" 0 1 2 5 15 $DIALOG --clear --title "Выбор терминала для работы" \ --menu "Выберите терминал:" 40 51 40 \ "This" "Остаться дома" \ "Chaos" "billing.wedwedq.ru" \ "Athena" "billing.yefwerfe.ru" \ "Ares" "billing.wefdwe.tv" \ "---------" "------"\ "Eros" "Сервер доступа Шексна,Хохлово(Ш)" \ "Helios" "Сервер доступа Чагода (Ш)" \ "Nike" "Сервер доступа Кадуй (Ш)" \ "Artemis" "Сервер доступа Лоста (Ш)" \ "Poseidon" "Сервер доступа Вытегра (Ш)" 2> $tempfile retval=$? choice=`cat $tempfile` case $retval in 0) if [ $choice = "This" ]; then clear exit fi if [ $choice = "Ares" ]; then ssh billing.qwefqwe.tv -l логин fi if [ $choice = "Helios" ]; then ssh 121.237.158.1 -l логин fi if [ $choice = "Nike" ]; then ssh 127.27.138.1 -l логин fi if [ $choice = "Artemis" ]; then ssh 122.144.337.120 -l логин fi;; 1) echo "Отказ от ввода.";; 255) echo "Нажата клавиша ESC.";;](http://xn--90acbu5aj5f.xn--p1ai/wp-content/uploads/2014/08/Snimok-e<code>krana-ot-2014-08-20-175325.png»><img decoding=){kind=link}