Discussion :

[Mike35]

Bonjour à vous,
Existe-t-il un moyen, une fonction DOM ou autre pour récupérer la taille d'un onglet (<a href ></a> en CSS de taille variable). Je vous mets le code peut être qu'il vous sera utile...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#onglet{
  background: url(bg.jpg) repeat-x bottom; 
  width: 100%;
  font-size:75%;
}
#onglet li {
  float:left;
  background:url(left.gif) no-repeat left top;
  padding:0 0 0 9px;
  }
#onglet a {
  float:left;
  display:block;
  /*width:119px;*/
  text-align: center;
  background:url(right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#536F94;
  }

et dans mon html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<li id="Ensemble"><a href="#" name="Ensemble" onClick="changeOnglet(this.name);">Ensemble</a></li>
<li id="Sortie"><a href="#" name="Sortie TOR" onClick="changeOnglet(this.name);">Sortie TOR</a></li>
<li id="Climatisation"><a href="#" name="Climatisation" onClick="changeOnglet(this.name);">Climatisation</a></li>
<li id="Chauffage de Base"><a href="#" name="Chauffage de Base" onClick="changeOnglet(this.name);">Chauffage de Base</a></li>

Car si je mets le width:119px je le connaiterais, mais j'aimerai éviter de de créer un onglet de 119pixels dont son libellé serait de petite taille: exemple TOR


J'espère que j'ai été clair, si vous voulez plus de reseignement, n'hésitez pas.
En fait, je cherche à faire cela pour eviter d'afficher à l'écran tous les onglets qui naturellement se positionne à la ligne du dessous si ils sont trop nombreux.

[balu]

Bonjour Mike35,

Tu peux regarder la technique des portes coulissantes. Ça te permettra d'avoir des onglets dont la largeur s'ajuste en fonction du texte.