Revision a88e5449
Von Moritz Bunkus vor mehr als 11 Jahren hinzugefügt
| css/kivitendo/jquery-ui.custom.css | ||
|---|---|---|
| 1 |
/* UI widgets in general */ |
|
| 2 |
.ui-widget-content {
|
|
| 3 |
background: white; |
|
| 4 |
} |
|
| 5 |
|
|
| 6 |
/* Tab widget */ |
|
| 1 | 7 |
.tabwidget {
|
| 2 | 8 |
background: white; |
| 3 | 9 |
position: relative; |
| ... | ... | |
| 89 | 95 |
} |
| 90 | 96 |
|
| 91 | 97 |
.ui-tabs .ui-tabs-nav li a { padding: .2em .7em; }
|
| 98 |
|
|
| 99 |
/* Dialog */ |
|
| 100 |
.ui-dialog {
|
|
| 101 |
border: 1px solid black; |
|
| 102 |
} |
|
| 103 |
|
|
| 104 |
.ui-dialog .ui-dialog-titlebar {
|
|
| 105 |
-khtml-border-radius:0.4em; /* Konqueror */ |
|
| 106 |
-moz-border-radius:0.4em; /* Firefox */ |
|
| 107 |
-webkit-border-radius:0.4em; /* Safari, Chrome */ |
|
| 108 |
background: #006400; |
|
| 109 |
behavior:url(border-radius.htc); |
|
| 110 |
border-radius:0.4em; /* CSS3 */ |
|
| 111 |
border-style: none; |
|
| 112 |
border-width: thin; |
|
| 113 |
color: #FFFFFF; |
|
| 114 |
font-weight: bolder; |
|
| 115 |
margin: 5px; |
|
| 116 |
padding: 0.5em; |
|
| 117 |
position: relative; |
|
| 118 |
text-align: left; |
|
| 119 |
font-size:125%; |
|
| 120 |
} |
|
| css/lx-office-erp/jquery-ui.custom.css | ||
|---|---|---|
| 1 |
/* UI widgets in general */ |
|
| 2 |
.ui-widget-content {
|
|
| 3 |
background-image: url("../../image/fade.png");
|
|
| 4 |
background-repeat: repeat-x; |
|
| 5 |
background-color: #fff; |
|
| 6 |
} |
|
| 7 |
|
|
| 8 |
/* Tab widget */ |
|
| 1 | 9 |
.tabwidget {
|
| 2 | 10 |
background: none; |
| 3 | 11 |
position: relative; |
| ... | ... | |
| 91 | 99 |
} |
| 92 | 100 |
|
| 93 | 101 |
.ui-tabs .ui-tabs-nav li a { padding: .2em .7em; }
|
| 102 |
|
|
| 103 |
/* Dialog */ |
|
| 104 |
.ui-dialog {
|
|
| 105 |
border: 1px solid black; |
|
| 106 |
} |
|
| 107 |
|
|
| 108 |
.ui-dialog .ui-dialog-titlebar {
|
|
| 109 |
background: rgb(236,233,216); |
|
| 110 |
border-color: black; |
|
| 111 |
border-style: dashed; |
|
| 112 |
border-width: thin; |
|
| 113 |
color: black; |
|
| 114 |
font-size: 10pt; |
|
| 115 |
font-weight: bolder; |
|
| 116 |
margin: 5px; |
|
| 117 |
padding: 5px; |
|
| 118 |
position: relative; |
|
| 119 |
text-align:left; |
|
| 120 |
} |
|
| js/kivi.js | ||
|---|---|---|
| 48 | 48 |
return window[name]; |
| 49 | 49 |
return namespace(parts[1])[ parts[2] ]; |
| 50 | 50 |
}; |
| 51 |
|
|
| 52 |
// Open a modal jQuery UI popup dialog. The content is loaded via AJAX. |
|
| 53 |
// |
|
| 54 |
// Parameters: |
|
| 55 |
// - id: dialog DIV ID (optional; defaults to 'jqueryui_popup_dialog') |
|
| 56 |
// - url, data, type: passed as the first three arguments to the $.ajax() call |
|
| 57 |
// - dialog: an optional object of options passed to the $.dialog() call |
|
| 58 |
ns.popup_dialog = function(params) {
|
|
| 59 |
var dialog; |
|
| 60 |
|
|
| 61 |
params = params || { };
|
|
| 62 |
var id = params.id || 'jqueryui_popup_dialog'; |
|
| 63 |
var dialog_params = $.extend( |
|
| 64 |
{ // kivitendo default parameters:
|
|
| 65 |
width: 800 |
|
| 66 |
, height: 500 |
|
| 67 |
, modal: true |
|
| 68 |
}, |
|
| 69 |
// User supplied options: |
|
| 70 |
params.dialog || { },
|
|
| 71 |
{ // Options that must not be changed:
|
|
| 72 |
close: function(event, ui) { dialog.remove(); }
|
|
| 73 |
}); |
|
| 74 |
|
|
| 75 |
$('#' + id).remove();
|
|
| 76 |
|
|
| 77 |
dialog = $('<div style="display:none" class="loading" id="' + id + '"></div>').appendTo('body');
|
|
| 78 |
dialog.dialog(dialog_params); |
|
| 79 |
|
|
| 80 |
$.ajax({
|
|
| 81 |
url: params.url, |
|
| 82 |
data: params.data, |
|
| 83 |
type: params.type, |
|
| 84 |
success: function(new_html) {
|
|
| 85 |
dialog.html(new_html); |
|
| 86 |
dialog.removeClass('loading');
|
|
| 87 |
} |
|
| 88 |
}); |
|
| 89 |
|
|
| 90 |
return true; |
|
| 91 |
}; |
|
| 51 | 92 |
}); |
| 52 | 93 |
|
| 53 | 94 |
kivi = namespace('kivi');
|
Auch abrufbar als: Unified diff
kivi.popup_dialog: auf jQuery UI basierende Popupdialoge