Onglet supplémentaire
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Onglet supplémentaire
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
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>
- 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';
}
}
}
}
Dernière édition par tupac le Mar 19 Avr 2011 - 13:13, édité 1 fois
Re: Onglet supplémentaire
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:
Pour le contenu correspondant la ligne est construite comme ceci:
Cordialement.
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:
Remplacez X par le numéro de l'onglet.<span id="o_X" class="mon_onglet" onMouseOver="changeOnglet(this);">Onglet X</span>
Pour le contenu correspondant la ligne est construite comme ceci:
Remplacez X par le numéro de l'onglet, là aussi. Normalement ça fonctionne.<div id="co_X" class="mon_contenu" style="display: none;">Contenu X</div>
Cordialement.
Invité- Invité
Re: Onglet supplémentaire
Bonjour Isolde
Ok
Au lieu de multiplier cette partie.
Merci Isolde
Bonne fin de journée.
Ok
Au lieu de multiplier cette partie.
- Code:
<div id="co_X" class="mon_contenu" style="display: none;">Contenu X</div>
- Code:
<div id="co_X" class="mon_contenu">Votre texte ici</div>
Merci Isolde
Bonne fin de journée.
Sujets similaires
» Ajouter un onglet supplémentaire
» Colonne supplémentaire
» Bouton supplémentaire
» Page d'accueil supplementaire
» Rang supplémentaire
» Colonne supplémentaire
» Bouton supplémentaire
» Page d'accueil supplementaire
» Rang supplémentaire
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum