2010-05-21 7 views
1

Je l'ai mis en place un modalbox dans mon site, les travaux sur un <a> comme ci-dessous,Mootools modalbox aider

<a href="http://www.example.com" rel="moodalbox">External Site</a> 

Cliquez sur ce lien lancera example.com dans une fenêtre modale. Je veux recréer cet effet mais au lieu d'utiliser un lien je voudrais utiliser une case à cocher, est-ce possible? Je sais que les cases à cocher ne supportent pas rel ou href, donc avec mootools est-il un moyen de mettre un écouteur sur la case à cocher et de lancer la boîte modale à une URL spécifiée?

Toute aide ou conseil serait grandement apprécié.

+0

essayé avez-la solution i suggéré, Squeezebox est un modalbox de Mootools, ce que je l'ai suggéré vous est un moyen de implment Squeezebox. http://digitarald.de/project/squeezebox/ peut vous en dire plus sur squeezebox. Si cela ne fonctionne pas, dites-moi je crois que je peux définitivement vous aider avec ce –

Répondre

0

Une solution de contournement rapide peut être en cliquant sur un lien caché. Au clic de la case à cocher.

également la méthode ci-dessous peut vous aider à passer outre le comportement modalbox

 

window.addEvent('domready', { 

    /** 
    * Set default options, overrideable from later calls. 
    */ 
    SqueezeBox.initialize({ 
     size: {x: 350, y: 400} 
    }); 

    /** 
    * Assign SqueezeBox to all links with rel="boxed" attribute, the class then reads the "href". 
    */ 
    SqueezeBox.assign($$('a[rel=boxed]')); 

    /** 
    * Open some content manually 
    */ 
    SqueezeBox.open('manual.html'); // handler defaults to "ajax" for urls 

    SqueezeBox.open('http://digitarald.de', {handler: 'iframe'}); // we force the "iframe" handler here ... 

    SqueezeBox.open($('welcome'), {handler: 'adopt'}); // and here we force "adopt" handler 
}); 
 
+0

Désolé, je ne comprends pas très bien comment cette réponse m'aide, ce qui est exactement squeezeBox –