Forum d'entraide PHPFrance

Salut,

j'ai ce code pour faire apparaitre/disparraitre une div :

<script language="javascript">
function hideShow(id_div)
    {
    var img = "image";
    img += id_div ;
    if (document.getElementById(id_div).style.display=='block')
        {
        document.getElementById(id_div).style.display='none'
        document.getElementById(img).src='down.png'
        }
    else
        {
        document.getElementById(id_div).style.display='block'
        document.getElementById(img).src='up.png'
        }    
    }
</script>

<a href="#"><img src="down.png" name="image1" border="0" id="image1" onClick="hideShow(1)"></a>
<div id="1" style="display:none ">
contenu
</div>

Ce code marche bien et fait donc apparaitre/disparraitre "tout d'un coup", comment faire pour que ca fasse une ouverture et fermeture comme un "volet"?

Merci de votre aide

Tu peux utiliser un framework Javascript pour faire de jolis effets sur l'ouverture / fermeture de div. Mootools par exemple (http://mootools.net/), en prenant les fonctions FX.

Il n'y a pas un moyen de faire quelque chose avec mon script?

Oups, je n'étais pas identifié, désolé.

Personne?

Pour faire ça, il faudrait que tu joues sur les propriétés CSS du bloc à faire apparaître/disparaitre avec un système de timeout JavaScript.

Il existe même des librairies genre script.aculo.us qui proposent des variantes, mais ça peut vite devenir lourd en terme de code

J'ai essayé ce script : http://demos.mootools.net/Fx.Slide

Mais il ne fonctionne pas chez moi.

J'ai essayé ce script : http://demos.mootools.net/Fx.Slide
Mais il ne fonctionne pas chez moi.

Quel est le problème? Tu as des erreurs?
Nous n'avons aucune idée de l'implantation que tu as fait de la librairie proposée sur ce site. On ne peut donc pas deviner malheureusement.

J'ai essayé sur une page vierge de mettre exactement les codes proposés par le lien ci-dessus, et rien ne marche.

Forum d'entraide PHPFrance

Faire apparaitre/disparaitre une div

Faire apparaitre/disparaitre une div