[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME>WEBプログラム覚書>JavaScriptでテーブルの行を交互に色分け
JavaScriptでテーブルの行を交互に色分け
HTMLにclass振って対応している場合、行の削除、挿入が頻繁にあると対応がとても面倒なのでJavaScriptを活用するとよい。
ググッてみたらたくさん出てきたので今さら感はありますがメモってことで。
サンプル
Javascript
- <script language="javascript" type="text/javascript">
- window.onload = TrColor;
- function TrColor(){
- var tr = document.getElementsByTagName("tr");
- for(i=0; i<tr.length; i++){
- if (i % 2 == 0) {
- tr[i].style.backgroundColor = "#E8E8E8";
- }
- }
- }
- </script>
HTML
- <table id="javaSample">
- <tbody>
- <tr>
- <th>JavaScript</th>
- <td>ジャバスクリプト</td>
- </tr>
- <tr>
- <th>ＰＨＰ</th>
- <td>ピーエイチピー</td>
- </tr>
- <tr>
- <th>MySQL</th>
- <td>マイエスキューエル</td>
- </tr>
- <tr>
- <th>ＸＭＬ</th>
- <td>エックスエムエル</td>
- </tr>
- <tr>
- <th>CSS</th>
- <td>シーエスエス</td>
- </tr>
- </tbody>
- </table>
実行結果
| JavaScript | ジャバスクリプト |
|---|---|
| ＰＨＰ | ピーエイチピー |
| MySQL | マイエスキューエル |
| ＸＭＬ | エックスエムエル |
| CSS | シーエスエス |
ページにテーブルが1つの場合はうまくいくが複数ある場合ずれてしまう。 trの取得の仕方をちょっと工夫する必要があるようだ。
| 投稿日 | 2007年9月18日 12:07 |
|---|---|
| カテゴリ | JavaScript |
| タグ | インターフェイス | サンプルコード |
| トラックバック URL | http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1089 |
コメント