Simplemodal в <td> - PullRequest
Новая
       20

Simplemodal в <td>

0 голосов
/ 12 октября 2011

Я пытаюсь передать ссылки на simplemodal с: 

<td><a href="games/BG-1001.php" class ="simple_modal" >EU-ch U12</a></td>

и в нижней части http://chesstao.com/test-1.php у меня есть код для выбора URL-адреса и загрузки iframe (но он закомментирован) 

<script src="js/jquery.simplemodal-1.4.1-min.js"></script>
<script src="js/basic-min.js"></script>

<script>
// Display an external page using an iframe
//var src = "http://365.ericmmartin.com/";

$("a").attr("href")
$('.simple_modal').click(function() {
var hrefval= $(this).attr("href");

});


//$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
//closeHTML:"", containerCss:{backgroundColor:"#fff", borderColor:"#fff",
//height:450, padding:0, width:830}, overlayClose:true}); </script>

Проблема в том, что я не могу использовать литерал для установки src: var src = "http://365.ericmmartin.com/"; // DW

потому что URL в данных таблицы изменяется.

Может кто-нибудь сказать, пожалуйста, как смешать закомментированный код с другим кодом ?. Я прав в своей оценке?

1 Ответ

0 голосов
/ 12 октября 2011

Как насчет простого вызова метода modal() из события клика? 

$('.simple_modal').click(function(e) {
    // Get the href value of the <a> that was clicked
    var hrefval= $(this).attr("href");

    // Insert the href value into the parameter of the modal() method
    $.modal('<iframe src="' + hrefval + '" height="450" width="830" style="border:0">', {closeHTML:"", containerCss:{backgroundColor:"#fff", borderColor:"#fff", height:450, padding:0, width:830}, overlayClose:true});

    // preventDefault() stops the default behavior of the <a> that was clicked
    e.preventDefault();
});

Вот демоверсия JSFiddle

...