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

fisting porn

Last articles

Modifier la page d'erreur 40... Afficher un Plane Papervisio... Identical Icons in component... Accélérer la fermeture de Wi... Contrôler un SWF externe - E... Utiliser l'opacité d'un masq... Qu'est-ce que Stage3D ?... embedFonts et styleSheet - I... Perspectives d'emploi encour... Customiser le bouton Retour ...

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