| Server IP : 144.76.124.212 / Your IP : 216.73.216.36 Web Server : LiteSpeed System : Linux l4cp.vnetindia.com 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : rakcha ( 1356) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home5/rakcha/www/control/assets/js/pages/material_select/ |
Upload File : |
/**
* Document : getmdl-select.js
* Author : redstar
* Description: js file for select item used in material design pages
*
**/
'use strict';
(function () {
function whenLoaded() {
getmdlSelect.init('.getmdl-select');
};
window.addEventListener ?
window.addEventListener("load", whenLoaded, false) :
window.attachEvent && window.attachEvent("onload", whenLoaded);
}());
var getmdlSelect = {
_defaultValue: {
width: 300
},
_addEventListeners: function (dropdown) {
var input = dropdown.querySelector('input');
var list = dropdown.querySelectorAll('li');
var menu = dropdown.querySelector('.mdl-js-menu');
//show menu on arrow down or arrow up
input.onkeydown = function (event) {
if (event.keyCode == 38 || event.keyCode == 40) {
menu['MaterialMenu'].show();
}
};
//return focus to input
menu.onkeydown = function (event) {
if (event.keyCode == 13) {
input.focus();
}
};
[].forEach.call(list, function (li) {
li.onclick = function () {
var value = li.textContent.trim();
input.value = value;
dropdown.MaterialTextfield.change(value); // handles css class changes
setTimeout(function () {
dropdown.MaterialTextfield.updateClasses_(); //update css class
}, 250);
// update input with the "id" value
input.dataset.val = li.dataset.val || '';
if ("createEvent" in document) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
menu['MaterialMenu'].hide();
input.dispatchEvent(evt);
} else {
input.fireEvent("onchange");
}
};
});
},
init: function (selector, widthDef) {
var dropdowns = document.querySelectorAll(selector);
[].forEach.call(dropdowns, function (i) {
getmdlSelect._addEventListeners(i);
var width = widthDef ? widthDef : (i.querySelector('.mdl-menu').offsetWidth ? i.querySelector('.mdl-menu').offsetWidth : getmdlSelect._defaultValue.width);
i.style.width = width + 'px';
componentHandler.upgradeElement(i);
componentHandler.upgradeElement(i.querySelector('ul'));
});
}
};