先ほど、カテゴリ違いの場所に、同じ内容を質問してしまい、
こちらに質問をし直させていただきました。
住宅情報の「スーモ」では、検索結果を一覧表にして表示していますが
この表のセルにマウスを重ねると、リンクの機能が有効になり
A要素以外でもクリックして詳細情報のページへジャンプできるようになっています。
例)スーモの検索結果
http://suumo.jp/jj/chintai/kensaku/FR301FB001/?a …
このような、A要素以外もクリックできるような仕組みを探しているのですが、JavaScriptやAjaxには詳しくないので、調べてみましたが良く分かりませんでした。
サンプルと同じように、A要素以外の表の列(セル)をクリックできるようにする機能はあるのでしょうか?
このようなJSファイル等を配布しているサイト、または似たような機能がある!という情報を教えてください。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
まずは、javascriptについて学習して、ある程度詳しくなって実装するべきですが、jQueryというのを使えば、自分でだらだらコーディングしなくても
お望みの事は簡単に出来ます。
jQuery日本語リファレンスのページです。
http://semooh.jp/jquery/api/events/bind/type%2C+ …
しかし、自分でだらだらコーディングするのが勉強になります。
DOM要素のクリックのイベントをハンドリングして、クリックされたら
その要素内のリンク先を取得して、window.open()で自分自身に出すなり、新しいページを開くなりすればよい。
ありがとうございました。
JavaScriptは少し勉強しているのですが、日常の業務に押されて必要な機能をまず…という状態でした。
Ajax等にもあまり明るくない私ですが、仕事でどうしても必要な機能はなんとか…
今後、時間を見つけて作業していきたいと思います。
jQueryを使った「biggerlink」という機能(CSSと連動)を使い、やりたかったことが可能でした。
(※これだけでは、CSSによる背景色の二重定義等がうまくいかなかったのでCSSをやりくりして実現できました)
ありがとうございました。
No.2
- 回答日時:
それぞれのたぐに、onclickをつけるくらいなら・・・。
<script type="text/javascript">
//@cc_on
document./*@if (1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/'click', Handler, false);
function Handler (evt) {
var e = evt./*@if(1) srcElement @else@*/ target /*@end@*/;
alert('くりっくしたようそは、' + e.nodeName + 'だじょ');
}
</script>
ありがとうございます。
上記、参考にさせていただき、今後何かで役立たせることができるようJavaScriptをより深く勉強していきたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(パソコン・スマホ・電化製品) とある情報が知りたく、検索して表示されたリンクをクリックしてページを見て、そこに知りたい情報の説明の 3 2022/11/26 18:55
- WordPress(ワードプレス) WordPressのサイトにPDFをアップロードした際にGoogleなどの検索結果に出ないでほしい 1 2022/08/03 10:44
- メルカリ <メルカリShops>消費者庁による販売許可の出ている機能性表示食品?の調べ方から 1 2022/11/24 17:46
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- Wi-Fi・無線LAN PCWi-Fiの設定方法がわからなくて困っています。 4 2022/12/28 18:30
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- Excel(エクセル) 【Excel】hyperlink関数を解除してもハイパーリンクが活きるようにできますか? 3 2023/05/22 11:22
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PDF こんなPDF作れますか? 6 2022/05/13 11:14
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラムについて。
-
スマホ上で、左右スワイプで次...
-
初心者です。gulpでコンパイル...
-
プログラムがうまく動きません...
-
jsで質問です。 displayプロパ...
-
【Google Apps Script】「ライ...
-
console.logがどうしても2つ機...
-
指定時間になったら、WEBサイト...
-
Googleフォームで選択肢に応じ...
-
セレクトを全て選択されていな...
-
イラストレーター、縦中横のシ...
-
sessionStorageを調べています。
-
コードレビューをお願いします。
-
セレクトボックスで配列を呼び...
-
jsで、配列内の文章を改行する...
-
jQueryで同じクラス名のものを...
-
HTMLタグに複数のクラスを設定...
-
コードレビューをお願いします。
-
IndexedDB を使ってファイルア...
-
画面遷移を行わずに同一ページ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
amazonの商品画像拡大のようなj...
-
jwplayer.js controlbar制御
-
「光の三原色」みたいな「三つ...
-
ホームページビルダーを使って...
-
d3.jsを使っての折れ線グラフと...
-
最後から最初に戻って始まるカ...
-
ページ全体の拡大/縮小が行え...
-
リンク先をマウスが移動すると...
-
アンカーにマウスオーバーして...
-
C#で枠無しウィンドウの移動
-
Windows Form のMSChartで、グ...
-
altやtitleタグの表示のような...
-
【JavaScrip】メニューボタンに...
-
画像のポップアップ
-
画像の上にマウスをもってくる...
-
教えてgooのカテゴリー選択のよ...
-
JavaScriptで・・・
-
JavaScriptで、表を絞り込み&ソ...
-
ポップアップでX固定Yマウス座...
-
以下のコードを実行しても、オ...
おすすめ情報