画面でリンクをクリックすると色を変えるやり方はわかったのですが、foreachで取り出したものを全部一度に表示しているので、一度リンクをクリックしただけでクリックしていないリンクまで色が変わってしまいます。
画面にリンクが以下のような状態で表示されています。
sample
test
teat(B)
test(C)
例えばtest(B)のリンクをクリックした場合、test(B)のみ色を変えたいのですが、現状ですとtest(B)をクリックしただけで他のリンクも全て色が変わってしまいます。
他のsampleやtestをクリックした動きも同様です。
foreachでリンクを回して表示させているのが原因だと思うのですが、どのようにすればよろしいでしょうか。
よろしくお願い致します。
lang
1<!doctype html> 2 3<head> 4 <meta charset="UTF-8"> 5 <?php header( "Content-Type: application/json; charset=utf-8" ) ;?> 6 <!-- CSSを追加 --><!-- ① 追加 --> 7 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 8 <title>Document</title> 9 <style type="text/css"> 10 11a:link { color: #0000ff; } 12a:visited { color: #000080; } 13a:hover { color: #ff0000; } 14a:active { color: #ff8000; } 15 16</style> 17</head> 18<body> 19 20 <table border=1 style="float:left; margin-right:20px;"> 21 <tr><th>リンク</th></tr> 22 23 @foreach ($sample as $key => $name) 24 <tr><td><a href="http://local<?php echo $key;?>"><?php echo $name['taro'];?></a></td></tr> 25 @endforeach 26 27 </table> 28</body> 29</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/13 06:22