我们可以从带有静态 url 的链接中打开一个平滑框弹出窗口,如下所示
<a id ="join-request" href="<?php echo $this->baseUrl() ?>/register/selected_groups/test?>TB_iframe=true" class="smoothbox">
click me
</a>
但是如何在按钮单击中做到这一点?
看看这个演示
如果按钮通过 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'