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/radio.html
<!DOCTYPE html>
<html>

<head>
    <title>Auto Complete Input</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css">
    <!-- <link rel="stylesheet" href="https://absol.cf/materialdesignicons/materialdesignicons.min.css"> -->
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>

    <script src="https://absol.cf/hightlight/highlight.pack.js"></script>
    <style>
        label{
            vertical-align: middle;
            padding-right: 0.2em;
        }
    </style>
</head>

<body>
    <div class="radio-row"></div>
    <script class="viewable">
        var mRadioRow = absol.$('.radio-row');
        absol._('radiobutton[checked="true"][name="b"]').addTo(mRadioRow);
        absol._('radiobutton[checked="false"][name="b"]').addTo(mRadioRow);
        absol._('radiobutton[name="b"][checked="true"]').addTo(mRadioRow);

        absol._({
            tag:'radio',
            props:{
                text:'abc'
            }
        }).addTo(mRadioRow)
        absol._({
            tag:'radio',
            class:'right',
            style:{
              color:'red'
            },
            props:{
                text:'abc'
            }
        }).addTo(mRadioRow)
    </script>
    <script class="viewable">
        absol.require('radiobutton').initAfterLoad();

    </script>

    <div>
        <label for="r0">Chọn 1</label><radiobutton  name="b" class="absol-radio" id="r0"></radiobutton>
        <label for="r1">Chọn 2</label><radiobutton  name="b" class="absol-radio" id="r1"></radiobutton>
        <label for="r2">Chọn 3</label><radiobutton  name="b" class="absol-radio" checked id="r2"></radiobutton>
    </div>

    <script src="https://absol.cf/absol/demo/autohightlighting.js"></script>
    <div id="test_print"></div>
    <script>
        var tdiv= absol.$('#test_print');
        absol._({
            tag:'flexiconbutton',
            props:{
                text:'print'
            },
            on: {
                click: function () {
                    var n = Date.now();
                    absol.printer.downloadAsPDF(tdiv, 'abc.pdf').then(()=> console.log(Date.now() - n))
                }
            }
        }).addTo(tdiv);
        for (var i = 0; i < 0; ++i) {
            absol._({
                tag:'radio',
                props:{
                    text:' radio_'+i,
                    checked: i ===1,
                    name: 'test'
                }
            }).addTo(tdiv);

            absol._('br').addTo(tdiv);
        }

        for (var i = 0; i < 0; ++i) {
            absol._({
                tag:'checkbox',
                props:{
                    text:' radio_'+i,
                    checked: i %2,
                    name: 'test'
                }
            }).addTo(tdiv);

            absol._('br').addTo(tdiv);
        }

        for (var i = 0; i < 1000; ++i) {
            absol._({
                tag:'radiobutton',
                props:{
                    checked: i ===2,
                    name: 'test1'
                }
            }).addTo(tdiv);

            absol._('br').addTo(tdiv);
        }

    </script>
</body>

</html>

VaKeR 2022