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

Perspectives d'emploi encour... Utiliser l'opacité d'un masq... Problèmes de codage utf-8 av... Cube 3D avec images - Paperv... Les nouveautés de Joomla 1.6... Ouvrir une page Web depuis u... Ouvrir une Squeezebox en jav... Effet Noir et blanc ou Nivea... Module Joomla CatArtordion -... Lien web dans une applicatio...

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