geek space web solutions

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 ...

});
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir

Sections

Éditeur de fichier XML en ligne


"XML Manager" est un éditeur sécurisé permettant d'administrer en ligne un fichier XML.
Il fournit des fonctions avancées de recadrage et de redimensionnement des images...

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