lukechilds
/
Semantic-UI-Docs
mirror of https://github.com/lukechilds/Semantic-UI-Docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Extends dropdown to set default form value, more fixes 

Former-commit-id: 42b5814a5f769572a289725cd8c31cf0e6e8aa22
Former-commit-id: 2ecba8b56a102054fea6c1bc3420205aa46767fa
beta
Jack Lukic 12 years ago
parent
24fbf83a2c
commit
4d0bfb2ef6
8 changed files with 341 additions and 121 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 90
      build/minified/modules/dropdown.js
  2. 2
      build/minified/modules/dropdown.min.js
  3. 90
      build/packaged/modules/dropdown.js
  4. 2
      build/packaged/semantic.min.js.REMOVED.git-id
  5. 90
      build/uncompressed/modules/dropdown.js
  6. 8
      node/src/documents/modules/dropdown.html
  7. 90
      node/src/files/components/semantic/modules/dropdown.js
  8. 90
      src/modules/dropdown.js

90
build/minified/modules/dropdown.js
View File

@ -78,7 +78,9 @@ $.fn.dropdown = function(parameters) {
.on(settings.on + eventNamespace, module.toggle) .on(settings.on + eventNamespace, module.toggle)
; ;
} }
if(settings.action == 'form') {
module.set.selected();
}
$item $item
.on(module.get.selectEvent() + eventNamespace, module.event.item.click) .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
; ;
@ -116,8 +118,8 @@ $.fn.dropdown = function(parameters) {
click: function () { click: function () {
var var
$choice = $(this), $choice = $(this),
name = $choice.data(metadata.name) || $choice.text(), text = $choice.data(metadata.text) || $choice.text(),
value = $choice.data(metadata.value) || name value = $choice.data(metadata.value) || text
; ;
module.verbose('Adding active state to selected item'); module.verbose('Adding active state to selected item');
$item $item
@ -126,8 +128,8 @@ $.fn.dropdown = function(parameters) {
$choice $choice
.addClass(className.active) .addClass(className.active)
; ;
module.action.determine(name, value); module.action.determine(text, value);
$.proxy(settings.onChange, $menu.get())(name, value); $.proxy(settings.onChange, $menu.get())(text, value);
} }
} }
@ -139,8 +141,8 @@ $.fn.dropdown = function(parameters) {
test: function(event, callback) { test: function(event, callback) {
module.debug('Determining whether event occurred in dropdown', event.target); module.debug('Determining whether event occurred in dropdown', event.target);
callback = callback || function(){}; callback = callback || function(){};
if( $(event.target).closest($menu).size() == 0 ) { if( $(event.target).closest($menu).size() === 0 ) {
module.verbose('Triggering event', callback) module.verbose('Triggering event', callback);
callback(); callback();
} }
else { else {
@ -166,14 +168,14 @@ $.fn.dropdown = function(parameters) {
action: { action: {
determine: function(name, value) { determine: function(text, value) {
if( $.isFunction( module.action[settings.action] ) ) { if( $.isFunction( module.action[settings.action] ) ) {
module.verbose('Triggering preset action', settings.action); module.verbose('Triggering preset action', settings.action);
module.action[ settings.action ](name, value); module.action[ settings.action ](text, value);
} }
else if( $.isFunction(settings.action) ) { else if( $.isFunction(settings.action) ) {
module.verbose('Triggering user action', settings.action); module.verbose('Triggering user action', settings.action);
settings.action(name, value); settings.action(text, value);
} }
else { else {
module.error(errors.action); module.error(errors.action);
@ -186,16 +188,14 @@ $.fn.dropdown = function(parameters) {
module.hide(); module.hide();
}, },
changeText: function(name, value) { changeText: function(text, value) {
module.debug('Changing text', name); module.set.text(text);
$text.text(name);
module.hide(); module.hide();
}, },
form: function(name, value) { form: function(text, value) {
module.debug('Adding selected value to hidden input', name, value); module.set.text(text);
$text.text(name); module.set.value(value);
$input.val(value);
module.hide(); module.hide();
} }
@ -207,6 +207,52 @@ $.fn.dropdown = function(parameters) {
? 'touchstart' ? 'touchstart'
: 'click' : 'click'
; ;
},
text: function() {
return $text.text();
},
value: function() {
return $input.val();
},
item: function(value) {
var
$selectedItem
;
value = value || $input.val();
$item
.each(function() {
if( $(this).data(metadata.value) == value ) {
$selectedItem = $(this);
}
})
;
return $selectedItem;
}
},
set: {
text: function(text) {
module.debug('Changing text', text);
$text.text(text);
},
value: function(value) {
module.debug('Adding selected value to hidden input', value);
$input.val(value);
},
selected: function(value) {
var
selectedValue = value || $input.val(),
$selectedItem = module.get.item(value),
selectedText = $selectedItem.data(metadata.text) || $selectedItem.text()
;
module.debug('Setting selected menu item to', $selectedItem);
$item
.removeClass(className.active)
;
$selectedItem
.addClass(className.active)
;
module.set.text(selectedText);
} }
}, },
@ -348,7 +394,7 @@ $.fn.dropdown = function(parameters) {
debug: function() { debug: function() {
if(settings.debug) { if(settings.debug) {
module.performance.log(arguments[0]); module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':'); module.debug = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
} }
}, },
verbose: function() { verbose: function() {
@ -358,9 +404,7 @@ $.fn.dropdown = function(parameters) {
} }
}, },
error: function() { error: function() {
if(console.log !== undefined) { module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
}, },
performance: { performance: {
log: function(message) { log: function(message) {
@ -491,7 +535,7 @@ $.fn.dropdown.settings = {
}, },
metadata: { metadata: {
name : 'name', text : 'text',
value : 'value' value : 'value'
}, },
@ -499,7 +543,7 @@ $.fn.dropdown.settings = {
menu : '.menu', menu : '.menu',
item : '.menu > .item', item : '.menu > .item',
text : '> .text', text : '> .text',
input : '> input[type="hidden"]', input : '> input[type="hidden"]'
}, },
className : { className : {

2
build/minified/modules/dropdown.min.js
View File

File diff suppressed because one or more lines are too long

90
build/packaged/modules/dropdown.js
View File

@ -78,7 +78,9 @@ $.fn.dropdown = function(parameters) {
.on(settings.on + eventNamespace, module.toggle) .on(settings.on + eventNamespace, module.toggle)
; ;
} }
if(settings.action == 'form') {
module.set.selected();
}
$item $item
.on(module.get.selectEvent() + eventNamespace, module.event.item.click) .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
; ;
@ -116,8 +118,8 @@ $.fn.dropdown = function(parameters) {
click: function () { click: function () {
var var
$choice = $(this), $choice = $(this),
name = $choice.data(metadata.name) || $choice.text(), text = $choice.data(metadata.text) || $choice.text(),
value = $choice.data(metadata.value) || name value = $choice.data(metadata.value) || text
; ;
module.verbose('Adding active state to selected item'); module.verbose('Adding active state to selected item');
$item $item
@ -126,8 +128,8 @@ $.fn.dropdown = function(parameters) {
$choice $choice
.addClass(className.active) .addClass(className.active)
; ;
module.action.determine(name, value); module.action.determine(text, value);
$.proxy(settings.onChange, $menu.get())(name, value); $.proxy(settings.onChange, $menu.get())(text, value);
} }
} }
@ -139,8 +141,8 @@ $.fn.dropdown = function(parameters) {
test: function(event, callback) { test: function(event, callback) {
module.debug('Determining whether event occurred in dropdown', event.target); module.debug('Determining whether event occurred in dropdown', event.target);
callback = callback || function(){}; callback = callback || function(){};
if( $(event.target).closest($menu).size() == 0 ) { if( $(event.target).closest($menu).size() === 0 ) {
module.verbose('Triggering event', callback) module.verbose('Triggering event', callback);
callback(); callback();
} }
else { else {
@ -166,14 +168,14 @@ $.fn.dropdown = function(parameters) {
action: { action: {
determine: function(name, value) { determine: function(text, value) {
if( $.isFunction( module.action[settings.action] ) ) { if( $.isFunction( module.action[settings.action] ) ) {
module.verbose('Triggering preset action', settings.action); module.verbose('Triggering preset action', settings.action);
module.action[ settings.action ](name, value); module.action[ settings.action ](text, value);
} }
else if( $.isFunction(settings.action) ) { else if( $.isFunction(settings.action) ) {
module.verbose('Triggering user action', settings.action); module.verbose('Triggering user action', settings.action);
settings.action(name, value); settings.action(text, value);
} }
else { else {
module.error(errors.action); module.error(errors.action);
@ -186,16 +188,14 @@ $.fn.dropdown = function(parameters) {
module.hide(); module.hide();
}, },
changeText: function(name, value) { changeText: function(text, value) {
module.debug('Changing text', name); module.set.text(text);
$text.text(name);
module.hide(); module.hide();
}, },
form: function(name, value) { form: function(text, value) {
module.debug('Adding selected value to hidden input', name, value); module.set.text(text);
$text.text(name); module.set.value(value);
$input.val(value);
module.hide(); module.hide();
} }
@ -207,6 +207,52 @@ $.fn.dropdown = function(parameters) {
? 'touchstart' ? 'touchstart'
: 'click' : 'click'
; ;
},
text: function() {
return $text.text();
},
value: function() {
return $input.val();
},
item: function(value) {
var
$selectedItem
;
value = value || $input.val();
$item
.each(function() {
if( $(this).data(metadata.value) == value ) {
$selectedItem = $(this);
}
})
;
return $selectedItem;
}
},
set: {
text: function(text) {
module.debug('Changing text', text);
$text.text(text);
},
value: function(value) {
module.debug('Adding selected value to hidden input', value);
$input.val(value);
},
selected: function(value) {
var
selectedValue = value || $input.val(),
$selectedItem = module.get.item(value),
selectedText = $selectedItem.data(metadata.text) || $selectedItem.text()
;
module.debug('Setting selected menu item to', $selectedItem);
$item
.removeClass(className.active)
;
$selectedItem
.addClass(className.active)
;
module.set.text(selectedText);
} }
}, },
@ -348,7 +394,7 @@ $.fn.dropdown = function(parameters) {
debug: function() { debug: function() {
if(settings.debug) { if(settings.debug) {
module.performance.log(arguments[0]); module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':'); module.debug = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
} }
}, },
verbose: function() { verbose: function() {
@ -358,9 +404,7 @@ $.fn.dropdown = function(parameters) {
} }
}, },
error: function() { error: function() {
if(console.log !== undefined) { module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
}, },
performance: { performance: {
log: function(message) { log: function(message) {
@ -491,7 +535,7 @@ $.fn.dropdown.settings = {
}, },
metadata: { metadata: {
name : 'name', text : 'text',
value : 'value' value : 'value'
}, },
@ -499,7 +543,7 @@ $.fn.dropdown.settings = {
menu : '.menu', menu : '.menu',
item : '.menu > .item', item : '.menu > .item',
text : '> .text', text : '> .text',
input : '> input[type="hidden"]', input : '> input[type="hidden"]'
}, },
className : { className : {

2
build/packaged/semantic.min.js.REMOVED.git-id
View File

@ -1 +1 @@
0657a243786e10353758f85935b46ba1b07094dc 2c4195be95b12a3b16a540277bbbb730beedecca

90
build/uncompressed/modules/dropdown.js
View File

@ -78,7 +78,9 @@ $.fn.dropdown = function(parameters) {
.on(settings.on + eventNamespace, module.toggle) .on(settings.on + eventNamespace, module.toggle)
; ;
} }
if(settings.action == 'form') {
module.set.selected();
}
$item $item
.on(module.get.selectEvent() + eventNamespace, module.event.item.click) .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
; ;
@ -116,8 +118,8 @@ $.fn.dropdown = function(parameters) {
click: function () { click: function () {
var var
$choice = $(this), $choice = $(this),
name = $choice.data(metadata.name) || $choice.text(), text = $choice.data(metadata.text) || $choice.text(),
value = $choice.data(metadata.value) || name value = $choice.data(metadata.value) || text
; ;
module.verbose('Adding active state to selected item'); module.verbose('Adding active state to selected item');
$item $item
@ -126,8 +128,8 @@ $.fn.dropdown = function(parameters) {
$choice $choice
.addClass(className.active) .addClass(className.active)
; ;
module.action.determine(name, value); module.action.determine(text, value);
$.proxy(settings.onChange, $menu.get())(name, value); $.proxy(settings.onChange, $menu.get())(text, value);
} }
} }
@ -139,8 +141,8 @@ $.fn.dropdown = function(parameters) {
test: function(event, callback) { test: function(event, callback) {
module.debug('Determining whether event occurred in dropdown', event.target); module.debug('Determining whether event occurred in dropdown', event.target);
callback = callback || function(){}; callback = callback || function(){};
if( $(event.target).closest($menu).size() == 0 ) { if( $(event.target).closest($menu).size() === 0 ) {
module.verbose('Triggering event', callback) module.verbose('Triggering event', callback);
callback(); callback();
} }
else { else {
@ -166,14 +168,14 @@ $.fn.dropdown = function(parameters) {
action: { action: {
determine: function(name, value) { determine: function(text, value) {
if( $.isFunction( module.action[settings.action] ) ) { if( $.isFunction( module.action[settings.action] ) ) {
module.verbose('Triggering preset action', settings.action); module.verbose('Triggering preset action', settings.action);
module.action[ settings.action ](name, value); module.action[ settings.action ](text, value);
} }
else if( $.isFunction(settings.action) ) { else if( $.isFunction(settings.action) ) {
module.verbose('Triggering user action', settings.action); module.verbose('Triggering user action', settings.action);
settings.action(name, value); settings.action(text, value);
} }
else { else {
module.error(errors.action); module.error(errors.action);
@ -186,16 +188,14 @@ $.fn.dropdown = function(parameters) {
module.hide(); module.hide();
}, },
changeText: function(name, value) { changeText: function(text, value) {
module.debug('Changing text', name); module.set.text(text);
$text.text(name);
module.hide(); module.hide();
}, },
form: function(name, value) { form: function(text, value) {
module.debug('Adding selected value to hidden input', name, value); module.set.text(text);
$text.text(name); module.set.value(value);
$input.val(value);
module.hide(); module.hide();
} }
@ -207,6 +207,52 @@ $.fn.dropdown = function(parameters) {
? 'touchstart' ? 'touchstart'
: 'click' : 'click'
; ;
},
text: function() {
return $text.text();
},
value: function() {
return $input.val();
},
item: function(value) {
var
$selectedItem
;
value = value || $input.val();
$item
.each(function() {
if( $(this).data(metadata.value) == value ) {
$selectedItem = $(this);
}
})
;
return $selectedItem;
}
},
set: {
text: function(text) {
module.debug('Changing text', text);
$text.text(text);
},
value: function(value) {
module.debug('Adding selected value to hidden input', value);
$input.val(value);
},
selected: function(value) {
var
selectedValue = value || $input.val(),
$selectedItem = module.get.item(value),
selectedText = $selectedItem.data(metadata.text) || $selectedItem.text()
;
module.debug('Setting selected menu item to', $selectedItem);
$item
.removeClass(className.active)
;
$selectedItem
.addClass(className.active)
;
module.set.text(selectedText);
} }
}, },
@ -348,7 +394,7 @@ $.fn.dropdown = function(parameters) {
debug: function() { debug: function() {
if(settings.debug) { if(settings.debug) {
module.performance.log(arguments[0]); module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':'); module.debug = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
} }
}, },
verbose: function() { verbose: function() {
@ -358,9 +404,7 @@ $.fn.dropdown = function(parameters) {
} }
}, },
error: function() { error: function() {
if(console.log !== undefined) { module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
}, },
performance: { performance: {
log: function(message) { log: function(message) {
@ -491,7 +535,7 @@ $.fn.dropdown.settings = {
}, },
metadata: { metadata: {
name : 'name', text : 'text',
value : 'value' value : 'value'
}, },
@ -499,7 +543,7 @@ $.fn.dropdown.settings = {
menu : '.menu', menu : '.menu',
item : '.menu > .item', item : '.menu > .item',
text : '> .text', text : '> .text',
input : '> input[type="hidden"]', input : '> input[type="hidden"]'
}, },
className : { className : {

8
node/src/documents/modules/dropdown.html
View File

@ -288,7 +288,7 @@ type : 'UI Module'
<td>Time in milliseconds to allow a user to move cursor back into dropdown before hiding when on event is set to hover</td> <td>Time in milliseconds to allow a user to move cursor back into dropdown before hiding when on event is set to hover</td>
</tr> </tr>
<tr> <tr>
<td>action</td> <td>animation</td>
<td colspan="2"> <td colspan="2">
<div class="code"> <div class="code">
{ {
@ -299,9 +299,9 @@ type : 'UI Module'
</td> </td>
</tr> </tr>
<tr> <tr>
<td>animation</td> <td>action</td>
<td>auto</td> <td>hide</td>
<td>Setting to true/false will determine whether an input will allow no selection. Auto will set disallow this behavior only for radio boxes</td> <td>Sets a default action to occur. Possible values are 'nothing', 'form', 'changeText', 'hide'</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

90
node/src/files/components/semantic/modules/dropdown.js
View File

@ -78,7 +78,9 @@ $.fn.dropdown = function(parameters) {
.on(settings.on + eventNamespace, module.toggle) .on(settings.on + eventNamespace, module.toggle)
; ;
} }
if(settings.action == 'form') {
module.set.selected();
}
$item $item
.on(module.get.selectEvent() + eventNamespace, module.event.item.click) .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
; ;
@ -116,8 +118,8 @@ $.fn.dropdown = function(parameters) {
click: function () { click: function () {
var var
$choice = $(this), $choice = $(this),
name = $choice.data(metadata.name) || $choice.text(), text = $choice.data(metadata.text) || $choice.text(),
value = $choice.data(metadata.value) || name value = $choice.data(metadata.value) || text
; ;
module.verbose('Adding active state to selected item'); module.verbose('Adding active state to selected item');
$item $item
@ -126,8 +128,8 @@ $.fn.dropdown = function(parameters) {
$choice $choice
.addClass(className.active) .addClass(className.active)
; ;
module.action.determine(name, value); module.action.determine(text, value);
$.proxy(settings.onChange, $menu.get())(name, value); $.proxy(settings.onChange, $menu.get())(text, value);
} }
} }
@ -139,8 +141,8 @@ $.fn.dropdown = function(parameters) {
test: function(event, callback) { test: function(event, callback) {
module.debug('Determining whether event occurred in dropdown', event.target); module.debug('Determining whether event occurred in dropdown', event.target);
callback = callback || function(){}; callback = callback || function(){};
if( $(event.target).closest($menu).size() == 0 ) { if( $(event.target).closest($menu).size() === 0 ) {
module.verbose('Triggering event', callback) module.verbose('Triggering event', callback);
callback(); callback();
} }
else { else {
@ -166,14 +168,14 @@ $.fn.dropdown = function(parameters) {
action: { action: {
determine: function(name, value) { determine: function(text, value) {
if( $.isFunction( module.action[settings.action] ) ) { if( $.isFunction( module.action[settings.action] ) ) {
module.verbose('Triggering preset action', settings.action); module.verbose('Triggering preset action', settings.action);
module.action[ settings.action ](name, value); module.action[ settings.action ](text, value);
} }
else if( $.isFunction(settings.action) ) { else if( $.isFunction(settings.action) ) {
module.verbose('Triggering user action', settings.action); module.verbose('Triggering user action', settings.action);
settings.action(name, value); settings.action(text, value);
} }
else { else {
module.error(errors.action); module.error(errors.action);
@ -186,16 +188,14 @@ $.fn.dropdown = function(parameters) {
module.hide(); module.hide();
}, },
changeText: function(name, value) { changeText: function(text, value) {
module.debug('Changing text', name); module.set.text(text);
$text.text(name);
module.hide(); module.hide();
}, },
form: function(name, value) { form: function(text, value) {
module.debug('Adding selected value to hidden input', name, value); module.set.text(text);
$text.text(name); module.set.value(value);
$input.val(value);
module.hide(); module.hide();
} }
@ -207,6 +207,52 @@ $.fn.dropdown = function(parameters) {
? 'touchstart' ? 'touchstart'
: 'click' : 'click'
; ;
},
text: function() {
return $text.text();
},
value: function() {
return $input.val();
},
item: function(value) {
var
$selectedItem
;
value = value || $input.val();
$item
.each(function() {
if( $(this).data(metadata.value) == value ) {
$selectedItem = $(this);
}
})
;
return $selectedItem;
}
},
set: {
text: function(text) {
module.debug('Changing text', text);
$text.text(text);
},
value: function(value) {
module.debug('Adding selected value to hidden input', value);
$input.val(value);
},
selected: function(value) {
var
selectedValue = value || $input.val(),
$selectedItem = module.get.item(value),
selectedText = $selectedItem.data(metadata.text) || $selectedItem.text()
;
module.debug('Setting selected menu item to', $selectedItem);
$item
.removeClass(className.active)
;
$selectedItem
.addClass(className.active)
;
module.set.text(selectedText);
} }
}, },
@ -348,7 +394,7 @@ $.fn.dropdown = function(parameters) {
debug: function() { debug: function() {
if(settings.debug) { if(settings.debug) {
module.performance.log(arguments[0]); module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':'); module.debug = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
} }
}, },
verbose: function() { verbose: function() {
@ -358,9 +404,7 @@ $.fn.dropdown = function(parameters) {
} }
}, },
error: function() { error: function() {
if(console.log !== undefined) { module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
}, },
performance: { performance: {
log: function(message) { log: function(message) {
@ -491,7 +535,7 @@ $.fn.dropdown.settings = {
}, },
metadata: { metadata: {
name : 'name', text : 'text',
value : 'value' value : 'value'
}, },
@ -499,7 +543,7 @@ $.fn.dropdown.settings = {
menu : '.menu', menu : '.menu',
item : '.menu > .item', item : '.menu > .item',
text : '> .text', text : '> .text',
input : '> input[type="hidden"]', input : '> input[type="hidden"]'
}, },
className : { className : {

90
src/modules/dropdown.js
View File

@ -78,7 +78,9 @@ $.fn.dropdown = function(parameters) {
.on(settings.on + eventNamespace, module.toggle) .on(settings.on + eventNamespace, module.toggle)
; ;
} }
if(settings.action == 'form') {
module.set.selected();
}
$item $item
.on(module.get.selectEvent() + eventNamespace, module.event.item.click) .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
; ;
@ -116,8 +118,8 @@ $.fn.dropdown = function(parameters) {
click: function () { click: function () {
var var
$choice = $(this), $choice = $(this),
name = $choice.data(metadata.name) || $choice.text(), text = $choice.data(metadata.text) || $choice.text(),
value = $choice.data(metadata.value) || name value = $choice.data(metadata.value) || text
; ;
module.verbose('Adding active state to selected item'); module.verbose('Adding active state to selected item');
$item $item
@ -126,8 +128,8 @@ $.fn.dropdown = function(parameters) {
$choice $choice
.addClass(className.active) .addClass(className.active)
; ;
module.action.determine(name, value); module.action.determine(text, value);
$.proxy(settings.onChange, $menu.get())(name, value); $.proxy(settings.onChange, $menu.get())(text, value);
} }
} }
@ -139,8 +141,8 @@ $.fn.dropdown = function(parameters) {
test: function(event, callback) { test: function(event, callback) {
module.debug('Determining whether event occurred in dropdown', event.target); module.debug('Determining whether event occurred in dropdown', event.target);
callback = callback || function(){}; callback = callback || function(){};
if( $(event.target).closest($menu).size() == 0 ) { if( $(event.target).closest($menu).size() === 0 ) {
module.verbose('Triggering event', callback) module.verbose('Triggering event', callback);
callback(); callback();
} }
else { else {
@ -166,14 +168,14 @@ $.fn.dropdown = function(parameters) {
action: { action: {
determine: function(name, value) { determine: function(text, value) {
if( $.isFunction( module.action[settings.action] ) ) { if( $.isFunction( module.action[settings.action] ) ) {
module.verbose('Triggering preset action', settings.action); module.verbose('Triggering preset action', settings.action);
module.action[ settings.action ](name, value); module.action[ settings.action ](text, value);
} }
else if( $.isFunction(settings.action) ) { else if( $.isFunction(settings.action) ) {
module.verbose('Triggering user action', settings.action); module.verbose('Triggering user action', settings.action);
settings.action(name, value); settings.action(text, value);
} }
else { else {
module.error(errors.action); module.error(errors.action);
@ -186,16 +188,14 @@ $.fn.dropdown = function(parameters) {
module.hide(); module.hide();
}, },
changeText: function(name, value) { changeText: function(text, value) {
module.debug('Changing text', name); module.set.text(text);
$text.text(name);
module.hide(); module.hide();
}, },
form: function(name, value) { form: function(text, value) {
module.debug('Adding selected value to hidden input', name, value); module.set.text(text);
$text.text(name); module.set.value(value);
$input.val(value);
module.hide(); module.hide();
} }
@ -207,6 +207,52 @@ $.fn.dropdown = function(parameters) {
? 'touchstart' ? 'touchstart'
: 'click' : 'click'
; ;
},
text: function() {
return $text.text();
},
value: function() {
return $input.val();
},
item: function(value) {
var
$selectedItem
;
value = value || $input.val();
$item
.each(function() {
if( $(this).data(metadata.value) == value ) {
$selectedItem = $(this);
}
})
;
return $selectedItem;
}
},
set: {
text: function(text) {
module.debug('Changing text', text);
$text.text(text);
},
value: function(value) {
module.debug('Adding selected value to hidden input', value);
$input.val(value);
},
selected: function(value) {
var
selectedValue = value || $input.val(),
$selectedItem = module.get.item(value),
selectedText = $selectedItem.data(metadata.text) || $selectedItem.text()
;
module.debug('Setting selected menu item to', $selectedItem);
$item
.removeClass(className.active)
;
$selectedItem
.addClass(className.active)
;
module.set.text(selectedText);
} }
}, },
@ -348,7 +394,7 @@ $.fn.dropdown = function(parameters) {
debug: function() { debug: function() {
if(settings.debug) { if(settings.debug) {
module.performance.log(arguments[0]); module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':'); module.debug = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
} }
}, },
verbose: function() { verbose: function() {
@ -358,9 +404,7 @@ $.fn.dropdown = function(parameters) {
} }
}, },
error: function() { error: function() {
if(console.log !== undefined) { module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
}, },
performance: { performance: {
log: function(message) { log: function(message) {
@ -491,7 +535,7 @@ $.fn.dropdown.settings = {
}, },
metadata: { metadata: {
name : 'name', text : 'text',
value : 'value' value : 'value'
}, },
@ -499,7 +543,7 @@ $.fn.dropdown.settings = {
menu : '.menu', menu : '.menu',
item : '.menu > .item', item : '.menu > .item',
text : '> .text', text : '> .text',
input : '> input[type="hidden"]', input : '> input[type="hidden"]'
}, },
className : { className : {

Write Preview
Loading…
Cancel
Save