0

データベースからの単語とその意味を含むテーブルが必要です。別の列には、各行のチェックボックスが必要です。ユーザーはそれらをチェックして、知っている単語を表示します。この場合、2 つの質問があります。2-チェックボックスを設定するにはどうすればよいですか? 私は今までこのコードを持っていますが、うまくいきません。できれば助けてください

<script type="text/javascript">
        function ShowMeanings(){
        document.getElementsByClassName('hiding').item(0).style.visiblility = 'visible';
        }
</script>
<?php
  $con = mysql_connect("localhost", "root", "")
  or die(mysql_error());   
  if (!$con) { 
                                        die('Could not connect to MySQL: ' . mysql_error()); 
                                    } 
                                    mysql_select_db("project", $con)
                                    or die(mysql_error());
                                    $result = mysql_query("select * from words");
                                    echo "<table border='1'>
                                        <tr>
                                        <th>word</th>
                                        <th>meaning</th>
                                        <th>check</th>
                                        </tr>";
                                    while($row = mysql_fetch_array($result))
                                      {
                                      echo "<tr>";
                                      echo "<td>" . $row['word'] . "</td>";
                                      echo "<td>";
                                      echo "<div";
                                      echo "class='hiding' style='visibility:hidden'>" . $row['meaninig'];
                                      echo "</div>";
                                      echo "</td>";
                                      echo "<td>";
                                      echo "<input";
                                      echo "type= 'checkbox' name = 'checkbox' id = 'checkbox' value = '' />";
                                      echo "</td>";
                                      echo "</tr>";
                                      }
                                      echo "</table>";
                                      mysql_close($con);                                                                                   
                                ?>

                                </div>
                                <button onclick="ShowMeanings()">showmeaning</button>
4

2 に答える 2

0

提案を非表示にするには:

 echo "class='hiding' style='display:none'>" . $row['meaninig'];

意味を示すには:

//for Jquery

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
        function ShowMeanings(){
           $('.hiding').shoW();
        }
</script>

または

 //for plain old javascript
    <script type="text/javascript">
                function ShowMeanings(){
                  document.getElementsByClassName('hiding').style.visibility = 'visible';
                }
        </script>

あなたのコードが編集されました:

<html><head>
 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
        function ShowMeanings(){
           $('.hiding').shoW();
        }
</script>
</head>
<body>
<?php
  $con = mysql_connect("localhost", "root", "")
  or die(mysql_error());   
  if (!$con) { 
                                        die('Could not connect to MySQL: ' . mysql_error()); 
                                    } 
                                    mysql_select_db("project", $con)
                                    or die(mysql_error());
                                    $result = mysql_query("select * from words");
                                    echo "<table border='1'>
                                        <tr>
                                        <th>word</th>
                                        <th>meaning</th>
                                        <th>check</th>
                                        </tr>";
                                    while($row = mysql_fetch_array($result))
                                      {
                                      echo "<tr>";
                                      echo "<td>" . $row['word'] . "</td>";
                                      echo "<td>";
                                      echo "<div";
                                      echo "class='hiding' style='display:none'>" . $row['meaninig'];
                                      echo "</div>";
                                      echo "</td>";
                                      echo "<td>";
                                      echo "<input";
                                      echo "type= 'checkbox' name = 'checkbox' id = 'checkbox' value = '' />";
                                      echo "</td>";
                                      echo "</tr>";
                                      }
                                      echo "</table>";
                                      mysql_close($con);                                                                                   
                                ?>

                                </div>
                                <button onclick="ShowMeanings()">showmeaning</button>
    </body>
于 2013-10-04T20:59:37.053 に答える
0

getElementByClassName存在しない機能です。ただしgetElementsByClassName、これは要素のリストを返すため、いずれかを選択する必要があります。

document.getElementsByClassName('hiding').item(0).style.visibility = 'visible';

于 2013-10-04T21:01:17.537 に答える