Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<script>
    $(function () {

        var boxes = $("[class*='articleList']");
        var questions2 = $('div[class=q_depth2]');
        var questions3 = $('div[class=q_depth3]');

        for (var i = 0; i < boxes.length; i++) {
            boxes[i].style.display = "none";
        }

        for (var j = 0; j < questions2.length; j++) {
            questions2[j].style.display = "none";
        }

        for (var r = 0; r < questions3.length; r++) {
            questions3[r].style.display = "none";
        }

    });

    function select_depth1(value) {
        var dataIndex = value;
        var depth2;
        var q_depth2_list = document.getElementsByClassName('q_depth2');
        var q_depth3_list = document.getElementsByClassName('q_depth3');

        $("input:radio[name*='q_depth2']").prop('checked', false);
        $("input:radio[name*='q_depth3']").prop('checked', false);

        for (var i = 0; i < q_depth2_list.length; i++) {
            q_depth2_list[i].style.display = "none";
        }
        for (var j = 0; j < q_depth3_list.length; j++) {
            q_depth3_list[j].style.display = "none";
        }
        $('#raiseTicket_div').css("display", "none");

        var boxes = $("[class*='articleList']");
        for (var i = 0; i < boxes.length; i++) {
            boxes[i].style.display = "none";
        }

        if (dataIndex == 'BTRe' || dataIndex == 'RFRe') {
            dataIndex = 'Read';
            depth2 = document.getElementById('div_q_depth2_' + dataIndex);
            depth2.style.display = '';

        } else if (dataIndex == 'Lega') {
            open_articleList = document.getElementsByClassName('articleList_' + dataIndex);
            open_articleList[0].style.display = '';
            $('#raiseTicket_div').css("display", "");
        } else {
            depth2 = document.getElementById('div_q_depth2_' + dataIndex);
            depth2.style.display = '';
        }
    }

    function select_depth2(value) {
        var dataIndex = value;
        var depth1_value = $('input[name=q_depth1]:checked').val();
        var open_articleList;
        var depth3;
        var list_num;

        var boxes = $("[class*='articleList']");

        for (var i = 0; i < boxes.length; i++) {
            boxes[i].style.display = "none";
        }

        var q_depth3_list = document.getElementsByClassName('q_depth3');
        for (var j = 0; j < q_depth3_list.length; j++) {
            q_depth3_list[j].style.display = "none";
        }

        $("input:radio[name*='q_depth3']").prop('checked', false);

        $('#raiseTicket_div').css("display", "none");

        if (dataIndex == 'Scan' || dataIndex == 'Sysm') {
            list_num = depth1_value + '_' + dataIndex;
            open_articleList = document.getElementsByClassName('articleList_' + list_num);
            open_articleList[0].style.display = '';
            $('#raiseTicket_div').css("display", "");

        } else if (dataIndex == 'Prnt') {
            list_num = depth1_value + '_' + dataIndex;
            open_articleList = document.getElementsByClassName('articleList_' + list_num);
            open_articleList[0].style.display = '';
            $('#raiseTicket_div').css("display", "");

        } else if (depth1_value == 'BTRe' || depth1_value == 'RFRe') {
            list_num = depth1_value + '_' + dataIndex;
            open_articleList = document.getElementsByClassName('articleList_' + list_num);
            open_articleList[0].style.display = '';
            $('#raiseTicket_div').css("display", "");

        } else {
            depth3 = document.getElementById('div_q_depth3_' + dataIndex);
            depth3.style.display = '';
        }
    }

    function select_depth3(value) {
        var dataIndex = value;

        var depth1_value = $('input[name=q_depth1]:checked').val();
        var depth2 = 'q_depth2_' + depth1_value;
        var depth2_value = $('input[name=' + depth2 + ']:checked').val();

        var depth3 = depth1_value + '_' + depth2_value;
        var open_articleList;

        var boxes = $("[class*='articleList']");
        for (var i = 0; i < boxes.length; i++) {
            boxes[i].style.display = "none";
        }

        open_articleList = document.getElementsByClassName('articleList_' + depth3 + '_' + dataIndex);
        open_articleList[0].style.display = '';

        $('#raiseTicket_div').css("display", "");

    }

</script>

