Joomlagora

Exemples de codes

Des effets MooFX dans un tableau [1.5]

Des effets MooFX dans un tableau [1.5]

Écrit par Globule 21-04-2007

Je me suis inspiré du tuto sur MooFX de la CT pour appliquer l'effet à toutes les ligne d'un tableau généré à partir de la base de données.

Voici le code :

function show_names($names) {
// on déclare d'abord les variables
global $mainframe;
// on instancie le document
$document = & $mainframe->getDocument();
// On lui ajoute les librairies JS de MooFX livrées avec Joomla! 1.5
$document->addScript($mainframe->getCfg('live_site').'/includes/js/joomla/common.js');
$document->addScript($mainframe->getCfg('live_site').'/includes/js/moofx/moo.fx.js');
$document->addScript($mainframe->getCfg('live_site').'/includes/js/moofx/moo.fx.pack.js');
// On ajoute le petit script qui appelle l'effet
$document->addScriptDeclaration("
var greeting;
var divid;
function effect(divid) {
greeting = new fx.Combo(divid, {height: true, opacity: false, duration: 500});
greeting.toggle(divid);
}
");
// On va maintenant pouvoir s'occuper de présenter les données
// On initialise d'aborde la variable qui servira dans la boucle
$i=1;
// On parcours toute les lignes du résultat de la requête passée en paramètres
foreach($names as $name){
// On défini un nom de classe pour chaque ligne en ajoutant la variable définie avant pour les différencier
$idname = 'greetingContainer'.$i;
// on définit l'évènement du clic de souris qui lance le script
echo '
<div onclick="effect(\''.$idname.'\')">
Click to see the greeting
</div>
<div style="overflow: hidden; background-color: #cccccc; height: 0px" class="line" id="'.$idname.'">
Hello '. $name[1] .' in our World!
</div>
';
// Enfin, on n'oublie pas d'incréménter pour la ligne suivante
$i++;
}
}

Derniers messages

Derniers fichiers

Extranet systembot

AutoGenerate for DocMan

bot_listcontentitems 2.0.1

bot_contentitemcontainer 1.0.0

Website name - Joomla 1.5

Les plus téléchargés

Easy eXtended Gallery 1.5.0.3 English (36294)
utChat 0.9.2 (23877)
module utchatWhosOnline 1.0.0 (10643)
Website name - Joomla 1.5 (9943)
Easy eXtended Gallery 1.5.0.3 French (9461)
oworkflows 0.3.7s (4868)
zigChat 1.3.6 (3813)
Shared Private Space v1.2.5 (2056)
plugin CB: DocMan Groups 0.1 (1713)
Module DocMan Graph 0.6 (1180)