2011-01-08 24 views
0

これは私のテーブルです。Onmouseoverテーブル行の色を変更する

<?php 

while(($result = mysqli_fetch_assoc($query))){ 
echo '<tr>'; 
echo '<td>'; 
echo $result['serial']; 
echo '</td>'; 
echo '<td>'; 
echo $result['address']; 
echo '</td>'; 
echo '<td>'; 
echo '<a href="profile-display.php?name='.$result['name'].'">'.$result['name'].'</a>' ; 
echo '</td>'; 
echo '<td>'; 
echo $result['postal']; 
echo '</td>'; 
echo '<td>'; 
echo $result['website']; 
echo '</td>'; 
echo '</tr>'; 
} 

?> 

ここで、ユーザーがマウスを1行上に動かすと、色が変わります。

+0

? Btw。 PHPをHTMLに埋め込み、その逆の場合には、コードを読みやすく保守しやすくなります。 –

+0

htmlをエコーし​​ないでください。テンプレートエンジンを使用するか、を使用してください。あなたのコードは非常に理解しにくいです。 –

答えて

5

あなたのCSSにこれを追加し、IE 6をサポートする必要がない場合:

table tr:hover { 
    background:orange; 
} 
+1

got it.thanks .. – sarthak

+0

@ryan:ようこそ。 – user113716

+1

@ryan:この回答を参考にして「受け入れる」ことを忘れないでください。ありがとう。 :o) – user113716

1

あなた<tr>タグ<tr onMouseOver="this.bgColor='#EABF4E';">を作る、またはCSSでtable tr:hoverを使用しています。

1

私はnoobのビットですが、テーブル行にクラスを与え、そのクラスにあなたのCSSファイルのホバープロパティを与える必要があると思います。

はそうのようなあなたのテーブルの行にクラスを追加します。

echo '<tr class="highlighter">'; 

をあなたはちょうどあなたがあなたのCSSファイルで同じ名前を使用してください、何もそれに名前を付けることができます。今

、スタイルクラスには、ユーザーのマウスがホバー色の変化だように:あなたがこれまでに試してみました何

.highlighter:hover { 
    background: #ffff99; 
} 
関連する問題