<style>
    .radioLabel_dpt1 {
        font-size: 10.5pt;
        line-height: 1.8;
    }

    .radioLabel_dpt2 {
        font-size: 10.5pt;
        line-height: 1.8;
    }

    .radioLabel_dpt3 {
        font-size: 10.5pt;
        line-height: 1.8;
    }

    .q_depth1 {
        background-color: rgb(242, 242, 242, 1);
        padding: 15px;
    }

    .q_depth2 {
        background-color: rgb(242, 242, 242, 1);
        padding: 15px;
        margin-top: 5px;
    }

    .q_depth3 {
        background-color: rgb(242, 242, 242, 1);
        padding: 15px;
        margin-top: 5px;
    }

    div[class*='articleList'] {
        border-left: 5px solid rgb(100, 150, 100, 1);
        background-color: rgb(200, 220, 200, 0.2);
        margin-top: 5px;
    }

    #raiseTicket_div {
        background-color: rgb(250, 250, 250, 0.2);
        border: 1px solid rgb(225, 225, 225, 1);
        padding: 15px;
        margin-top: 15px;
    }

</style>



<div class="q_depth1">
    <span style="font-size: 14pt; font-weight: bold;">Q1. Select the type of your device</span><br>
    <input type="radio" id="q_detph1_0" name="q_depth1" value="Andr" onclick="select_depth1(this.value)">
    <label class="radioLabel_dpt1" for="q_detph1_0">Android device</label><br>
    <input type="radio" id="q_depth1_1" name="q_depth1" value="BTRe" onclick="select_depth1(this.value)">
    <label class="radioLabel_dpt1" for="q_depth1_1">Bluetooth scanner</label><br>
    <input type="radio" id="q_depth1_2" name="q_depth1" value="RFRe" onclick="select_depth1(this.value)">
    <label class="radioLabel_dpt1" for="q_depth1_2">RFID reader</label><br>
    <input type="radio" id="q_depth1_3" name="q_depth1" value="Mpos" onclick="select_depth1(this.value)">
    <label class="radioLabel_dpt1" for="q_depth1_3">Mobile POS</label><br>
    <input type="radio" id="q_depth1_4" name="q_depth1" value="Lega" onclick="select_depth1(this.value)">
    <label class="radioLabel_dpt1" for="q_depth1_4">Legacy (WCE, WEH)</label>
</div>

<div class="q_depth2" id="div_q_depth2_Andr">
    <!--Depth1에서 Android device 선택 시-->
    <span style="font-size: 14pt; font-weight: bold;">Q2. What feature has a problem?</span><br>
    <input type="radio" id="q_detph2_Andr_0" name="q_depth2_Andr" value="Pwer" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_detph2_Andr_0">Power-related features</label><br>
    <input type="radio" id="q_depth2_Andr_1" name="q_depth2_Andr" value="Wire" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Andr_1">Wireless features</label><br>
    <input type="radio" id="q_depth2_Andr_2" name="q_depth2_Andr" value="Scan" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Andr_2">Scanner</label><br>
    <input type="radio" id="q_depth2_Andr_3" name="q_depth2_Andr" value="Sysm" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Andr_3">System features</label><br>
    <input type="radio" id="q_depth2_Andr_4" name="q_depth2_Andr" value="Othe" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Andr_4">Other features</label>
</div>

<div class="q_depth2" id="div_q_depth2_Read">
    <!--Depth1에서 BT scanner 또는 RFID reader 선택 시-->
    <span style="font-size: 14pt; font-weight: bold;">Q2. What feature has a problem?</span><br>
    <input type="radio" id="q_detph2_Read_0" name="q_depth2_Read" value="Pwer" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_detph2_Read_0">Power-related features</label><br>
    <input type="radio" id="q_depth2_Read_1" name="q_depth2_Read" value="Conn" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Read_1">Connection</label><br>
    <input type="radio" id="q_depth2_Read_2" name="q_depth2_Read" value="Read" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Read_2">Reading</label><br>
</div>

<div class="q_depth2" id="div_q_depth2_Mpos">
    <!--Depth1에서 POS 선택 시-->
    <span style="font-size: 14pt; font-weight: bold;">Q2. What feature has a problem?</span><br>
    <input type="radio" id="q_detph2_Mpos_0" name="q_depth2_Mpos" value="Pwer" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_detph2_Mpos_0">Power-related features</label><br>
    <input type="radio" id="q_depth2_Mpos_1" name="q_depth2_Mpos" value="Wire" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Mpos_1">Wireless features</label><br>
    <input type="radio" id="q_depth2_Mpos_2" name="q_depth2_Mpos" value="Scan" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Mpos_2">Scanner</label><br>
    <input type="radio" id="q_depth2_Mpos_3" name="q_depth2_Mpos" value="Sysm" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Mpos_3">System features</label><br>
    <input type="radio" id="q_depth2_Mpos_4" name="q_depth2_Mpos" value="Prnt" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Mpos_4">Printer features</label><br>
    <input type="radio" id="q_depth2_Mpos_5" name="q_depth2_Mpos" value="Othe" onclick="select_depth2(this.value)">
    <label class="radioLabel_dpt2" for="q_depth2_Mpos_5">Other features</label>
