テーブル内のすべてのtrにリンクを表示する方法

Question

は、データベースからテーブルを取り込むphpコードを持っています。 Lエコーテーブルからすべてのデータテーブルにeditlink

<script> 
function show() 
{ 
    document.getElementById("editlink").style.display = "inline"; 
} 
function hide() 
{ 
    document.getElementById("editlink").style.display = "none"; 
} 
</script> 

に適用され、このコードを使用して

foreach ($m as $value=>$key){ 

    echo "<tr><td onmouseover = 'show()' onmouseout='hide()' >" . $key['name'] . "<a href='add.php' id='editlink'> Edit</a>" . "</td><td>" . $key['office_name'] . "</td><td>" . $key['description'] . "</td><td>" . $key['image'] . "</td></tr>"; 
} 

ジャバスクリプトが編集リンクでのみ最初の行の表示されていることを除いて正常に動作しテーブル。どのようにlは

Answer 1

すべてのrow.thanks内のリンクを表示しない私は、これが正常に動作することを考える：

<?php 
foreach ($m as $key => $value) { ?> 
<tr> 
<td onmouseover = 'show()' onmouseout='hide()'> <?php $key['name'] ?> <a href='add.php' id='editlink'> Edit</a> </td> 
<td> <?php $key['office_name'] ?> </td> 
<td> <?php $key['description'] ?> </td> 
<td> <?php $key['image'] ?> </td> 
</tr> 
<?php } ?> 

Answer 2

あなたが行を区別し、このような何かにあなたのPHPを変更する必要があります

<?php 

    $i = 1; 

    foreach ($m as $value=>$key) { 

     echo "<tr onmouseover = 'show(".$i.")' onmouseout='hide(".$i.")'><td>" . $key['name'] . "<a href='add.php' id='editlink".$i."'> Edit</a>" . "</td><td>" . $key['office_name'] . "</td><td>" . $key['description'] . "</td><td>" . $key['image'] . "</td></tr>"; 

     $i++; 
    } 

JavaScriptは次のようになります。

<script> 
    function show(i) { 
     document.getElementById("editlink"+i).style.display = "inline"; 
    } 

    function hide(i) { 
     document.getElementById("editlink"+i).style.display = "none"; 
    } 
    </script> 

Answer 3

lこれを行う方法が見つかりました。 lは説明します編集link..codeを挿入するために、リストthroughtループのすべてのTRのノードリストを返すためにdocument.getELementsByClassNameを使用し、より良い

        <?php 
$m = edit_keymember(); 

if(!(is_array($m))){ 

    echo "not array"; 
} 

foreach ($m as $value=>$key){ 

    echo "<tr><td onmouseover = 'show()' onmouseout='hide()' >" . $key['name'] . "<a href='add.php' class='editlink' > Edit</a>" . "</td><td>" . $key['office_name'] . "</td><td>" . $key['description'] . "</td><td>" . $key['image'] . "</td></tr>"; 

} 

?> 

Javascript 

<script> 
    function show() { 
     var i; 
     var len = document.getElementsByClassName("editlink"); 
     for (i = 0 ; i <= len.length ; i++){ 

     len[i].style.display = "inline"; 

     } 
} 
function hide(){ 
    var i; 
     var len = document.getElementsByClassName("editlink"); 
     for (i = 0 ; i <= len.length ; i++){ 

     len[i].style.display = "none"; 

     } 
} 
    </script> 

は、すべての提案のためのgratefull初心者開発者リットル午前午前よりすぐに要求されます..lol..thanks