data-hrefでのcolorbox設定方法
かなり調べてみたのですが解決方法がわからなく、ご教授頂けると幸いです。
まず、テーブル行を全体をリンク(クリック)できるように設定しています。
jQueryは下記のような感じで設定しています。
===============================
$(function() {
$('.list tr[data-href]').addClass('clickable')
.click(function(e) {
if(!$(e.target).is('a')){
window.location = $(e.target).closest('tr').data('href');}
});
});
===============================
そしてリストの各行をクリックすると、ColorboxにてInlineフレームを表示したく下記の様に記載しました。
===============================
<table class="list">
<tr class="inline" data-href="#inline_content">
<th>タイトル</th>
<td>説明</td>
<td>日付</td>
</tr>
<tr class="inline" data-href="#inline_content">
<th>タイトル</th>
<td>説明</td>
<td>日付</td>
</tr>
<tr class="inline" data-href="#inline_content">
<th>タイトル</th>
<td>説明</td>
<td>日付</td>
</tr>
</table>
===============================
Colorboxの記述は下記になります。
===============================
$(document).ready(function(){
$(".inline").colorbox({inline:true, width:"350px", height:"300px"});
});
===============================
これだと、Colorbox自体は作動するのですが、真っ黒で中身が表示されず指定サイズの枠のみ出てきます。
通常のColorbox設定では<a class="inline" href="#inline_content">テキスト</a>と記述し、こちらをテーブル以外の場所のテキストにリンクするときちんと作動します。
という事は<a ~></a>という形で設定していないから、という事はわかるのですが
tr自体につけた【data-href="#inline_content"】にはどのように設定すれば良いでしょうか?
$(".list tr[data-href].inline").colorbox({inline:true, width:"350px", height:"300px"});
$(".list tr.inline[data-href]").colorbox({inline:true, width:"350px", height:"300px"});
なども試しましたがダメでした。
海外サイトでの記述等もかなり調べてみたのですが
Colorboxでdata-hrefと併用している例が見つけられず、いきづまってしまいました。
ご教授頂けますと幸いです。
どうぞ宜しくお願い致します。
お礼
回答ありがとうございます。 上記のようにしたところアドレスバーには http://~cgi.?GYOU=3 と出てきました。 このGYOU=3を本文中で扱うにはどのようにしたらいいのでしょうか? read(STDIN,$buffer,$ENV{'QUERY_STRING'}); ではダメですか?
補足
すいません、$buffer = $ENV{'QUERY_STRING'};でできました。 ありがとうございました。