![]() 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 : |
<!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>