Forums : Xul, Xbl, JS...

qd je disable un tab

tu fais comment exactement ?

ben je met sur l'attribut disabled à true sur le tab. exemple :

<tabbox>
   <tabs>
     <tab label="Courrier" disabled="true"/>
     <tab label="Forum"/>
   </tabs>
   <tabpanels>
     <tabpanel id="mailtab">
       <checkbox label="Vérifier automatiquement le courrier"/>
     </tabpanel>
     <tabpanel id="newstab">
       <button label="Effacer le cache des forums"/>
     </tabpanel>
   </tabpanels>
</tabbox>

Et si tu met aussi disabled="true" sur le <tabpanel> ?

G testé, pareil....

Je confirme : le XBL du tab (voir dans toolkit.jar, le fichier tabbox.xml) ne prend pas en compte l'attribut disabled pour activer/désactiver le panneau. Cet attribut est juste propagé sur le label du tab. Lors de sa sélection par un click (ou par le clavier), il ne verifie pas la présence ou pas de l'attribut disabled.

Seul solution pour toi : faire un xbl, dérivant de l'original, et qui a le comportement que tu veux (donc reprendre les handlers du xbl de tab et les modifier).

Je vois bien que la question date de 2005 mais comme j'ai eu le même problème et que je n'ai pas trouvé de solution, je poste la mienne :D J'ai dû jouer sur les évènements pour avoir un comportement un tant soit peu cohérent...

En reprenant l'exemple (avec un id en plus pour l'élément tabs) :

<tabbox>
   <tabs id="myTabs">
     <tab label="Courrier" disabled="true"/>
     <tab label="Forum"/>
   </tabs>
   <tabpanels>
     <tabpanel id="mailtab">
       <checkbox label="Vérifier automatiquement le courrier"/>
     </tabpanel>
     <tabpanel id="newstab">
       <button label="Effacer le cache des forums"/>
     </tabpanel>
   </tabpanels>
</tabbox>

Dans un script de chargement de la fenêtre (onload), ajouter :

document.getElementById('myTabs').addEventListener('mousedown',
                                                   checkTab, true);

et ajouter dans votre code la fonction listener suivante :

function checkTab(event)
{
	if (event.target.getAttribute("disabled")=="true")
	    event.stopPropagation();
}

En gros, quand on clique sur un tab, on l'intercepte et si il est désactivé on ne propage plus l'évènement !

Alors, pour avoir un tab actif/désactif, utiliser la méthode setAttribute("disabled","false") / setAttribute("disabled","true")

à+

bien vu :)