geek space web solutions

Ouvrir une Squeezebox en javascript

Tuesday, 01 February 2011 17:11
There are no translations available.

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

});
 

Add comment


Security code
Refresh

Sections


Last articles

Contrôler un SWF externe - E... Installer le driver USB pour... Utiliser des expressions rég... Afficher les catégories touj... div absolute ou fixed et sen... Les nouveautés de Joomla 1.6... Activer le débogage USB sur ... Focus et ScrollPane - Problè... Construire un nouveau projet... Javascript et Flash avec Ext...

Sondages

Do you think HTML5 can completely replace Flash ?
 
Would you be interested in an online XML editor ?
 

Paypal

paypal

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