Bonjour à tous!
J'ai repris ce code de QEEL qui m'as bien aidé: http://www.css-actif.com/t11932-qui-est-en-ligne-onglets-groupes
Je l'ai adapté à mon propre forum mais j'ai un petit soucis en fait^^

Alors tout fonctionne à merveille après plusieurs essais j'ai réussis à le personnaliser comme il faut:

https://2img.net/r/hpimg15/pics/275716QEELavalon.png

Seulement lorsque l'on a pas encore passé sa souris sur un groupe et bien le carré est vide:

https://2img.net/r/hpimg15/pics/984291QEELavalon2.png

Je voulais savoir comment remplir cette zone "par defaut"? Je suppose qu'il faut toucher au Javascript mais je préfère vous demander et pas faire n'importe quoi ^^'

Merci d'avance

Salut,

La solution proposée ici convient elle ? http://www.css-actif.com/t14745-queel-description-par-defaut

La personne n'a jamais répondu donc je ne sais pas si la solution marche ^^

Aaah Mea culpa je n'ai pas trouvé ce sujet T-T
Je teste tout de suite ta solution et je te tiens au courant, merci!

Alors premièrement:
Cette solution ne marche pas, je ne sais pas pourquoi :/ j'ai bien remplacé la class de la premiere div par "mon_onglet_selected" mais ça ne fonctionne pas..

et deuxiemement: Ce n'est pas réellement ce que je cherchais car je ne veux pas qu'un onglet de groupe soit présent par defaut mais mettre un message du style "passez votre souris sur les groupes et cliquez sur les images" quoi^^

Je viens de comprendre pourquoi mon_onglet_selected marche pas, c'est effectivement le code JS de base dans le tuto qu'il va falloir toucher pour obtenir une solution proche.

Ok j'avais mal compris ta demande , je vais voir ça. ^^

Je n'ai pas modifié les codes du tuto a part pour ajouter des données personnelles ^^
Merci pour ton aide en tout cas

Alors remplace le JS par :

Code:

function changeOnglet(_this){
  document.getElementById('texte_qeel').style.display = 'none';
  var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('div');
  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';
        }
      }
  }
}

Et ensuite dans ton template, au niveau de la div "mes_contenus" tu vas rajouter une div

Code:

<div id="texte_qeel">Texte par défaut</div>

Exemple (je met qu'un morceau du code, c'est juste pour que tu te repères, là il est à la 4ème ligne )

Code:

 <td colspan="1" align="justify">
        <div class="descgroupes">
            <div id="mes_contenus">
            <div id="texte_qeel">Texte par défaut</div>
              <div id="co_1" class="mon_contenu">
                  description groupe 1
              </div>
              <div id="co_2" class="mon_contenu">
                  description groupe 2         
              </div>

Je viens de tester sur l'un de mes forums et ça semble marcher

Tout bonnement parfait, milles merci pour ton aide ô grand maitre!
Rapidité et efficacité que demander de plus?