Find this useful? Enter your email to receive occasional updates for securing PHP code.

Signing you up...

Thank you for signing up!

PHP Decode

<!doctype html> <html> <head> <title>Pencarian TXT file SFA/FMS</title> <lin..

Decoded Output download

<?  <!doctype html> 
<html> 
<head> 
    <title>Pencarian TXT file SFA/FMS</title> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> 
    <style> 
        html { 
            height: 100%; 
        } 
 
        body { 
            margin: 0; 
            padding: 0; 
            font-family: sans-serif; 
            background: linear-gradient(#141e30, #243b55); 
        } 
 
        .login-box { 
            position: absolute; 
            top: 50%; 
            left: 50%; 
            width: 800px; 
            padding: 40px; 
            transform: translate(-50%, -50%); 
            background: rgba(0, 0, 0, .5); 
            box-sizing: border-box; 
            box-shadow: 0 15px 25px rgba(0, 0, 0, .6); 
            border-radius: 10px; 
        } 
 
        .login-box h2 { 
            margin: 0 0 30px; 
            padding: 0; 
            color: #fff; 
            text-align: center; 
        } 
 
        .login-box .user-box { 
            position: relative; 
        } 
 
        .login-box .user-box input { 
            width: 100%; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            margin-bottom: 4px; 
            border: none; 
            border-bottom: 1px solid #fff; 
            outline: none; 
            background: transparent; 
        } 
 
        .login-box .user-box .date_start { 
            width: 47.65%; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            margin-bottom: 4px; 
            border: none; 
            border-bottom: 1px solid #fff; 
            outline: none; 
            background: transparent; 
        } 
 
        .login-box .user-box .date_end { 
            width: 47.65%; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            margin-bottom: 4px; 
            border: none; 
            border-bottom: 1px solid #fff; 
            outline: none; 
            background: transparent; 
        } 
 
        .login-box .user-box textarea { 
            width: 100%; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            margin-bottom: 4px; 
            border: none; 
            border-bottom: 1px solid #fff; 
            outline: none; 
            background: transparent; 
        } 
 
        .login-box .user-box label { 
            position: absolute; 
            top: 0; 
            left: 0; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            pointer-events: none; 
            transition: .5s; 
        } 
 
        .login-box .user-box label .date_start { 
            position: relative; 
            top: 0; 
            left: 0; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            pointer-events: none; 
            transition: .5s; 
        } 
 
        .login-box .user-box .date_period_sd { 
            position: relative; 
            padding: 10px 0; 
            font-size: 16px; 
            color: #fff; 
            pointer-events: none; 
        } 
 
        .login-box .user-box input:focus ~ label, 
        .login-box .user-box input:valid ~ label { 
            top: -20px; 
            left: 0; 
            color: #03e9f4; 
            font-size: 12px; 
        } 
 
        .login-box .user-box textarea:focus ~ label { 
            top: -20px; 
            left: 0; 
            color: #03e9f4; 
            font-size: 12px; 
        } 
 
        .login-box .user-box textarea:valid ~ label { 
            top: -20px; 
            left: 0; 
            color: #03e9f4; 
            font-size: 12px; 
        } 
 
        .login-box form a { 
            position: relative; 
            display: inline-block; 
            padding: 10px 20px; 
            color: #03e9f4; 
            font-size: 16px; 
            text-decoration: none; 
            text-transform: uppercase; 
            overflow: hidden; 
            transition: .5s; 
            margin-top: 40px; 
            letter-spacing: 4px; 
            float: right; 
        } 
 
        .login-box a:hover { 
            background: #03e9f4; 
            color: #fff; 
            border-radius: 5px; 
            box-shadow: 0 0 5px #03e9f4, 
            0 0 25px #03e9f4, 
            0 0 50px #03e9f4, 
            0 0 100px #03e9f4; 
        } 
 
        .login-box a span { 
            position: absolute; 
            display: block; 
        } 
 
        .login-box a span:nth-child(1) { 
            top: 0; 
            left: -100%; 
            width: 100%; 
            height: 2px; 
            background: linear-gradient(90deg, transparent, #03e9f4); 
            animation: btn-anim1 1s linear infinite; 
        } 
 
        @keyframes btn-anim1 { 
            0% { 
                left: -100%; 
            } 
            50%, 100% { 
                left: 100%; 
            } 
        } 
 
        .login-box a span:nth-child(2) { 
            top: -100%; 
            right: 0; 
            width: 2px; 
            height: 100%; 
            background: linear-gradient(180deg, transparent, #03e9f4); 
            animation: btn-anim2 1s linear infinite; 
            animation-delay: .25s 
        } 
 
        @keyframes btn-anim2 { 
            0% { 
                top: -100%; 
            } 
            50%, 100% { 
                top: 100%; 
            } 
        } 
 
        .login-box a span:nth-child(3) { 
            bottom: 0; 
            right: -100%; 
            width: 100%; 
            height: 2px; 
            background: linear-gradient(270deg, transparent, #03e9f4); 
            animation: btn-anim3 1s linear infinite; 
            animation-delay: .5s 
        } 
 
        @keyframes btn-anim3 { 
            0% { 
                right: -100%; 
            } 
            50%, 100% { 
                right: 100%; 
            } 
        } 
 
        .login-box a span:nth-child(4) { 
            bottom: -100%; 
            left: 0; 
            width: 2px; 
            height: 100%; 
            background: linear-gradient(360deg, transparent, #03e9f4); 
            animation: btn-anim4 1s linear infinite; 
            animation-delay: .75s 
        } 
 
        @keyframes btn-anim4 { 
            0% { 
                bottom: -100%; 
            } 
            50%, 100% { 
                bottom: 100%; 
            } 
        } 
 
        .sidenav { 
            height: 100%; /* 100% Full-height */ 
            width: 180px; /* 0 width - change this with JavaScript */ 
            position: fixed; /* Stay in place */ 
            z-index: 1; /* Stay on top */ 
            top: 0; /* Stay at the top */ 
            left: 0; 
            background-color: rgb(11 17 27); 
            overflow-x: hidden; /* Disable horizontal scroll */ 
            padding-top: 60px; /* Place content 60px from the top */ 
            transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ 
        } 
 
        /* The navigation menu links */ 
        .sidenav a { 
            padding: 4px 4px 4px 16px; 
            text-decoration: none; 
            font-size: 20px; 
            color: #fff; 
            display: block; 
            transition: 0.3s; 
        } 
 
        /* When you mouse over the navigation links, change their color */ 
        .sidenav a:hover { 
            color: #03e9f4; 
        } 
 
        /* Position and style the close button (top right corner) */ 
        .sidenav .closebtn { 
            position: absolute; 
            top: 0; 
            right: 25px; 
            font-size: 36px; 
            margin-left: 50px; 
        } 
 
        /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ 
        #main { 
            transition: margin-left .5s; 
            padding: 20px; 
        } 
 
        @media only screen and (max-width: 600px) { 
            .sidenav { 
                width: 0; 
            } 
        } 
 
        @media only screen and (max-width: 600px) { 
            .sidenav { 
                width: 0; 
            } 
        } 
 
        @media only screen and (max-width: 768px) { 
            .sidenav { 
                width: 0; 
            } 
        } 
    </style> 
</head> 
<body> 
<form align="center"> 
<br> 
<input style="width: 110px; padding: 5px; cursor: pointer; box-shadow: 6px 6px 5px; #999; -webkit-box-shadow: 6px 6px 5px #999; -moz-box-shadow: 6px 6px 5px #999; font-weight: bold; background: #ffff00; color: #000; border-radius: 10px; border: 1px solid #999; font-size: 120%;" type="button" value="FAQ" onclick="window.location.href='../file_tracing/faq.php'" /> 
 
<input style="width: 110px; padding: 5px; cursor: pointer; box-shadow: 6px 6px 5px; #999; -webkit-box-shadow: 6px 6px 5px #999; -moz-box-shadow: 6px 6px 5px #999; font-weight: bold; background: #ffff00; color: #000; border-radius: 10px; border: 1px solid #999; font-size: 120%;" type="button" value="Speedtest" onclick="window.open('../speedtest', '_blank')"/> 
 
</form> 
<!--<div id="mySidenav" class="sidenav">--> 
<!--    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>--> 
<!--    <a href="/speedtest">Speedtest</a>--> 
<!--</div>--> 
<!--<span onclick="openNav()" style="position: absolute; left: 8px; top: 8px; color: white; font-size: 20px">Menu</span>--> 
<div class="login-box"> 
    <h2>Pencarian TXT file SFA/FMS</h2> 
    <form> 
        <div class="user-box"> 
            <textarea name="search_terms" rows="5" required></textarea> 
            <label>Keyword</label> 
        </div> 
 
        <span style="color: #ffffff; font-size: 10px;"> 
            <i>* Keyword dapat berupa SFA DOC, No. SO SAP, No. Billing, dan atau yang berhubungan dengan transaksi. 
            <br> 
            Untuk mencari lebih dari 1 keyword, pisahkan keyword per-baris (one keyword Per line). 
            <br> 
            Lalu klik <b>Cari</b></i>. 
        </span> 
 
        <div class="user-box" style="margin-top: 24px"> 
            <input type="text" name="filename" class="filename" required> 
            <label>Nama File TXT</label> 
        </div> 
 
        <span style="color: #ffffff; font-size: 10px"> 
            <i>* Untuk melihat isi TXT dari file yg spesifik, masukkan nama file misal PDAMASTER, T03, 107, 108. 
            <br> 
            Lalu klik <b>Cari</b></i>. 
        </span> 
 
        <div class="user-box" style="margin-top: 24px"> 
            <input type="text" name=date_start class="date_start" required> 
            <span class="date_period_sd">s/d</span> 
            <input type="text" name=date_end class="date_end" required> 
            <label>Tanggal File</label> 
        </div> 
 
        <span style="color: #ffffff; font-size: 10px"> 
            <i>* Pilih range tanggal yang diinginkan, biarkan kosong untuk semua</i>. 
        </span> 
 
        <a href="#" class="submit"> 
            <span></span> 
            <span></span> 
            <span></span> 
            <span></span> 
            Cari 
        </a> 
    </form> 
</div> 
</body> 
 
<script src="https://code.jquery.com/jquery-3.6.4.min.js" 
        integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script> 
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> 
<script> 
    $(document).ready(function () { 
        $('.submit').click(function () { 
            var searchTerms = []; 
            var textAreaVal = $('textarea').val(); 
            var textAreaValArray = textAreaVal.split(/
/g); 
            for (var x = 0; x < textAreaValArray.length; x++) { 
                if (textAreaValArray[x] != ''){ 
                    searchTerms.push(textAreaValArray[x]) 
                } 
            } 
 
            var namafile = $('.filename').val(); 
            var tanggal_file_start = $('.date_start').val(); 
            var tanggal_file_end = $('.date_end').val(); 
 
            var searchTermsText = ''; 
            searchTermsText = searchTerms.join('|'); 
 
            if (searchTermsText === '' && namafile === '' && tanggal_file_start === '' && tanggal_file_end === '') { 
                alert('Keyword atau nama file atau tanggal file tidak boleh kosong'); 
            } else { 
                if (tanggal_file_end !== '') { 
                    if (tanggal_file_start === '') { 
                        alert('Tanggal file awal tidak boleh kosong'); 
                        return; 
                    } 
                    tanggal_file_end = '-' + tanggal_file_end; 
                } 
                window.location.href = "/file_tracing/index_search.php?search_terms=" + searchTermsText + '&filename=' + namafile + '&date=' + tanggal_file_start + tanggal_file_end; 
            } 
        }) 
    }); 
</script> 
 
<script> 
    $(function () { 
        $.datepicker.setDefaults({ // Set common properties 
            changeMonth: true, 
            dateFormat: 'yymmdd', 
        }); 
        var from = $('.date_start').datepicker({}).on('change', function () { 
            var date = from.datepicker('getDate'); 
            to.datepicker('option', {minDate: date}); 
        }); 
        var to = $('.date_end').datepicker().on('change', function () { 
            from.datepicker('option', {maxDate: to.datepicker('getDate')}); 
        }); 
    }); 
 
    /* Set the width of the side navigation to 250px */ 
    function openNav() { 
        document.getElementById("mySidenav").style.width = "180px"; 
    } 
 
    /* Set the width of the side navigation to 0 */ 
    function closeNav() { 
        document.getElementById("mySidenav").style.width = "0"; 
    } 
</script> 
</html> ?>

Did this file decode correctly?

Original Code

<!doctype html>
<html>
<head>
    <title>Pencarian TXT file SFA/FMS</title>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <style>
        html {
            height: 100%;
        }

        body {
            margin: 0;
            padding: 0;
            font-family: sans-serif;
            background: linear-gradient(#141e30, #243b55);
        }

        .login-box {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 800px;
            padding: 40px;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, .5);
            box-sizing: border-box;
            box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
            border-radius: 10px;
        }

        .login-box h2 {
            margin: 0 0 30px;
            padding: 0;
            color: #fff;
            text-align: center;
        }

        .login-box .user-box {
            position: relative;
        }

        .login-box .user-box input {
            width: 100%;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            margin-bottom: 4px;
            border: none;
            border-bottom: 1px solid #fff;
            outline: none;
            background: transparent;
        }

        .login-box .user-box .date_start {
            width: 47.65%;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            margin-bottom: 4px;
            border: none;
            border-bottom: 1px solid #fff;
            outline: none;
            background: transparent;
        }

        .login-box .user-box .date_end {
            width: 47.65%;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            margin-bottom: 4px;
            border: none;
            border-bottom: 1px solid #fff;
            outline: none;
            background: transparent;
        }

        .login-box .user-box textarea {
            width: 100%;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            margin-bottom: 4px;
            border: none;
            border-bottom: 1px solid #fff;
            outline: none;
            background: transparent;
        }

        .login-box .user-box label {
            position: absolute;
            top: 0;
            left: 0;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            pointer-events: none;
            transition: .5s;
        }

        .login-box .user-box label .date_start {
            position: relative;
            top: 0;
            left: 0;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            pointer-events: none;
            transition: .5s;
        }

        .login-box .user-box .date_period_sd {
            position: relative;
            padding: 10px 0;
            font-size: 16px;
            color: #fff;
            pointer-events: none;
        }

        .login-box .user-box input:focus ~ label,
        .login-box .user-box input:valid ~ label {
            top: -20px;
            left: 0;
            color: #03e9f4;
            font-size: 12px;
        }

        .login-box .user-box textarea:focus ~ label {
            top: -20px;
            left: 0;
            color: #03e9f4;
            font-size: 12px;
        }

        .login-box .user-box textarea:valid ~ label {
            top: -20px;
            left: 0;
            color: #03e9f4;
            font-size: 12px;
        }

        .login-box form a {
            position: relative;
            display: inline-block;
            padding: 10px 20px;
            color: #03e9f4;
            font-size: 16px;
            text-decoration: none;
            text-transform: uppercase;
            overflow: hidden;
            transition: .5s;
            margin-top: 40px;
            letter-spacing: 4px;
            float: right;
        }

        .login-box a:hover {
            background: #03e9f4;
            color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 5px #03e9f4,
            0 0 25px #03e9f4,
            0 0 50px #03e9f4,
            0 0 100px #03e9f4;
        }

        .login-box a span {
            position: absolute;
            display: block;
        }

        .login-box a span:nth-child(1) {
            top: 0;
            left: -100%;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #03e9f4);
            animation: btn-anim1 1s linear infinite;
        }

        @keyframes btn-anim1 {
            0% {
                left: -100%;
            }
            50%, 100% {
                left: 100%;
            }
        }

        .login-box a span:nth-child(2) {
            top: -100%;
            right: 0;
            width: 2px;
            height: 100%;
            background: linear-gradient(180deg, transparent, #03e9f4);
            animation: btn-anim2 1s linear infinite;
            animation-delay: .25s
        }

        @keyframes btn-anim2 {
            0% {
                top: -100%;
            }
            50%, 100% {
                top: 100%;
            }
        }

        .login-box a span:nth-child(3) {
            bottom: 0;
            right: -100%;
            width: 100%;
            height: 2px;
            background: linear-gradient(270deg, transparent, #03e9f4);
            animation: btn-anim3 1s linear infinite;
            animation-delay: .5s
        }

        @keyframes btn-anim3 {
            0% {
                right: -100%;
            }
            50%, 100% {
                right: 100%;
            }
        }

        .login-box a span:nth-child(4) {
            bottom: -100%;
            left: 0;
            width: 2px;
            height: 100%;
            background: linear-gradient(360deg, transparent, #03e9f4);
            animation: btn-anim4 1s linear infinite;
            animation-delay: .75s
        }

        @keyframes btn-anim4 {
            0% {
                bottom: -100%;
            }
            50%, 100% {
                bottom: 100%;
            }
        }

        .sidenav {
            height: 100%; /* 100% Full-height */
            width: 180px; /* 0 width - change this with JavaScript */
            position: fixed; /* Stay in place */
            z-index: 1; /* Stay on top */
            top: 0; /* Stay at the top */
            left: 0;
            background-color: rgb(11 17 27);
            overflow-x: hidden; /* Disable horizontal scroll */
            padding-top: 60px; /* Place content 60px from the top */
            transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        }

        /* The navigation menu links */
        .sidenav a {
            padding: 4px 4px 4px 16px;
            text-decoration: none;
            font-size: 20px;
            color: #fff;
            display: block;
            transition: 0.3s;
        }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover {
            color: #03e9f4;
        }

        /* Position and style the close button (top right corner) */
        .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }

        /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
        #main {
            transition: margin-left .5s;
            padding: 20px;
        }

        @media only screen and (max-width: 600px) {
            .sidenav {
                width: 0;
            }
        }

        @media only screen and (max-width: 600px) {
            .sidenav {
                width: 0;
            }
        }

        @media only screen and (max-width: 768px) {
            .sidenav {
                width: 0;
            }
        }
    </style>
</head>
<body>
<form align="center">
<br>
<input style="width: 110px; padding: 5px; cursor: pointer; box-shadow: 6px 6px 5px; #999; -webkit-box-shadow: 6px 6px 5px #999; -moz-box-shadow: 6px 6px 5px #999; font-weight: bold; background: #ffff00; color: #000; border-radius: 10px; border: 1px solid #999; font-size: 120%;" type="button" value="FAQ" onclick="window.location.href='../file_tracing/faq.php'" />

<input style="width: 110px; padding: 5px; cursor: pointer; box-shadow: 6px 6px 5px; #999; -webkit-box-shadow: 6px 6px 5px #999; -moz-box-shadow: 6px 6px 5px #999; font-weight: bold; background: #ffff00; color: #000; border-radius: 10px; border: 1px solid #999; font-size: 120%;" type="button" value="Speedtest" onclick="window.open('../speedtest', '_blank')"/>

</form>
<!--<div id="mySidenav" class="sidenav">-->
<!--    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>-->
<!--    <a href="/speedtest">Speedtest</a>-->
<!--</div>-->
<!--<span onclick="openNav()" style="position: absolute; left: 8px; top: 8px; color: white; font-size: 20px">Menu</span>-->
<div class="login-box">
    <h2>Pencarian TXT file SFA/FMS</h2>
    <form>
        <div class="user-box">
            <textarea name="search_terms" rows="5" required></textarea>
            <label>Keyword</label>
        </div>

        <span style="color: #ffffff; font-size: 10px;">
            <i>* Keyword dapat berupa SFA DOC, No. SO SAP, No. Billing, dan atau yang berhubungan dengan transaksi.
            <br>
            Untuk mencari lebih dari 1 keyword, pisahkan keyword per-baris (one keyword Per line).
            <br>
            Lalu klik <b>Cari</b></i>.
        </span>

        <div class="user-box" style="margin-top: 24px">
            <input type="text" name="filename" class="filename" required>
            <label>Nama File TXT</label>
        </div>

        <span style="color: #ffffff; font-size: 10px">
            <i>* Untuk melihat isi TXT dari file yg spesifik, masukkan nama file misal PDAMASTER, T03, 107, 108.
            <br>
            Lalu klik <b>Cari</b></i>.
        </span>

        <div class="user-box" style="margin-top: 24px">
            <input type="text" name=date_start class="date_start" required>
            <span class="date_period_sd">s/d</span>
            <input type="text" name=date_end class="date_end" required>
            <label>Tanggal File</label>
        </div>

        <span style="color: #ffffff; font-size: 10px">
            <i>* Pilih range tanggal yang diinginkan, biarkan kosong untuk semua</i>.
        </span>

        <a href="#" class="submit">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            Cari
        </a>
    </form>
</div>
</body>

<script src="https://code.jquery.com/jquery-3.6.4.min.js"
        integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script>
    $(document).ready(function () {
        $('.submit').click(function () {
            var searchTerms = [];
            var textAreaVal = $('textarea').val();
            var textAreaValArray = textAreaVal.split(/\n/g);
            for (var x = 0; x < textAreaValArray.length; x++) {
                if (textAreaValArray[x] != ''){
                    searchTerms.push(textAreaValArray[x])
                }
            }

            var namafile = $('.filename').val();
            var tanggal_file_start = $('.date_start').val();
            var tanggal_file_end = $('.date_end').val();

            var searchTermsText = '';
            searchTermsText = searchTerms.join('|');

            if (searchTermsText === '' && namafile === '' && tanggal_file_start === '' && tanggal_file_end === '') {
                alert('Keyword atau nama file atau tanggal file tidak boleh kosong');
            } else {
                if (tanggal_file_end !== '') {
                    if (tanggal_file_start === '') {
                        alert('Tanggal file awal tidak boleh kosong');
                        return;
                    }
                    tanggal_file_end = '-' + tanggal_file_end;
                }
                window.location.href = "/file_tracing/index_search.php?search_terms=" + searchTermsText + '&filename=' + namafile + '&date=' + tanggal_file_start + tanggal_file_end;
            }
        })
    });
</script>

<script>
    $(function () {
        $.datepicker.setDefaults({ // Set common properties
            changeMonth: true,
            dateFormat: 'yymmdd',
        });
        var from = $('.date_start').datepicker({}).on('change', function () {
            var date = from.datepicker('getDate');
            to.datepicker('option', {minDate: date});
        });
        var to = $('.date_end').datepicker().on('change', function () {
            from.datepicker('option', {maxDate: to.datepicker('getDate')});
        });
    });

    /* Set the width of the side navigation to 250px */
    function openNav() {
        document.getElementById("mySidenav").style.width = "180px";
    }

    /* Set the width of the side navigation to 0 */
    function closeNav() {
        document.getElementById("mySidenav").style.width = "0";
    }
</script>
</html>

Function Calls

None

Variables

None

Stats

MD5 b78054d95af8112ccd2d7862a2017d2e
Eval Count 0
Decode Time 48 ms