테이블 행에서 Simplemodal 스크립트로 URL 위치를 전달하는 방법

Question

게임 테이블의 http://chesstao.com/about.php에서 작동하는 이전 스크립트가 있습니다. 불행히도 각 tr에 대해 여러 번 반복되는 각 td의 href를 사용합니다. 나는 테이블 행을 클릭하고 href를 'test_modal'스크립트에 전달하고 싶습니다. 그래서 tr에서 onclick에서 var hrefval에 값을 할당해야한다고 생각합니다. 사실인가 거짓인가? http://chesstao.com/test.php에있는 dataTables를 깨는 방법으로이 작업을 수행하는 더 좋은 방법이 있습니까?

<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> 

Answer 1

인라인 onclick을 넣을 필요가 없습니다. 이 URL을 각 tr의 rel 속성에 넣고 온 클릭 핸들러에서 가져 오는 것이 좋습니다. . 예 : JS 코드

<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> 

:

$ (". test_modal")을 클릭 (함수 (전자) {var에 HREF = $ (이) .attr ("확인해"); 등 ..});

코드의 모든 내용을 복사하지는 않았지만 달성하려는 내용을 본 것으로 판단됩니다.

Jovan