.

VaKeR CYBER ARMY

Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory : /var/www/html/libs/absol-acomp/demo/

Upload File :

Current File : /var/www/html/libs/absol-acomp/demo/contextmenu.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, user-scale=no">
    <title>ContextMenu</title>
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
    <script>
        var $ = absol.$;
        var _ = absol._;
    </script>
    <style>
        .dark.bg {
            background-color: rgba(30, 30, 32, 1);
            /* background-color: white; */
        }

        .bg {
            padding-left: 5px;
            padding-top: 20px;
            padding-bottom: 20px;
            border: solid 1px rgb(30, 30, 32);
            overflow: auto;
        }

        .bg > button {
            margin: 50px;
        }

        .hover-blue:hover {
            color: blue;
        }

        .hover-yellow:hover {
            color: yellow;
        }

        body {
            min-height: 100vh;
        }

        #test-zone {
            width: 50vw;
            height: 50vh;
            border: 1px solid black;
        }

        #free-zone {
            width: 50%;
            height: 50%;
            border: 1px solid green;
        }
    </style>
</head>

<body>
<div id="test-zone"> right click to me
    <div id="free-zone" class="as-system-context-menu">Vùng này không chặn chuột phải</div>
    <select>
        <option>item1</option>
        <option>item2</option>
    </select>
</div>
<script>
    absol.ContextCaptor.auto();
    $('#test-zone').defineEvent('contextmenu').on('contextmenu', function (event) {
        console.log(event.selectedText);
        event.showContextMenu({
            items: [{text: 'Expand Down', value: 1, icon: 'span.mdi.mdi-arrow-expand-down'}, {
                text: 'Expand Up',
                value: 2,
                icon: 'span.mdi.mdi-arrow-expand-up'
            }]
        }, function (event) {
            console.log(event.menuItem.text);
        });
    });
    var info = Object.assign({}, absol.BrowserDetector);
    delete info.rulesheet;
    _({
        tag: 'pre',
        child: {
            text: JSON.stringify(info, null, 4)
        }
    }).addTo(document.body);
</script>
<!--Created using ToHtml.com on 2019-05-27 04:27:01 UTC -->
</body>

</html>

VaKeR 2022