.

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Menu</title>
    <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css">
    <link rel="stylesheet" href="https://absol.cf/css/materialdesignicons/materialdesignicons.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <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>
    <script>
        var $ = absol.$;
        var _ = absol._;
    </script>
    <style>

    </style>
</head>

<body>
    <div class="demo">


    </div>

    <script class="viewable">
        var mDemoDiv = absol.$('.demo');

        var mTrigger = absol._({
            tag: 'button',
            child: { text: 'Open' }
        }).addTo(mDemoDiv);

        var mFollower = absol._({
            tag: 'follower',
            style: {
                //zIndex: thay đổi nếu bị che,
                //tùy chọn style
                background: 'white'
            },
            child: [{
                tag: 'img',
                attr: {
                    src: 'https://upload.wikimedia.org/wikipedia/commons/4/49/Star_empty.svg'
                }
            },
            {
                tag: 'button',
                child: { text: 'X' },
                on: {
                    click: function () {
                        mFollowerTrigger.close();
                    }
                }
            }
            ]
        }).addTo(mDemoDiv);

        var mFollowerTrigger = _({
            elt: mTrigger,//thêm chức năng cho mTrigger,
            tag: 'followertoggler',
            on: {
                close: function () {
                    mTrigger.clearChild().addChild(absol._({ text: 'open' }));

                },
                open: function () {
                    mTrigger.clearChild().addChild(absol._({ text: 'Close' }))
                },
                preopen: function () {
                    //hàm này gọi trước khi cửa sổ nhìn thấy 1ms
                }
            }
        });//vẫn trả về mTrigger nhưng có thêm chức năng
        mFollowerTrigger.bindFollower(mFollower);

    </script>



    <!--Created using ToHtml.com on 2019-05-27 04:27:01 UTC -->
    <script src="https://absol.cf/absol/demo/autohightlighting.js"></script>

</body>

</html>

VaKeR 2022