■質問の趣旨
phpの中で、mysqlを使って表を作成しました。
さらに、表の行毎にリンク(行の1行全体にクリック可能)を
設定したいのですが、下記の方法でつまずいています。
なにかよい方法を教えてください。
■phpを使って、mysqlから表を作成(ここまでは成功)
<?php
$dsn = 'mysql:dbname=〇〇;host=〇〇';
$user = '〇〇';
$password = '〇〇';
try{
$dbh = new PDO( $dsn, $user, $password );
}catch( PDOException $error ){
echo "接続失敗:".$error->getMessage();
die();
}
$sql = 'select shopid,shop_name from shop_table ';
$stmt = $dbh->query( $sql );
echo "<table>\n";
echo "\t<tr><th>shopid</th><th>shop_name</th></tr>\n";
while( $result = $stmt->fetch( PDO::FETCH_ASSOC ) ){
echo "\t<tr>\n";
echo "\t\t<td>{$result['shopid']}</td>\n";
echo "\t\t<td>{$result['shop_name']}</td>\n";
echo "\t</tr>\n";
}
echo "</table>\n";
?>
■さらに、表の行毎にリンク(行の1行全体にクリック可能)
にする為に、phpの中でjQueryを使って行全体がリンクになるように
トライしたが、うまくいかず
<script type="text/javascript">
jQuery( function($) {
$('tbody tr[data-href]').addClass('clickable').click( function() {
window.location = $(this).attr('data-href');
}).find('a').hover( function() {
$(this).parents('tr').unbind('click');
}, function() {
$(this).parents('tr').click( function() {
window.location = $(this).attr('data-href');
});
});
});
</script>
<?php
$dsn = 'mysql:dbname=〇〇;host=〇〇';
$user = '〇〇';
$password = '〇〇';
try{
$dbh = new PDO( $dsn, $user, $password );
}catch( PDOException $error ){
echo "接続失敗:".$error->getMessage();
die();
}
$sql = 'select shopid,shop_name from shop_table ';
$stmt = $dbh->query( $sql );
echo "<table>\n";
echo "\t<tr><th>shopid</th><th>shop_name</th></tr>\n";
while( $result = $stmt->fetch( PDO::FETCH_ASSOC ) ){
echo "\t";echo '<script type="text/javascript"><tr data-href=http://〇〇リンク先〇〇"></script>'; echo"\n";
echo "\t\t<td>{$result['shopid']}</td>\n";
echo "\t\t<td>{$result['shop_name']}</td>\n";
echo "\t</tr>\n";
}
echo "</table>\n";
?>