Les items de menu peuvent être désactivé en portant la valeur de l'attribut disabled à true.

Avec l'attribut id, un element défini de manière unique. La fonction getElementById permet de sélectionner element alors que la fonction setAttribute permet d'en extraire un attribut. Comme déjà vu,disabled permet d'assigner une valeur adéquate quant à sa possible utilisation.

<?xml-stylesheet href="css1.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
align="vertical" >
     <menubar>
          <menu value="AAA">
               <menupopup>
                    <menuitem value="Enable" type="radio" name="group"
                              oncommand = "document.getElementById('resize').setAttribute('disabled','false') "/>
                    <menuitem value="Disable" type="radio" name="group" checked = "true"
                               oncommand = "document.getElementById('resize').setAttribute('disabled','true') "/>
                    <menuseparator/>
                    <menuitem id="resize" value="Resize" disabled="true"
                                        oncommand = "resizeBy(20,20)"/>
               </menupopup>
          </menu>
     </menubar>
</window>

xul2.xul

Si l'élément n'est pas identifié par un id, il faudra opter pour une solution plus risquée. La fonction getElementsByTagName selectionne tous les elements possédant le nom passé en argument. Par contre, la fonction item(2) selectionne le troisième enfant de l'élément sélectionné dans le document en cours (il faut partir de 0)

<?xml-stylesheet href="css1.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
align="vertical" >
     <menubar>
          <menu value="AAA">
               <menupopup>
                    <menuitem value="Enable" type="radio" name="group"
                              oncommand = "document.getElementsByTagName('menuitem').item(2).setAttribute('disabled','false') "/>
                    <menuitem value="Disable" type="radio" name="group" checked = "true"
                               oncommand = "document.getElementsByTagName('menuitem').item(2).setAttribute('disabled','true') "/>
                    <menuseparator/>
                    <menuitem value="Resize" disabled="true"
                                        oncommand = "resizeBy(20,20)"/>
               </menupopup>
          </menu>
     </menubar>
</window>

css1.css

La feuille de style par défaut de Mozilla est utilisée.

@import url(chrome://global/skin);