.

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/quicklistbutton.html

<!DOCTYPE html>
<html>

<head>
    <title>QuickListButton</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css">
    <script src="https://absol.cf/hightlight/highlight.pack.js"></script>
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
    <style>
        body, html{
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 0;
            margin-bottom: 0;
            min-height: calc(100vh - 50px);
        }
    </style>
</head>

<body>

    <h1>QuickListButton</h1>
    <div id="test"></div>

    <script class="viewable">
        var testElt = absol.$('#test');
        absol._({
            tag: 'quicklistbutton',
            style: {
                display: 'inline-block',
                border: 'solid 1px gray'
            },
            props: {
                items: Array(30).fill(0).map(function (u, i) {
                    return { text: absol.string.randomPhrase(30), value: i, desc: absol.string.randomPhrase(30), extendClasses: i % 2 == 0 ? 'hover-blue' : 'hover-red' };
                }),
                //Anchor: https://absol.cf/acomp/demo/follower.html
                anchor:[12, 15, 13, 14]// default 
            },
            on:{
                select: function(event){
                    var item = event.data;
                    absol._({
                        tag:'p',
                        child:{
                            text: item.text
                        }
                    }).addTo(testElt);
                }
            }
        }).addTo(testElt);
    </script>
    <script src="https://absol.cf/absol/demo/autohightlighting.js"></script>

</body>

</html>

VaKeR 2022