【PHP+SQLite3】ping-t의 커맨드 문제 라이크인 페이지 1 --버튼 표시 전환에 난문이! ! -

1. 커맨드 문제 선택 화면 {수리 전}



아래와 같은 카테고리마다 문제를 선택할 수 있는 화면을 만든다.



지난번, 아래의 기사를 작성했다.

【PHP+SQLite3】linux 커맨드 등록 툴

명령과 명령에 대한 설명을 저장하는 데이터베이스를 만들었으므로이 데이터베이스를 사용하여
문제를 출제하는 페이지의 작성에 트라이한다.

(1) 모든 카테고리를 표시하고 몇 출제할지를 선택하고 시작 버튼을 누릅니다.
(2)선택한 카테고리와 출제 수분 문제가 입력란 첨부로 표시된다.
답변에 대해 확인 버튼 (정답률을 표시하는 페이지로 전환)과 뒤로 버튼 (첫 번째 화면으로 돌아 가기)
단, 선택한 카테고리에 대해 문제나 답변이 등록되어 있지 않을 때는 뒤로 버튼만 표시.

linux_command_test1.php
<!DOCTYPE html>
<html lang="ja">
<meta charset="utf-8">
<form action="linux_command_test2.php" method="post">
<title>データ送信テスト</title>
<h1>データ送信テスト</h1>
カテゴリー:
    <select name="l_category">
        <option>1capacity_planning</option>
        <option>2Linux_Kernel</option>
         <option>3Boot_System</option>
        <option>4Device_FileSystem</option>
        <option>5Raid_Lvm</option>
        <option>6Network</option>
        <option>7Mentenance</option>
        <option>8DNS</option>
        <option>9WebServer</option>
        <option>10Samba_NFS</option>
        <option>11dhcp_ldap</option>
        <option>12mailService</option>
        <option>13SystemSecurity</option>
    </select>
    <br>
問題数:
    <select name="l_num">
        <option>5</option>
        <option>10</option>
        <option>15</option>
    </select>
    <br>  
<input type="submit" value="スタート" name="btn1">

<br>
</form>
</html>


2. 고통은 갑자기! !



이것은 수십 년 전 트렌디 드라마의 제목이 아닙니다.

전술한 「확정 버튼의 표시/숨기기」의 전환이, 금세기 최대의 고통이 되어 버렸다.
  • submit 버튼에 파라미터에 의해 disabled 속성을 붙여 봅니다.

  • ——-> 이 속성이 있는 것만으로, 숨기기.
  • submit 버튼에 파라미터에 의해 visibility 속성(none|visible)을 붙여 본다.

  • ——-> 전환이 잘되지 않는다.

    자바스크립트에서는 짱짱 해결책이 나와 있지만,
    php로부터는 form부품의 표시·비표시의 전환을 할 수 없는 것 같은 것을 알았다.

    3. 어떻게 하면 좋을까.



    어떤 카테고리에 대해 문제나 명령이 존재하는지 확인해 보자.

    SELECT DISTINCT category0 from tbl_linux

    DBbrowser에서 위의 sql을 던지면
    두 가지 범주가 표시되었습니다.
    이 두 범주가 선택 상자에 표시되도록
    하면 된다.



    4. 개수 후



    linux_command_test1.php
    <!DOCTYPE html>
    <html lang="ja">
    <meta charset="utf-8">
    <form action="linux_command_test2.php" method="post">
    <title>linuxコマンド問題(カテゴリー選択)</title>
    <h1>linuxコマンド問題(カテゴリー選択)</h1>
    <?php 
        //問題登録しているカテゴリーの種類
        $query_cate0 = "SELECT DISTINCT category0 from tbl_linux";
    
        $db_name='linux_quiz3.db';
        $db1 = new PDO('sqlite:'.$db_name);
    
        $result_a=$db1->prepare($query_cate0);
        $result_a->execute();
     ?>
    カテゴリー:
        <select name="l_category">
            //カテゴリーを配列に格納し、セレクトボックスに表示
            <?php while($select_data=$result_a->fetch(PDO::FETCH_ASSOC)){ ?>
            <option><?php echo $select_data['category0']; ?></option>
            <?php } ?>
        </select>
        <br><br>
    問題数:
        <select name="l_num">
            <option>5</option>
            <option>10</option>
            <option>15</option>
        </select>
        <br><br>
    <input type="submit" value="スタート" name="btn1">
    <br>
    </form>
    <?php 
        //データベースを閉じる。
        $db1=null;
     ?>
    </html>
    

    어떻게든 완성.

    좋은 웹페이지 즐겨찾기