[RÉGLÉ] module flottant : rajouter un bouton pour le cacher

[plus4]

Bonjour à tous,
je suis ravie de revenir parmi vous, ça faisait longtemps
J'ai créé un module flottant à droite dans mon site pour mettre les liens sociaux (déjà j'ai réussi ça, c'est déjà beaucoup ) mais j'aimerais qu'il puisse se "cacher" ou se fermer avec par exemple un bouton en haut ou sur le côté, comme ici : http://fes.madeinmedina.com/fr/hotel.html.
Comment dois-je procéder ?
Infos : modèle de template=t3v3_blank
version Joomla! = 2.5.9

Merci de votre aide !!

[XdiZ]

Re : module flottant : rajouter un bouton pour le cacher

Bonjour,

Je pense que c'est fait maison.

Je vous invite à consulter la JED officielle (anglais) : http://extensions.joomla.org/search?q=facebook+like

Sinon pour un initié ce n'est pas bien méchant à implémenter sur son site. Il faut afficher un block après un évènement (onclick) sur le clique sur l'image qui ouvre avec un effet "fade" (grâce au javascript) le bandeau de Facebook Fan Page.

Voici le code du site que vous avez fourni :

<div class="fans" style="width: 25px;">
<div class="contentFun" id="fansBoxIframe" style="display: none; width: 0px;"><iframe src="http://www.facebook.com/plugins/likebox.php?id=119679641378448&amp;width=300&amp;connections=10&amp;stream=true&amp;header=true&amp;height=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; position: absolute; height:95%;width:95%; z-index: 999998;" allowtransparency="true"></iframe></div>
<a class="link" href="#" id="fansLink"><img src="http://static.madeinmedina.com/shared/theme1.1/img/fansIn.png" width="24" height="147" alt=""></a>
<script type="text/javascript">
//<![CDATA[
function insertFanBox() {
var iframe = '<iframe src="http://www.facebook.com/plugins/likebox.php?id=';
iframe += '119679641378448&amp;width=300&amp;connections=10&amp;stream=true&amp;';
iframe += 'header=true&amp;height=587" scrolling="no" frameborder="0"';
iframe += ' style="border:none; overflow:hidden; position: absolute; height:95%;width:95%;';
iframe += ' z-index: 999998;" allowTransparency="true"></iframe>';
$('#fansBoxIframe').html(iframe);
}
//]]>
</script>
</div>

On a un div .fans qui englobe un autre div #fansBoxIframe qui est caché par défaut (display: none).
Lorsqu'on clique sur le lien qui entoure l'image "facebook" à la verticale, on affiche le div #fansBoxIframe (display: block).
Le code javascript est en bas insertFanBox()

Cordialement

[plus4]

Re : module flottant : rajouter un bouton pour le cacher

Bonjour,
Merci pour ces infos !

Je voulais mettre dans ce module tous les liens sociaux, pas seulement Fb, et je voulais surtout comprendre comment c'était fichu, étant donné que je suis nulle en js, histoire de savoir refaire (mettre les mains dans le cambouis, il n'y a que ça de vrai ).
Je n'ai pas trouvé où était l'effet 'fade' sur le code que vous avez recopié, mais j'ai vu qu'on pouvait utiliser la méthode Jquery, je vais tester ça. En attendant j'ai trouvé le module jpanel et ça fonctionne, j'ai réussi à y mettre les liens.