[Problème] afficher/masquer div

[schtroumpfette]

Bonjour à tous,

J'ai beau faire et défaire tous les topics sur mon problème je ne trouve pas la solution, je pense tout simplement que je m'y prend mal mais là j'ai besoin de vous svp..

Je dois afficher/masquer un div au survol de la souris sur une partie du texte.

J'ai trouvé ce code :

<script type="text/javascript">
function AfficherCacher(texte)
{
var test = document.getElementById(texte).style.display;
if (test == "block")
{
document.getElementById(texte).style.display = "none";
}
else
{
document.getElementById(texte).style.display = "block";
}
}
</script>

<a href="#" onclick='AfficherCacher("MonTexte1"); return false'>Texte 1</a><br />
<div id="MonTexte1" style="display:none">
Contenu Caché de Texte 1
</div>

mais joomla ne le mémorise pas, j'ai alors essayer de l'intégrer avec soucerer mais cela ne fonctionne toujours pas..

Pouvez vous m'aider svp ?
Merci bcp !!!

[lucvillalba]

Re : afficher/masquer div

Tu peut le faire direct en CSS

Tu dis à ta div de s'afficher hors de ta page:

#div_en_question{
position:absolute;
left: -999em;
}

Puis tu lui dis d'apparaitre au survol de la souris de l'élément souhaité:

#élément_survolé[COLOR="#FF8C00"]:hover[/COLOR] #div_en_question{
left: auto;
}

[ghazal]

Re : afficher/masquer div

Salut,
pourquoi ne pas profiter de la,puissance de Mootools, la librairie JS qui accompagne Joomla ?
Démo ici :

http://jsfiddle.net/5qbkj/1

Mise en place dans ton index.php ou dans Sourcerer:

<script type="text/javascript" charset="utf-8">
window.addEvent('domready',function() {

$$('.glisse').each(function(el) {
var fx = new Fx.Slide(el.getElement('div')).hide();

el.getElement('a.tog').addEvent('click', function(e) {
e.stop();
fx.toggle();
});
});
});
</script>

Il y a encore d'autres solutions pour implémenter un script JS dans Joomla.