geek space web solutions
Ouvrir une Squeezebox en javascript

Ouvrir une Squeezebox en javascript

Mardi, 01 Février 2011 17:11
joomla squeezebox
Une Squeezebox (inspiré de LightBox) est un moyen très pratique de superposer du contenu à votre site. C'est un "clin d'oeil" pour afficher images, HTML, iFrames, SWF et plus encore. J'explique dans cet article comment ouvrir une SqueezeBox sans utiliser de lien (balise <a> avec class modal...)


Je ne détaillerai pas ici comment intégrer Squeezebox sur la page. Pour déclencher une ouverture d'une fenêtre Squeezebox en Javascript, j'ai commencé par essayer les fonctions suivantes : 
SqueezeBox.loadModal('http://www.geek-space.fr','iframe',650,400);
SqueezeBox.open('http://www.geek-space.fr');
Vous risquez d'obtenir avec ces fonctions les messages d'erreur : SqueezeBox.loadModal is not a function ou SqueezeBox.open is not a function
Cela dépend en fait de votre version de Mootools/SqueezeBox
Le code suivant fonctionne avec Joomla 1.5 : 
window.addEvent('domready', function() {

var dummylink = new Element('a', {
 href: url,
 rel: "{handler: 'iframe', size: {x: 650, y: 375}}"
});
SqueezeBox.fromElement(dummylink);

});


En revanche, si votre version de Mootools/SqueezeBox est récente, comme par exemple avec Joomla 1.6, le code ci-dessous fonctionnera :
window.addEvent('domready', function() {

 SqueezeBox.open("video.html", {handler: 'iframe', size: {x: 900, y: 530}}); // we force the "iframe" handler here ...

});
Tags:
Construire un nouveau projet Node.js   Précautions à prendre avec les commentaires dans du Javascript
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir

Sections

Rechercher

fisting porn

Tags

Derniers articles

Sondages

Pensez-vous que le HTML5 puisse complètement remplacer Flash ?
 
Seriez-vous intéressé par un éditeur d'XML en ligne ?
 

Paypal

paypal

Code du plugin Joomla AutoSEO 1.2 par www.geek-space.fr