geek space web solutions

Utiliser la Squeezebox de Joomla

Tuesday, 18 May 2010 22:06
There are no translations available.

squeezebox joomla
Vous connaissez certainement les lightbox, lytebox, shadowbox, etc. Joomla utilise squeezebox. Vous pouvez l'utiliser facilement sur vos pages.


1ère étape :

Il faut biensûr que le javascript permettant d'utiliser le squeezebox soit appelé. Pour cela insérez le code ci-dessous dans votre template :
JHTML::_('behavior.modal');
Il générera automatiquement le code ci-dessous :
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<script type="text/javascript" src="/media/system/js/modal.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {

SqueezeBox.initialize({});

$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
</script>
J'ai remarqué qu'en insérant directement le codé ci-dessus dans le template, la squeezebox ne s'ouvrait pas sur les pages de recherche ou de login (frontoffice de joomla)... C'est parce que sur ces pages le javascript mootools.js n'est pas appelé... En insérant le simple code JHTML::_('behavior.modal'); dans l'index.php du template, ce problème est résolu, Joomla insérera automatiquement le javascript mootools.js nécessaire à son fonctionnement.

2ème étape :
Utilisez le code ci-dessous dans votre template ou dans vos articles pour ouvrir une fenêtre squeezebox :
<a rel="{handler: 'iframe', size: {x: width, y: height}}" href="/address" class="modal">link name</a>
 

Add comment


Security code
Refresh

Sections


Last articles

Utiliser des expressions rég... Problème de positionnement d... Afficher les catégories touj... Erreur de Sécurité Flash Pla... Scythe Mugen 2 Cooler test... Activer le mode galerie de S... Module Joomla CatArtordion -... Lancer une application au dé... Présentation de CoffeeScript... Module Joomla SeCatordion - ...

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