Discussion :

[klawn]

Bonjour à tous,

J'aimerais développer en PHP un effet déroulant qui s'active lors d'un click, à la manière du webmail de Google pour afficher la liste des "contacts rapides" (à gauche de l'écran).
Quelle technique est la plus efficace selon vous ?

[Amara]

Ca va plutôt être en JavaScript je pense...

[klawn]

Il n'existe vraiment aucune technique PHP pour faire ça ? Recourir à AJAX est peut-être un peu excessif pour réaliser un effet de ce genre...

[dam_moreyllo]

Bonjour !
Je ne connais pas le webmail de google mais j'imagine que c'est une div qui s'agrandit petit à petit. Si c'est bien ça, effectivement c'est en javascript qu'il faut faire.
Tu peux faire ça, en gros :
- tu met comme style à ton div déroulant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.deroulant {
   overflow: hidden;
   height: 100px;
   width: 100px;
   display: none;
}

- sur le onclick de ton bouton, tu va sauvegarder dans une variable l'height d'origine de la div, changer son height à 1px et la rendre visible ("block"). Ensuite tu déclenche un timeout qui va augmenter la taille du déroulant de 1px toutes les 1ms (faire varier ces deux valeurs pour changer la vitesse de déroulement). Ce timeout va s'arrêter lorsque la taille de la div sera égale à la taille d'origine.

Et voilà ! Bon c'est le fonctionnement en gros, y aura peut-être des petits détails à régler !