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 a document
• 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.