diff options
Diffstat (limited to 'framework/Web/Javascripts/source')
4 files changed, 228 insertions, 221 deletions
diff --git a/framework/Web/Javascripts/source/packages.php b/framework/Web/Javascripts/source/packages.php index 85fbb612..66b63966 100644 --- a/framework/Web/Javascripts/source/packages.php +++ b/framework/Web/Javascripts/source/packages.php @@ -49,6 +49,14 @@ $packages = array( 'slider'=>array(
'scriptaculous/slider.js'
),
+
+ 'keyboard'=>array(
+ 'prado/controls/keyboard.js'
+ ),
+
+ 'tabpanel'=>array(
+ 'prado/controls/tabpanel.js'
+ ),
);
@@ -63,6 +71,8 @@ $dependencies = array( 'ajax' => array('prado', 'effects', 'ajax'),
'dragdrop' => array('prado', 'effects', 'dragdrop'),
'slider' => array('prado', 'slider'),
+ 'keyboard' => array('prado', 'keyboard'),
+ 'tabpanel' => array('prado', 'tabpanel'),
);
return array($packages, $dependencies);
diff --git a/framework/Web/Javascripts/source/prado/controls/controls.js b/framework/Web/Javascripts/source/prado/controls/controls.js index c4dcf562..ba472b70 100644 --- a/framework/Web/Javascripts/source/prado/controls/controls.js +++ b/framework/Web/Javascripts/source/prado/controls/controls.js @@ -288,224 +288,3 @@ Prado.WebUI.TRadioButtonList = Base.extend( }
}
});
-
-Prado.WebUI.TTabPanel = Class.create();
-Prado.WebUI.TTabPanel.prototype =
-{
- initialize : function(options)
- {
- this.element = $(options.ID);
- this.onInit(options);
- },
-
- onInit : function(options)
- {
- this.views = options.Views;
- this.hiddenField = $(options.ID+'_1');
- this.activeCssClass = options.ActiveCssClass;
- this.normalCssClass = options.NormalCssClass;
- var length = options.Views.length;
- for(var i = 0; i<length; i++)
- {
- var item = options.Views[i];
- var element = $(item+'_0');
- if (element)
- {
- Event.observe(element, "click", this.elementClicked.bindEvent(this,item));
- }
- }
- },
-
- elementClicked : function(event,viewID)
- {
- var length = this.views.length;
- for(var i = 0; i<length; i++)
- {
- var item = this.views[i];
- if ($(item))
- {
- if(item == viewID)
- {
- $(item+'_0').className=this.activeCssClass;
- $(item).show();
- this.hiddenField.value=i;
- }
- else
- {
- $(item+'_0').className=this.normalCssClass;
- $(item).hide();
- }
- }
- }
- }
-};
-
-
-Prado.WebUI.TKeyboard = Class.create();
-Prado.WebUI.TKeyboard.prototype =
-{
- initialize : function(options)
- {
- this.element = $(options.ID);
- this.onInit(options);
- },
-
- onInit : function(options)
- {
- this.cssClass = options['CssClass'];
- this.forControl = document.getElementById(options['ForControl']);
- this.autoHide = options['AutoHide'];
-
- this.flagShift = false;
- this.flagCaps = false;
- this.flagHover = false;
- this.flagFocus = false;
-
- this.keys = new Array
- (
- new Array('` ~ D', '1 ! D', '2 @ D', '3 # D', '4 $ D', '5 % D', '6 ^ D', '7 & D', '8 * D', '9 ( D', '0 ) D', '- _ D', '= + D', 'Bksp Bksp Bksp'),
- new Array('Del Del Del', 'q Q L', 'w W L', 'e E L', 'r R L', 't T L', 'y Y L', 'u U L', 'i I L', 'o O L', 'p P L', '[ { D', '] } D', '\\ | \\'),
- new Array('Caps Caps Caps', 'a A L', 's S L', 'd D L', 'f F L', 'g G L', 'h H L', 'j J L', 'k K L', 'l L L', '; : D', '\' " D', 'Exit Exit Exit'),
- new Array('Shift Shift Shift', 'z Z L', 'x X L', 'c C L', 'v V L', 'b B L', 'n N L', 'm M L', ', < D', '. > D', '/ ? D', 'Shift Shift Shift')
- );
-
- if (this.isObject(this.forControl))
- {
- this.forControl.keyboard = this;
- this.forControl.onfocus = function() {this.keyboard.show(); };
- this.forControl.onblur = function() {if (this.keyboard.flagHover == false) this.keyboard.hide();};
- this.forControl.onkeydown = function(e) {if (!e) e = window.event; var key = (e.keyCode)?e.keyCode:e.which; if(key == 9) this.keyboard.hide();;};
- this.forControl.onselect = this.saveSelection;
- this.forControl.onclick = this.saveSelection;
- this.forControl.onkeyup = this.saveSelection;
- }
-
- this.render();
-
- this.tagKeyboard.onmouseover = function() {this.keyboard.flagHover = true;};
- this.tagKeyboard.onmouseout = function() {this.keyboard.flagHover = false;};
-
- if (!this.autoHide) this.show();
- },
-
- isObject : function(a)
- {
- return (typeof a == 'object' && !!a) || typeof a == 'function';
- },
-
- createElement : function(tagName, attributes, parent)
- {
- var tagElement = document.createElement(tagName);
- if (this.isObject(attributes)) for (attribute in attributes) tagElement[attribute] = attributes[attribute];
- if (this.isObject(parent)) parent.appendChild(tagElement);
- return tagElement;
- },
-
- onmouseover : function()
- {
- this.className += ' Hover';
- },
-
- onmouseout : function()
- {
- this.className = this.className.replace(/( Hover| Active)/ig, '');
- },
-
- onmousedown : function()
- {
- this.className += ' Active';
- },
-
- onmouseup : function()
- {
- this.className = this.className.replace(/( Active)/ig, '');
- this.keyboard.type(this.innerHTML);
- },
-
- render : function()
- {
- this.tagKeyboard = this.createElement('div', {className: this.cssClass, onselectstart: function() {return false;}}, this.element);
- this.tagKeyboard.keyboard = this;
-
- for (var line = 0; line < this.keys.length; line++)
- {
- var tagLine = this.createElement('div', {className: 'Line'}, this.tagKeyboard);
- for (var key = 0; key < this.keys[line].length; key++)
- {
- var split = this.keys[line][key].split(' ');
- var tagKey = this.createElement('div', {className: 'Key ' + split[2]}, tagLine);
- var tagKey1 = this.createElement('div', {className: 'Key1', innerHTML: split[0], keyboard: this, onmouseover: this.onmouseover, onmouseout: this.onmouseout, onmousedown: this.onmousedown, onmouseup: this.onmouseup}, tagKey);
- var tagKey2 = this.createElement('div', {className: 'Key2', innerHTML: split[1], keyboard: this, onmouseover: this.onmouseover, onmouseout: this.onmouseout, onmousedown: this.onmousedown, onmouseup: this.onmouseup}, tagKey);
- }
- }
- },
-
- isShown : function()
- {
- return (this.tagKeyboard.style.visibility.toLowerCase() == 'visible');
- },
-
- show : function()
- {
- if (this.isShown() == false) this.tagKeyboard.style.visibility = 'visible';
- },
-
- hide : function()
- {
- if (this.isShown() == true && this.autoHide) {this.tagKeyboard.style.visibility = 'hidden'; }
- },
-
- type : function(key)
- {
- var input = this.forControl;
- var command = key.toLowerCase();
-
- if (command == 'exit') {this.hide();}
- else if (input != 'undefined' && input != null && command == 'bksp') {this.insert(input, 'bksp');}
- else if (input != 'undefined' && input != null && command == 'del') {this.insert(input, 'del');}
- else if (command == 'shift') {this.tagKeyboard.className = this.flagShift?'Keyboard Off':'Keyboard Shift';this.flagShift = this.flagShift?false:true;}
- else if (command == 'caps') {this.tagKeyboard.className = this.caps?'Keyboard Off':'Keyboard Caps';this.caps = this.caps?false:true;}
- else if (input != 'undefined' && input != null)
- {
- if (this.flagShift == true) {this.flagShift = false; this.tagKeyboard.className = 'Keyboard Off';}
- key = key.replace(/>/, '>'); key = key.replace(/</, '<'); key = key.replace(/&/, '&');
- this.insert(input, key);
- }
-
- if (command != 'exit') input.focus();
- },
-
- saveSelection : function()
- {
- if (this.keyboard.forControl.createTextRange)
- {
- this.keyboard.selection = document.selection.createRange().duplicate();
- return;
- }
- },
-
- insert : function(field, value)
- {
- if (this.forControl.createTextRange && this.selection)
- {
- if (value == 'bksp') {this.selection.moveStart("character", -1); this.selection.text = '';}
- else if (value == 'del') {this.selection.moveEnd("character", 1); this.selection.text = '';}
- else {this.selection.text = value;}
- this.selection.select();
- }
- else
- {
- var selectStart = this.forControl.selectionStart;
- var selectEnd = this.forControl.selectionEnd;
- var start = (this.forControl.value).substring(0, selectStart);
- var end = (this.forControl.value).substring(selectEnd, this.forControl.textLength);
-
- if (value == 'bksp') {start = start.substring(0, start.length - 1); selectStart -= 1; value = '';}
- if (value == 'del') {end = end.substring(1, end.length); value = '';}
-
- this.forControl.value = start + value + end;
- this.forControl.selectionStart = selectEnd + value.length;
- this.forControl.selectionEnd = selectStart + value.length;
- }
- }
-}
\ No newline at end of file diff --git a/framework/Web/Javascripts/source/prado/controls/keyboard.js b/framework/Web/Javascripts/source/prado/controls/keyboard.js new file mode 100644 index 00000000..978aedb9 --- /dev/null +++ b/framework/Web/Javascripts/source/prado/controls/keyboard.js @@ -0,0 +1,168 @@ +Prado.WebUI.TKeyboard = Class.create();
+Prado.WebUI.TKeyboard.prototype =
+{
+ initialize : function(options)
+ {
+ this.element = $(options.ID);
+ this.onInit(options);
+ },
+
+ onInit : function(options)
+ {
+ this.cssClass = options['CssClass'];
+ this.forControl = document.getElementById(options['ForControl']);
+ this.autoHide = options['AutoHide'];
+
+ this.flagShift = false;
+ this.flagCaps = false;
+ this.flagHover = false;
+ this.flagFocus = false;
+
+ this.keys = new Array
+ (
+ new Array('` ~ D', '1 ! D', '2 @ D', '3 # D', '4 $ D', '5 % D', '6 ^ D', '7 & D', '8 * D', '9 ( D', '0 ) D', '- _ D', '= + D', 'Bksp Bksp Bksp'),
+ new Array('Del Del Del', 'q Q L', 'w W L', 'e E L', 'r R L', 't T L', 'y Y L', 'u U L', 'i I L', 'o O L', 'p P L', '[ { D', '] } D', '\\ | \\'),
+ new Array('Caps Caps Caps', 'a A L', 's S L', 'd D L', 'f F L', 'g G L', 'h H L', 'j J L', 'k K L', 'l L L', '; : D', '\' " D', 'Exit Exit Exit'),
+ new Array('Shift Shift Shift', 'z Z L', 'x X L', 'c C L', 'v V L', 'b B L', 'n N L', 'm M L', ', < D', '. > D', '/ ? D', 'Shift Shift Shift')
+ );
+
+ if (this.isObject(this.forControl))
+ {
+ this.forControl.keyboard = this;
+ this.forControl.onfocus = function() {this.keyboard.show(); };
+ this.forControl.onblur = function() {if (this.keyboard.flagHover == false) this.keyboard.hide();};
+ this.forControl.onkeydown = function(e) {if (!e) e = window.event; var key = (e.keyCode)?e.keyCode:e.which; if(key == 9) this.keyboard.hide();;};
+ this.forControl.onselect = this.saveSelection;
+ this.forControl.onclick = this.saveSelection;
+ this.forControl.onkeyup = this.saveSelection;
+ }
+
+ this.render();
+
+ this.tagKeyboard.onmouseover = function() {this.keyboard.flagHover = true;};
+ this.tagKeyboard.onmouseout = function() {this.keyboard.flagHover = false;};
+
+ if (!this.autoHide) this.show();
+ },
+
+ isObject : function(a)
+ {
+ return (typeof a == 'object' && !!a) || typeof a == 'function';
+ },
+
+ createElement : function(tagName, attributes, parent)
+ {
+ var tagElement = document.createElement(tagName);
+ if (this.isObject(attributes)) for (attribute in attributes) tagElement[attribute] = attributes[attribute];
+ if (this.isObject(parent)) parent.appendChild(tagElement);
+ return tagElement;
+ },
+
+ onmouseover : function()
+ {
+ this.className += ' Hover';
+ },
+
+ onmouseout : function()
+ {
+ this.className = this.className.replace(/( Hover| Active)/ig, '');
+ },
+
+ onmousedown : function()
+ {
+ this.className += ' Active';
+ },
+
+ onmouseup : function()
+ {
+ this.className = this.className.replace(/( Active)/ig, '');
+ this.keyboard.type(this.innerHTML);
+ },
+
+ render : function()
+ {
+ this.tagKeyboard = this.createElement('div', {className: this.cssClass, onselectstart: function() {return false;}}, this.element);
+ this.tagKeyboard.keyboard = this;
+
+ for (var line = 0; line < this.keys.length; line++)
+ {
+ var tagLine = this.createElement('div', {className: 'Line'}, this.tagKeyboard);
+ for (var key = 0; key < this.keys[line].length; key++)
+ {
+ var split = this.keys[line][key].split(' ');
+ var tagKey = this.createElement('div', {className: 'Key ' + split[2]}, tagLine);
+ var tagKey1 = this.createElement('div', {className: 'Key1', innerHTML: split[0], keyboard: this, onmouseover: this.onmouseover, onmouseout: this.onmouseout, onmousedown: this.onmousedown, onmouseup: this.onmouseup}, tagKey);
+ var tagKey2 = this.createElement('div', {className: 'Key2', innerHTML: split[1], keyboard: this, onmouseover: this.onmouseover, onmouseout: this.onmouseout, onmousedown: this.onmousedown, onmouseup: this.onmouseup}, tagKey);
+ }
+ }
+ },
+
+ isShown : function()
+ {
+ return (this.tagKeyboard.style.visibility.toLowerCase() == 'visible');
+ },
+
+ show : function()
+ {
+ if (this.isShown() == false) this.tagKeyboard.style.visibility = 'visible';
+ },
+
+ hide : function()
+ {
+ if (this.isShown() == true && this.autoHide) {this.tagKeyboard.style.visibility = 'hidden'; }
+ },
+
+ type : function(key)
+ {
+ var input = this.forControl;
+ var command = key.toLowerCase();
+
+ if (command == 'exit') {this.hide();}
+ else if (input != 'undefined' && input != null && command == 'bksp') {this.insert(input, 'bksp');}
+ else if (input != 'undefined' && input != null && command == 'del') {this.insert(input, 'del');}
+ else if (command == 'shift') {this.tagKeyboard.className = this.flagShift?'Keyboard Off':'Keyboard Shift';this.flagShift = this.flagShift?false:true;}
+ else if (command == 'caps') {this.tagKeyboard.className = this.caps?'Keyboard Off':'Keyboard Caps';this.caps = this.caps?false:true;}
+ else if (input != 'undefined' && input != null)
+ {
+ if (this.flagShift == true) {this.flagShift = false; this.tagKeyboard.className = 'Keyboard Off';}
+ key = key.replace(/>/, '>'); key = key.replace(/</, '<'); key = key.replace(/&/, '&');
+ this.insert(input, key);
+ }
+
+ if (command != 'exit') input.focus();
+ },
+
+ saveSelection : function()
+ {
+ if (this.keyboard.forControl.createTextRange)
+ {
+ this.keyboard.selection = document.selection.createRange().duplicate();
+ return;
+ }
+ },
+
+ insert : function(field, value)
+ {
+ if (this.forControl.createTextRange && this.selection)
+ {
+ if (value == 'bksp') {this.selection.moveStart("character", -1); this.selection.text = '';}
+ else if (value == 'del') {this.selection.moveEnd("character", 1); this.selection.text = '';}
+ else {this.selection.text = value;}
+ this.selection.select();
+ }
+ else
+ {
+ var selectStart = this.forControl.selectionStart;
+ var selectEnd = this.forControl.selectionEnd;
+ var start = (this.forControl.value).substring(0, selectStart);
+ var end = (this.forControl.value).substring(selectEnd, this.forControl.textLength);
+
+ if (value == 'bksp') {start = start.substring(0, start.length - 1); selectStart -= 1; value = '';}
+ if (value == 'del') {end = end.substring(1, end.length); value = '';}
+
+ this.forControl.value = start + value + end;
+ this.forControl.selectionStart = selectEnd + value.length;
+ this.forControl.selectionEnd = selectStart + value.length;
+ }
+ }
+};
\ No newline at end of file diff --git a/framework/Web/Javascripts/source/prado/controls/tabpanel.js b/framework/Web/Javascripts/source/prado/controls/tabpanel.js new file mode 100644 index 00000000..8033a2ee --- /dev/null +++ b/framework/Web/Javascripts/source/prado/controls/tabpanel.js @@ -0,0 +1,50 @@ +Prado.WebUI.TTabPanel = Class.create();
+Prado.WebUI.TTabPanel.prototype =
+{
+ initialize : function(options)
+ {
+ this.element = $(options.ID);
+ this.onInit(options);
+ },
+
+ onInit : function(options)
+ {
+ this.views = options.Views;
+ this.hiddenField = $(options.ID+'_1');
+ this.activeCssClass = options.ActiveCssClass;
+ this.normalCssClass = options.NormalCssClass;
+ var length = options.Views.length;
+ for(var i = 0; i<length; i++)
+ {
+ var item = options.Views[i];
+ var element = $(item+'_0');
+ if (element)
+ {
+ Event.observe(element, "click", this.elementClicked.bindEvent(this,item));
+ }
+ }
+ },
+
+ elementClicked : function(event,viewID)
+ {
+ var length = this.views.length;
+ for(var i = 0; i<length; i++)
+ {
+ var item = this.views[i];
+ if ($(item))
+ {
+ if(item == viewID)
+ {
+ $(item+'_0').className=this.activeCssClass;
+ $(item).show();
+ this.hiddenField.value=i;
+ }
+ else
+ {
+ $(item+'_0').className=this.normalCssClass;
+ $(item).hide();
+ }
+ }
+ }
+ }
+};
\ No newline at end of file |