geek space web solutions

Utiliser la Squeezebox de Joomla

Mardi, 18 Mai 2010 22:06
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>
 

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