Comment ouvrir un smoothbox iFrame pop-up, sur le bouton cick, pour une URL dynamique

Question

Nous pouvons ouvrir un popup smoothbox d'un lien avec l'URL statique comme celui-ci

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

Mais comment faire en un clic de bouton?

Answer 1

Chek this demo

Si les boutons obtenir différents url par php utilisez:

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> 

scénario

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 
    }); 
}); 

Si le php donne toujours la même URL, vous pouvez l'écho dans le script au lieu de l'intérieur des boutons, comme

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