0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update form demo

Browse source
This commit is contained in:
rolux 2011-11-30 15:35:08 +01:00
parent 5209cf70d7
commit 14aafa5487
1 changed files with 34 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
demos/form2/js/form.js
View file

@ -1,4 +1,4 @@
Ox.load({UI: {}, Geo:{}}, function() { Ox.load({UI: {}, Geo:{}, Unicode: {}}, function() {
var $body = $("body"), var $body = $("body"),
$panel = $("<div>") $panel = $("<div>")
@ -334,10 +334,18 @@ Ox.load({UI: {}, Geo:{}}, function() {
"ColorInput": [ "ColorInput": [
{ {
options: { options: {
id: "colorInput", id: "colorInputRGB",
value: "255, 0, 0" value: [255, 0, 0]
}, },
title: "ColorInput" title: "RGB ColorInput"
},
{
options: {
id: "colorInputHSL",
mode: "HSL",
value: [0, 1, 0.5]
},
title: "HSL ColorInput"
} }
], ],
"DateInput": [ "DateInput": [
@ -625,9 +633,9 @@ Ox.load({UI: {}, Geo:{}}, function() {
}, },
{ {
options: { options: {
autocomplete: $.map(Ox.COUNTRIES, function(v, i) { autocomplete: Ox.sortASCII(Ox.COUNTRIES.map(function(v, i) {
return v.name; return v.name;
}), })),
autocompleteReplace: true, autocompleteReplace: true,
id: "autocompleteReplace" id: "autocompleteReplace"
}, },
@ -635,9 +643,9 @@ Ox.load({UI: {}, Geo:{}}, function() {
}, },
{ {
options: { options: {
autocomplete: $.map(Ox.COUNTRIES, function(v, i) { autocomplete: Ox.sortASCII(Ox.COUNTRIES.map(function(v, i) {
return v.name; return v.name;
}), })),
autocompleteReplace: true, autocompleteReplace: true,
autocompleteReplaceCorrect: true, autocompleteReplaceCorrect: true,
id: "autocompleteReplaceCorrect" id: "autocompleteReplaceCorrect"
@ -646,9 +654,9 @@ Ox.load({UI: {}, Geo:{}}, function() {
}, },
{ {
options: { options: {
autocomplete: $.map(Ox.COUNTRIES, function(v, i) { autocomplete: Ox.sortASCII(Ox.COUNTRIES.map(function(v, i) {
return v.name; return v.name;
}), })),
autocompleteSelect: true, autocompleteSelect: true,
autocompleteSelectHighlight: true, autocompleteSelectHighlight: true,
id: "autocompleteSelect" id: "autocompleteSelect"
@ -657,9 +665,9 @@ Ox.load({UI: {}, Geo:{}}, function() {
}, },
{ {
options: { options: {
autocomplete: $.map(Ox.COUNTRIES, function(v, i) { autocomplete: Ox.sortASCII(Ox.COUNTRIES.map(function(v, i) {
return v.name; return v.name;
}), })),
autocompleteReplace: true, autocompleteReplace: true,
autocompleteSelect: true, autocompleteSelect: true,
autocompleteSelectHighlight: true, autocompleteSelectHighlight: true,
@ -1087,6 +1095,19 @@ Ox.load({UI: {}, Geo:{}}, function() {
width: 128 width: 128
}, },
title: "Text Select with Width" title: "Text Select with Width"
},
{
options: {
id: "textSelectMaxWidth",
items: [
{id: "one", title: "Item One"},
{id: "two", title: "Item Two"},
{id: "three", title: "Item Three Has a Long Title"}
],
maxWidth: 128,
width: 128
},
title: "Text Select with Max Width"
} }
], ],
"TimeInput": [ "TimeInput": [
@ -1181,7 +1202,7 @@ Ox.load({UI: {}, Geo:{}}, function() {
click: function() { $dialog.close(); } click: function() { $dialog.close(); }
}) })
], ],
content: $('<div>').html(Ox.isUndefined(value) ? "undefined" : value), content: $('<div>').css({margin: '16px'}).html(Ox.isUndefined(value) ? "undefined" : value),
height: 128, height: 128,
id: "value", id: "value",
title: "Value", title: "Value",