</div>


<div class="q_depth3" id="div_q_depth3_Pwer">
    <!--Depth2에서 Power 선택 시-->
    <span style="font-size: 14pt; font-weight: bold;">Q3. Select detailed category of the problem</span><br>
    <input type="radio" id="q_detph3_Pwer_0" name="q_depth3_Pwer" value="Boot" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_detph3_Pwer_0">Booting issue</label><br>
    <input type="radio" id="q_depth3_Pwer_1" name="q_depth3_Pwer" value="Chrg" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Pwer_1">Charging issue</label><br>
    <input type="radio" id="q_depth3_Pwer_2" name="q_depth3_Pwer" value="Othe" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Pwer_2">Other issues</label>
</div>
<div class="q_depth3" id="div_q_depth3_Wire">
    <!--Depth2에서 Wireless 선택 시-->
    <span style="font-size: 14pt; font-weight: bold;">Q3. Select detailed category of the problem</span><br>
    <input type="radio" id="q_detph3_Wire_0" name="q_depth3_Wire" value="Wifi" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_detph3_Wire_0">Wi-Fi issue</label><br>
    <input type="radio" id="q_depth3_Wire_1" name="q_depth3_Wire" value="Blue" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Wire_1">Bluetooth issue</label><br>
    <input type="radio" id="q_depth3_Wire_2" name="q_depth3_Wire" value="Mdta" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Wire_2">Mobile data / GPS issue</label><br>
    <input type="radio" id="q_depth3_Wire_3" name="q_depth3_Wire" value="NFCi" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Wire_3">NFC issue</label>
</div>
<div class="q_depth3" id="div_q_depth3_Othe">
    <!--Depth2에서 other 선택 시-->
    <span style="font-size: 14pt; font-weight: bold;">Q3. Select detailed category of the problem</span><br>
    <input type="radio" id="q_detph3_Othe_0" name="q_depth3_Othe" value="Butn" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_detph3_Othe_0">Button issue</label><br>
    <input type="radio" id="q_depth3_Othe_1" name="q_depth3_Othe" value="Port" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Othe_1">Communication port / SD Card issue</label><br>
    <input type="radio" id="q_depth3_Othe_2" name="q_depth3_Othe" value="Disp" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Othe_2">Display / Touch issue</label><br>
    <input type="radio" id="q_depth3_Othe_3" name="q_depth3_Othe" value="Came" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Othe_3">Camera issue</label> <br>
    <input type="radio" id="q_depth3_Othe_4" name="q_depth3_Othe" value="OtheOthe2" onclick="select_depth3(this.value)">
    <label class="radioLabel_dpt3" for="q_depth3_Othe_4">Other issues</label>
</div>
<br>


...

Divbox
classarticleList_Andr_Othe_OtheOthe2

Find troubleshooting guide

Common Solutions

Content by Label
showLabelsfalse
showSpacefalse
reversetrue
excludeCurrenttrue
cqllabel = "troubleshooting" and label = "Andr" and label = "Othe" and label = "OtheOthe2" and label = "common"


Solutions for Specific Models

Content by Label
showLabelsfalse
showSpacefalse
reversetrue
excludeCurrenttrue
cqllabel = "troubleshooting" AND label != "common" and label = "Andr" and label = "Othe" and label = "OtheOthe2"

Divbox
classarticleList_BTRe_Pwer

Find troubleshooting guide

Solutions for Specific Models

Content by Label
showLabelsfalse
showSpacefalse
reversetrue
excludeCurrenttrue
cqllabel = "troubleshooting" and label = "BTRe" and label = "Pwer"

...

Divbox
classarticleList_Mpos_Othe_OtheOthe2

Find troubleshooting guide

Common Solutions

Content by Label
showLabelsfalse
showSpacefalse
reversetrue
excludeCurrenttrue
cqllabel = "troubleshooting" and label = "Mpos" and label = "Othe" and label = "OtheOthe2" and label = "common"


Solutions for Specific Models

Content by Label
showLabelsfalse
showSpacefalse
reversetrue
excludeCurrenttrue
cqllabel = "troubleshooting" AND label != "common" and label = "Mpos" and label = "Othe" and label = "OtheOthe2"

Divbox
classarticleList_Lega

Find troubleshooting guide

Common Solutions

Content by Label
showLabelsfalse
showSpacefalse
reversetrue
excludeCurrenttrue
cqllabel = "troubleshooting" and label = "Lega"

...