This is a simple javascript library which is very helpful to make a dynamic or interactive web applications.
- Dialog/Modal view and easy handling method
- Data loading view
- File upload executor and easy progress monitor system
- URI query parser
- Code character to Entity converter
- Toggle full screen controller
- Color verification method
- Pixel verification method
- Dedicated css file to make custom graphical view of Dialog or Loading
- Multiple naming for same execution to remind the function name easily
- Used sassy scss for advanced and easier css design
- Minified version of both css and js file
- iTonic javascript library is to use only for environments that have a
window
with adocument
- jQuery version 3.0.0 or higher is required
boolean it.isColor(string pixel)
boolean it.isPixel(string color)
string it.CCToEntity(string text)
object it.getURIQuery([boolean considerArray, string customUrl])
boolean it.fullScrToggle([object element])
boolean it.dialog.execute(object propertyObject)
boolean it.dialog.open(string headerText, string bodyHtml, string hfColor, string width, string buttons, function callback)
boolean it.dialog.warning(string bodyHtml, string callback)
boolean it.dialog.success(string bodyHtml)
boolean it.dialog.info(string bodyHtml)
boolean it.dialog.error(string bodyHtml)
boolean it.dialog.onDuty([object propertyObject])
boolean it.dialog.loading([string loadingMessage, string loadingImageLink, string msgColor, string backLayerColor])
boolean it.dialog.close(void)
void it.upload.execute(object propertyObject)
void it.upload.drive(string targetUrl, string inputFileId, string inputName, string fileExtensions, number fileSizeMax, number filesMax, function cbProgress, function cbSuccess, function cbDone, function cbEvaluate, function cbFail)
[iTonic = itonic = it]*
(*.)[dialog = modal]**
(**.)[open = view]
(**.)[close = exit]
(*.upload.)[drive = run]
iTonic Upload
it.upload.execute({
targetUrl: undefined,
inputFileId: undefined,
inputName: "file",
fileExtensions: undefined,
fileSizeMax: 100000000,
filesMax: 20,
progress: undefined,
success: undefined,
done: undefined,
evaluate: undefined,
fail: undefined
});
iTonic Modal
it.modal.execute({
headerText: "Dialog Form.",
headerTextColor: "#FFFFFF",
headerColor: "#919191",
footerColor: "#919191",
hfColor: undefined,
crossButtonEnable: true,
crossButtonColor: "#FFFFFF",
bodyHtml: "",
bodyColor: "#FFFFFF",
width: "400px",
createButton: undefined,
buttonColor: "#FFFFFF",
buttonTextColor: "#444444",
backLayerColor: "rgba(0,0,0,0.4)",
draggable: true,
action: undefined
});
it.modal.open(headerText, bodyHtml, hfColor, width, buttons, callback);
it.modal.warning(bodyHtml, callback);
it.modal.success(bodyHtml);
it.info.success(bodyHtml);
it.error.success(bodyHtml);
it.modal.close();
it.modal.onDuty({
message: "Execution is in progress....<br/>Please Wait !",
messageColor: "#FFFFFF",
graphics: undefined,
backLayerColor: "rgba(0,0,0,0.4)"
});
it.modal.loading(loadingMessage, loadingImageLink, msgColor, backLayerColor);
iTonic Pixel Verification
it.isPixel(pixel);
iTonic Color Verification
it.isColor(Color);
iTonic Code Character to Entity
it.CCToEntity(text);
iTonic URI Query Parser
it.getURIQuery(considerArray, customUrl);
Full Screen Toggle
it.fullScrToggle(element);
iTonic is a free javascript library! You can redistribute it and/or modify it under the terms of the MIT License. Please read the LICENSE file for more details.