Bonsoir,

J'ai essayé ce tutoriel pour créer une organisation avec des onglets. Cependant, j'aimerais bien ajouter un effet de transition lorsqu'on clique sur un onglet pour l'afficher.

Comme exemple de transition, je pensais à ca : http://www.les-guerres-d-origine.org/

J'aime bien l'effet de fondu progressif =) Pourriez-vous m'expliquer comment obtenir un tel rendu ? Est-ce que je peux conserver le code de base fourni dans le tutoriel et ajouter un effet de transition ou dois-je carrément changer la partie JS dans la page html ?

Voici mon forum avec l'organisation par onglet : http://cavenecadas.forums-actifs.net/

Et enfin la page html définissant le système d'onglet :

Code:

function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }   
}

Merci d'avance !

Bonjour,

Je pense que tu gagnerais à utiliser plutôt ce code, qui est nettement plus récent, et dont le code est plus propre '_'

Wouaw mais je n'avais pas du tout vu ce tutoriel. Il est plutôt récent, non ? Bah du coup jme sens un peu bête d'avoir créé ce sujet, si j'avais su, j'aurais regardé un peu mieux. Bref, j'ai essayé et tout marche comme il faut. Merci beaucoup Christa'

Yop (:
Si c'est résolu, je déplace !
Merci de l'avoir signalé