質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JSF

JSF (JavaServer Faces)とは、JavaベースのWebアプリケーションフレームワークの一つです。

Java EE

Java EE(Java Enterprise Edition)はJavaベースのテクノロジーとその相互運用の仕様をまとめたものです。サーバとクライアントのアーキテクチャを規定し、特定アプリケーションのクラス用に定義されたテクノロジー設定のプロファイルを使用します。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Q&A

解決済

1回答

2170閲覧

データテーブルの行をリンクにするには

anonyrabbit

総合スコア78

JSF

JSF (JavaServer Faces)とは、JavaベースのWebアプリケーションフレームワークの一つです。

Java EE

Java EE(Java Enterprise Edition)はJavaベースのテクノロジーとその相互運用の仕様をまとめたものです。サーバとクライアントのアーキテクチャを規定し、特定アプリケーションのクラス用に定義されたテクノロジー設定のプロファイルを使用します。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

0グッド

0クリップ

投稿2016/12/14 10:44

イメージ説明

上記のようなデータテーブルをjsfで作り、詳細へをクリックすると詳細ページに飛ぶようになっていて、このデータテーブルの行を丸ごとリンクにしたいと思っているのですがやり方を調べてもわかりません。どなたかお分かりになる方いらっしゃいましたらご回答の方よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2016/12/14 11:22

Js
guest

回答1

0

ベストアンサー

jquery使えば行けるのではないでしょうか?下記のページを参考にしてみると良いと思います。
参考ページ

html

1<html> 2 <head> 3 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 4 <script> 5 $(function(){ 6 $(".list td:not(td.imgLink)").click(function () { 7 var id = $(this).parent().attr("testId"); 8 location.href = "${contextPath}/edit/" + id + "/"; 9 }); 10 }); 11 </script> 12 <style type="text/css"> 13 .list tr:hover td { 14 background:#FFF7CD; 15 color:#000000; 16 } 17 .list td{ 18 padding:0.3em 1em; 19 cursor: pointer; 20 } 21 </style> 22 </head> 23 <body> 24 <table class="list"> 25 <tr> 26 <th>ID</th> 27 <th>名前</th> 28 </tr> 29 <tr testId="1000"> 30 <td>1000</td> 31 <td>松尾芭蕉</td> 32 </tr> 33 <tr testId="2000"> 34 <td>2000</td> 35 <td>金子みすず</td> 36 </tr> 37 <tr testId="3000"> 38 <td>3000</td> 39 <td>与謝野晶子</td> 40 </tr> 41 </body> 42</html>

投稿2016/12/15 05:41

編集2016/12/15 05:44
motuo

総合スコア3027

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問