combo_auto_box 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
@@ -84,7 +84,7 @@ var ComboAutoBox = {
|
|
84
84
|
});
|
85
85
|
|
86
86
|
$('#' + modalDialogId).dialog({
|
87
|
-
width:
|
87
|
+
width: 500,
|
88
88
|
height: 400,
|
89
89
|
modal: true,
|
90
90
|
closeOnEscape: true,
|
@@ -128,7 +128,7 @@ var ComboAutoBox = {
|
|
128
128
|
items.push('<li><span class="combo-auto-box-item-id">' + data[index].id +'</span><span class="combo-auto-box-item-label">'+ data[index].label + '</span></li>');
|
129
129
|
});
|
130
130
|
|
131
|
-
$('#' + modalDialogId + ' > div.list').css('height', ($('#' + modalDialogId).dialog("option", "height") -
|
131
|
+
$('#' + modalDialogId + ' > div.list').css('height', ($('#' + modalDialogId).dialog("option", "height") - 60) + 'px');
|
132
132
|
$('#' + modalDialogId + ' > div.list > ul').html(items.join(''));
|
133
133
|
$('#' + modalDialogId + ' > div.list > ul > li').click(function() {
|
134
134
|
$('#' + modalDialogId).dialog('close');
|
@@ -147,7 +147,13 @@ var ComboAutoBox = {
|
|
147
147
|
$(generateImageTag()).prependTo('#' + container + ' > div.container-combo-auto-box');
|
148
148
|
|
149
149
|
spanTag = $('#' + container + ' > div.container-combo-auto-box > span.expand');
|
150
|
-
|
150
|
+
var paddingRight = 1;
|
151
|
+
try {
|
152
|
+
paddingRight = parseInt(textField.css('padding-right').replace(/px/, ''));
|
153
|
+
} catch (error) {
|
154
|
+
paddingRight = 1;
|
155
|
+
}
|
156
|
+
spanTag.css('margin', '2px 0px 0px ' + (paddingRight + textField.width() + 9).toString() + 'px');
|
151
157
|
|
152
158
|
generateDivDialogModal(generateAnId('model-dialog'));
|
153
159
|
};
|
@@ -3,14 +3,14 @@ div.container-combo-auto-box span.expand{display:block;position:absolute;cursor:
|
|
3
3
|
|
4
4
|
div.container-combo-auto-box span.expand i{background-image:url(/assets/combo_auto_box_expand.png);width:19px;height:19px;display:block;font-size:0;}
|
5
5
|
|
6
|
-
div.dialog-modal div.head { display:block; width:
|
7
|
-
div.dialog-modal div.head span.label { float:left; margin: 5px 0 0 10px; padding: 0 0 0 0; text-weight: bold; }
|
8
|
-
div.dialog-modal div.head span.close { float:right; margin: 5px 10px 0 0; padding: 0 0 0 0; }
|
6
|
+
div.dialog-modal div.head { display:block; width:99%; position:absolute; z-index:2002; top:0px; left:0px; border: 1px solid #000; background-color:#CECECE; height:30px; -moz-border-radius:4px;-webkit-border-radius:4px;}
|
7
|
+
div.dialog-modal div.head span.label { float:left; margin: 5px 0 0 10px; padding: 0 0 0 0; text-weight: bold; font-size:16px; font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";}
|
8
|
+
div.dialog-modal div.head span.close { float:right; margin: 5px 10px 0 0; padding: 0 0 0 0; font-size:16px; font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; text-indent: 0;}
|
9
9
|
div.dialog-modal div.head span.close:hover { cursor:pointer; text-decoration:underline; }
|
10
10
|
|
11
|
-
div.dialog-modal div.list { display:block; width:
|
11
|
+
div.dialog-modal div.list { display:block; width:99%; position:absolute; z-index:2003; top:40px; left:0px; overflow-y:auto; overflow-x:hidden;}
|
12
12
|
|
13
|
-
div.dialog-modal div.list ul { list-style:none; width:100%;
|
13
|
+
div.dialog-modal div.list ul { list-style:none; width:100%; position:absolute; z-index:2004; top:0px; left:0px; display:block; padding: 0; margin: 0;}
|
14
14
|
|
15
15
|
div.dialog-modal div.list ul li { padding: 5px 0 5px 3px; margin-left:0px; width:100%; border-bottom:1px solid #DCDCDC; font-size:12px; }
|
16
|
-
div.dialog-modal div.list ul li:hover { cursor:pointer; text-decoration:underline; }
|
16
|
+
div.dialog-modal div.list ul li:hover { cursor:pointer; text-decoration:underline; background-color:#F9F9F9; }
|