如何将URL位置从表行传递到simplemodal脚本

时间:2011-10-15 01:02:59

标签: jquery html-table popup simplemodal

我在游戏桌中的http://chesstao.com/about.php处有旧脚本。不幸的是,它使用每个td重复几次的每个tr的href。我想点击表格行并将href传递给'test_modal'脚本。所以我认为我需要从tr。

中的onclick为var hrefval赋值

是真还是假?

有没有更好的方法可以在http://chesstao.com/test.php中打破dataTable?

<tr class="gradeA" class="test_modal"  onclick="this.className='test_modal';
window.location.href='games/BG-1001.php';"><td>07/17/1998</td></tr>

<script>$('.test_modal').click(function(e) {var hrefval= $(this).attr("href");
$.modal('<iframe src="' + hrefval + '" height="535" width="1000" style="border:0">',
containerCss:{backgroundColor:"#A6B487", borderColor:"#A6B487", height:550, padding:0,
width:1020}, overlayClose:true}); e.preventDefault();});</script>

1 个答案:

答案 0 :(得分:0)

无需内联onclick。最好将此URL放在每个tr的rel属性中,并将其放在on click处理程序中。示例:

<tbody>
    <tr rel="games/BG-1001.php" class="test_modal">
       <td></td><td></td><td></td>
    </tr>
   <tr rel="games/BG-1012.php" class="test_modal">
       <td></td><td></td><td></td>
   </tr>
   <tr rel="games/BG-1020.php" class="test_modal">
       <td></td><td></td><td></td>
   </tr>
</tbody>

使用js代码:

$(“。test_modal”)。click(function(e){var href = $(this).attr(“rel”); etc ....});

我没有复制代码中的所有内容,但我相信你会看到我想要实现的目标。

约万