![]() 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> <head> <title>OnScreenWindow</title> <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css"> <!-- <link rel="stylesheet" href="https://absol.cf/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> <style> </style> </head> <body> <h1>OnScreenWindow</h1> <script class="viewable"> var mNumberInput = absol._({ tag: 'onscreenwindow', props: { windowTitle: 'Undo Manager', windowIcon: 'span.mdi.mdi-cogs' }, child: { tag: 'span', child: { text: 'This is content' } } }).addTo(document.body); var windowBox = absol._({ tag: 'windowbox', child: [ { tag: 'iframe', style: { width: '100%', height: '500px', border: 'none', boxSizing: 'border-box' }, props: { src: './onscreenwindow.html' } } ], props: { windowTitle: 'demo', windowIcon: 'span.mdi.mdi-paw', windowActions: [ { class: 'as-window-box-header-button-minimize', icon: 'span.mdi.mdi-window-minimize', name: 'minimize' }, { class: 'as-window-box-header-button-dock', icon: 'span.mdi.mdi-dock-window', name: 'maximize' }, { class: 'as-window-box-header-button-close', icon: 'span.mdi.mdi-close', name: 'close' } ] }, on: { action: function (event) { console.log(event.actionData) } } }).addTo(document.body); </script> <script src="https://absol.cf/absol/demo/autohightlighting.js"></script> </body> </html>