VaKeR CYBER ARMY
Logo of a company 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_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/libs/absol-acomp/demo/modal.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Modal</title>
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js?')['mtime'];?>"></script>
</head>
<body>
<div id="demo1"></div>
<script>
    var demo1 = absol.$('#demo1');
    var myModal = absol._({
        tag: 'modal',
        child: [
            '<h1>5</h1>'
        ]
    });
    absol._({
        tag: 'button',
        child: {text: 'Show Modal'},
        on: {
            click: function () {
                demo1.addChild(myModal);
                var count = 5;
                setTimeout(function tick() {
                    if (count <= 0) myModal.remove();
                    else {
                        myModal.getChildren()[0].innerHTML = (--count) + '';
                        setTimeout(tick, 1000);
                    }
                }, 1000);
            }
        }
    }).addTo(demo1);

    absol._({
        tag: 'button',
        style: {marginLeft: '20px'},
        child: {text: 'Show Cube Loading'},
        on: {
            click: function () {
                var token = absol.require('loadingcubemodal').show();
                setTimeout(function () {
                    absol.require('loadingcubemodal').close(token);
                }, 3000);
            }
        }
    }).addTo(demo1);
</script>
</body>
</html>

VaKeR 2022