Question

我们可以通过带有静态网址的链接打开一个smoothbox popup，就像这样

<a  id ="join-request" href="<?php echo $this->baseUrl() ?>/register/selected_groups/test?>TB_iframe=true" class="smoothbox">
click me
 </a>

但是如何通过点击按钮来实现呢？

Answer 1

Chek this demo

如果按钮通过php得到不同的URL，请使用：

<强> HTML

<button class="smoothbox" url="ONE<?php echo $this->baseUrl() ?>/register/selected_groups/test?>TB_iframe=true">Click me - one</button>
<button class="smoothbox" url='TWO<?php echo $this->baseUrl() ?>/register/selected_groups/test?>TB_iframe=true'>Click me - two</button>

<强>脚本

window.addEvent("domready", function (e) {
    document.getElements(".smoothbox").addEvent("click", function (e) {
        $('test_result').innerHTML = e.target.innerHTML + '</br >URL is: ' + e.target.getProperty('url');
        var url = e.target.getProperty('url');
        window.open(url, '_blank'); //or smoothbox
    });
});

如果php总是给出相同的url，你可以在脚本中而不是在按钮内回显它，比如

var url ='<?php echo $this->baseUrl() ?>/register/selected_groups/test?>TB_iframe=true'

如何在按钮单击时打开smoothbox iFrame弹出窗口，以获取动态URL

1 个答案: