par
Cyrano » 25 avr. 2007, 07:58
Ça se fait effectivement avec du JavaScript : le principe, c'est que tous les blocs d'informations correspondant à tous les onglets sont bien présent dans la page. Mais selon l'onglet affiché, chaque bloc aura une propriété CSS display à "block" ou "none" et dans les liens de chaque onglet, un gestionnaire d'évènement avec deux instruction : -1- l'appel d'une fonction qui va modifier la valeur de cette propriété CSS en passant certains de "block" à "none" ou inversement selon le cas, -2- return false; pour éviter que la page ne se recharge au clic sur le lien.
Ça se fait effectivement avec du JavaScript : le principe, c'est que tous les blocs d'informations correspondant à tous les onglets sont bien présent dans la page. Mais selon l'onglet affiché, chaque bloc aura une propriété CSS [i]display[/i] à "[i]block[/i]" ou "[i]none[/i]" et dans les liens de chaque onglet, un gestionnaire d'évènement avec deux instruction : -1- l'appel d'une fonction qui va modifier la valeur de cette propriété CSS en passant certains de "[i]block[/i]" à "[i]none[/i]" ou inversement selon le cas, -2- [i]return false;[/i] pour éviter que la page ne se recharge au clic sur le lien.