R E D

NAME	SIZE	PERMISSION
autocomplete.js	8.04 KB	-rwxr-xr-x
calendar.js	16.46 KB	-rwxr-xr-x
clock.js	2.76 KB	-rwxr-xr-x
common.js	22.6 KB	-rwxr-xr-x
datalist.js	8.23 KB	-rwxr-xr-x
ddmenu.js	7.72 KB	-rwxr-xr-x
ddpanel.js	2.1 KB	-rwxr-xr-x
dragdrop.js	2.62 KB	-rwxr-xr-x
editinplace.js	2.8 KB	-rwxr-xr-x
facebook.js	2.14 KB	-rwxr-xr-x
gajax.js	139.73 KB	-rwxr-xr-x
gbanner.js	7.88 KB	-rwxr-xr-x
google.js	1.9 KB	-rwxr-xr-x
graphs.js	36.78 KB	-rwxr-xr-x
inputgroup.js	3.37 KB	-rwxr-xr-x
loader.js	5.9 KB	-rwxr-xr-x
multiselect.js	2.61 KB	-rwxr-xr-x
pdpa.js	1.73 KB	-rwxr-xr-x
range.js	9.47 KB	-rwxr-xr-x
select.js	8.28 KB	-rwxr-xr-x
spline.js	5.58 KB	-rwxr-xr-x
table.js	19.77 KB	-rwxr-xr-x
uploads.js	11.4 KB	-rwxr-xr-x

Code Editor : inputgroup.js

/**
 * GInputGroup
 * Javascript range input
 *
 * @filesource js/inputgroup.js
 * @link https://www.kotchasan.com/
 * @copyright 2018 Goragod.com
 * @license https://www.kotchasan.com/license/
 */
(function() {
 "use strict";
 window.GInputGroup = GClass.create();
 GInputGroup.prototype = {
 initialize: function(id) {
 this.input = $G(id);
 this.id = this.input.id;
 this.ul = this.input.parentNode.parentNode;
 var self = this;
 forEach(this.ul.getElementsByTagName("button"), function() {
 callClick(this, function() {
 self.removeItem(this);
 });
 });
 this.input.addEvent("keydown", function(e) {
 if (GEvent.keyCode(e) == 8 && this.value == "") {
 if (self.input.readOnly == false && self.input.disabled == false) {
 var btns = self.ul.getElementsByTagName("button");
 if (btns.length > 0) {
 self.ul.removeChild(btns[btns.length - 1].parentNode);
 }
 GEvent.stop(e);
 }
 }
 });
 this.input.addEvent("keypress", function(e) {
 if (GEvent.keyCode(e) == 13) {
 self.addItem(this.value, this.value);
 this.value = "";
 GEvent.stop(e);
 }
 });
 $G(this.ul).addEvent("click", function() {
 self.input.focus();
 });
 if ($E(this.input.list)) {
 new GDatalist(this.input.id, function() {
 if (this.value != '' && this.selectedIndex !== null) {
 self.addItem(this.value, this.selectedIndex);
 }
 this.reset();
 });
 }
 this.input.inputGroup = this;
 },
 addItem: function(title, value) {
 var li = document.createElement("li"),
 span = document.createElement("span"),
 button = document.createElement("button"),
 hidden = document.createElement("input"),
 self = this;
 span.appendChild(document.createTextNode(title));
 li.appendChild(span);
 button.type = "button";
 button.innerHTML = "x";
 li.appendChild(button);
 hidden.type = "hidden";
 hidden.name = this.id + "[]";
 hidden.value = value;
 li.appendChild(hidden);
 li.id = this.id + '_item_' + value;
 this.ul.insertBefore(li, this.input.parentNode);
 callClick(button, function() {
 self.removeItem(this);
 });
 },
 removeItem: function(button) {
 if (this.input.readOnly == false && this.input.disabled == false) {
 this.ul.removeChild(button.parentNode);
 }
 },
 values: function() {
 var ret = [];
 forEach(this.ul.getElementsByTagName("input"), function() {
 if (this.type == 'hidden') {
 ret.push(this.value);
 }
 });
 return ret;
 },
 doAutocompleteGet: function() {
 return this.id + '=' + this.value;
 },
 doAutocompletePopulate: function(input) {
 if ($E(input.id)) {
 var row = this[input.id];
 forEach(input.value.replace(/[\s]+/, " ").split(" "), function() {
 if (this.length > 0) {
 var patt = new RegExp("(" + this.preg_quote() + ")", "gi");
 row = row.replace(patt, "$1");
 }
 });
 return '' + row + "";
 }
 },
 doAutocompleteCallback: function(input) {
 input.inputGroup.addItem(this[input.id], this.id);
 input.value = '';
 }
 };
})();

${this.title}

Code Editor : inputgroup.js