Onglet supplémentaire

[tupac]

Bonjour

Mon problème consiste a rajouter plusieurs onglets a ce menu,j'ai bien essayé de le faire mais le contenu se place en colonne et lorsque je passe le curseur sur un onglet tout se met en place.

Le code html

Code:


<div id="mes_onglets">
<span id="o_1" class="mon_onglet" onMouseOver="changeOnglet(this);">Onglet 1</span>
<span id="o_2" class="mon_onglet" onMouseOver="changeOnglet(this);">Onglet 2</span></div>

<div id="mes_contenus">
<div id="co_1" class="mon_contenu">Contenu 1</div>
<div id="co_2" class="mon_contenu" style="display: none;">Contenu 2</div>
</div>

le JavaScript

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';
            }
        }
    }     
}

[Invité]

Bonjour,

Pour rajouter des onglets, il faut ajouter 1 ligne dans la première partie du code, et une ligne dans la seconde.
Pour l'onglet en lui même la ligne est construite comme ceci:

<span id="o_X" class="mon_onglet" onMouseOver="changeOnglet(this);">Onglet X</span>

Remplacez X par le numéro de l'onglet.
Pour le contenu correspondant la ligne est construite comme ceci:

<div id="co_X" class="mon_contenu" style="display: none;">Contenu X</div>

Remplacez X par le numéro de l'onglet, là aussi. Normalement ça fonctionne.

Cordialement.

[tupac]

Bonjour Isolde

Ok
Au lieu de multiplier cette partie.

Code:

<div id="co_X" class="mon_contenu" style="display: none;">Contenu X</div>

Je multipliais celle-ci.

Code:

<div id="co_X" class="mon_contenu">Votre texte ici</div>

Merci Isolde

Bonne fin de journée.