You can create pages for chat agents and chat bots that support both smartphones and PCs.
For PC, show chat in a window that does not disturb existing content
For mobile dvices like smartphones and tablets, chat UI will be overlaid on existing pages to avoid disturbing existing content

DEMO

https://riversun.github.io/chatux/

How to use


<!DOCTYPE html>
<html lang="en">
<head>
    <title>chatux example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body style="padding:0px;margin:0px;">
<div style="padding:40px">
    <h1>chatux example</h1>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<script src="https://riversun.github.io/chatux/chatux.min.js"></script>
<script>

    const chatux = new ChatUx();

    const opt = {
        api: {
            //URL of chat server
            endpoint: 'https://script.google.com/macros/s/AKfycbwpf8iZfGXkJD6K__oCVQYF35HLBQjYxmKP0Ifrpe_piK4By4rh/exec',
            //HTTP METHOD
            method: 'GET',
            //DATA TYPE
            dataType: 'jsonp'
        },
        window: {
            title: 'My chat',
            infoUrl: 'https://github.com/riversun/chatux'
        }
    };

    //initialize
    chatux.init(opt);
    chatux.start(true);

</script>
</body>
</html>

install

using npm

npm install chatux --save

using with script tag

<script src="https://riversun.github.io/chatux/chatux.min.js"></script>

FAQs

What is chatux?

Is chatux popular?

Is chatux well maintained?

Package last updated on 12 Mar 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

chatux

Overview

What is 'chatux' like?

DEMO

How to use

install

using npm

using with script tag

Related posts

Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts

cURL Project and Go Security Teams Reject CVSS as Broken