diff options
Diffstat (limited to 'files/fr/archive/mozilla')
499 files changed, 0 insertions, 33642 deletions
diff --git a/files/fr/archive/mozilla/drag_and_drop/index.html b/files/fr/archive/mozilla/drag_and_drop/index.html deleted file mode 100644 index bfe2d51f0e..0000000000 --- a/files/fr/archive/mozilla/drag_and_drop/index.html +++ /dev/null @@ -1,118 +0,0 @@ ---- -title: Drag and Drop -slug: Archive/Mozilla/Drag_and_drop -tags: - - TopicStub - - XUL -translation_of: Archive/Mozilla/Drag_and_drop ---- -<p>{{ Next("Drag and Drop JavaScript Wrapper") }}</p> - -<p>{{ deprecated_header("gecko1.9.1") }}</p> - -<div class="warning">Depuis Gecko 1.9.1 (Firefox 3.5), ces API sont officiellement obsolètes, <a href="/En/DragDrop/Drag_and_Drop" title="en/DragDrop/Drag and Drop">les API portables plus récentes et plus simple</a> doivent être utilisées à leur place.</div> - -<p>Cette section décrit comment implémenter des objets qui peuvent être glissés et déposés sur d'autres objets.</p> - -<h3 id="The_Drag_and_Drop_Interface" name="The_Drag_and_Drop_Interface">L'interface glisser-déposer</h3> - -<p>De nombreuses interfaces utilisateur permettent de faire glisser des objets particuliers dans l'interface. Par exemple, faire glisser des fichiers vers d'autres répertoires ou faire glisser une icône vers une autre fenêtre pour ouvrir le document auquel elle fait référence. Mozilla et <a href="/en/XUL" title="en/XUL">XUL</a> fournissent un certain nombre d'événements qui peuvent gérer lorsque l'utilisateur tente de faire glisser des objets.</p> - -<p>Un utilisateur peut commencer à faire glisser en maintenant le bouton de la souris enfoncé et en déplaçant la souris. Le glissement s'arrête lorsque l'utilisateur relâche la souris. Les gestionnaires d'événements sont appelés lorsque l'utilisateur démarre et termine le glissement, et à divers points intermédiaires.</p> - -<p>Mozilla implémente le glissement en utilisant une session de glissement. Lorsqu'un utilisateur demande à faire glisser quelque chose qui peut être glissé, une session de glissement doit être lancée. La session de glissement gère la mise à jour du curseur de la souris et l'emplacement où l'objet doit être déposé. Si quelque chose ne peut pas être glissé, il ne doit pas démarrer une session de glisser. Étant donné que l'utilisateur n'a généralement qu'une seule souris, une seule session de glissement est en cours d'utilisation à la fois.</p> - -<p>Notez que les sessions de glissement peuvent être créées depuis Mozilla lui-même ou depuis d'autres applications. Mozilla traduira les données glissées selon les besoins.</p> - -<p>La liste ci-dessous décrit les gestionnaires d'événements qui peuvent être appelés, qui peuvent être placés sur n'importe quel élément. Il vous suffit de mettre des valeurs pour les gestionnaires là où vous devez faire quelque chose lorsque l'événement se produit.</p> - -<dl> - <dt>ondrag {{ Fx_minversion_inline(3) }}</dt> - <dd>Appelé périodiquement tout au long de l'opération de glisser-déposer.</dd> - <dt>ondraggesture </dt> - <dd>Appelé lorsque l'utilisateur commence à faire glisser l'élément, ce qui se produit normalement lorsque l'utilisateur maintient le bouton de la souris enfoncé et déplace la souris. Le script de ce gestionnaire doit configurer une session de glissement.</dd> - <dt>ondragstart {{ Fx_minversion_inline(3) }} </dt> - <dd>Un alias pour <code>ondraggesture</code>; il s'agit du nom de spécification HTML 5 de l'événement et peut être utilisé en HTML ou XUL; cependant, pour une compatibilité descendante avec les anciennes versions de Firefox, vous souhaiterez peut-être continuer à utiliser <code>ondraggesture</code> dans XUL.</dd> - <dt>ondragover </dt> - <dd>Ce gestionnaire d'événements est appelé pour un élément lorsque quelque chose est glissé dessus. Si l'objet peut être déposé sur l'élément, la session de glissement doit être notifiée.</dd> - <dt>ondragenter </dt> - <dd>Appelé pour un élément lorsque le pointeur de la souris passe pour la première fois sur l'élément pendant que quelque chose est déplacé. Cela peut être utilisé pour modifier l'apparence de l'élément pour indiquer à l'utilisateur que l'objet peut être déposé dessus.</dd> - <dt>ondragexit </dt> - <dd>Appelé pour un élément lorsque le pointeur de la souris sort d'un élément pendant que quelque chose est déplacé. Il est également <span class="tlid-translation translation" lang="fr"><span title="">appelé une fois qu'une suppression est terminée afin qu'un élément ait une chance de supprimer toute mise en évidence ou autre indication.</span></span></dd> - <dt>ondragdrop </dt> - <dd>Ce gestionnaire d'événements est appelé pour un élément lorsque quelque chose est déposé sur l'élément. À ce stade, l'utilisateur a déjà relâché le bouton de la souris. L'élément peut simplement ignorer l'événement ou le gérer d'une manière ou d'une autre, par exemple en collant l'objet glissé sur lui-même.</dd> - <dt>ondragend {{ Fx_minversion_inline(3) }} </dt> - <dd>Appelé lorsque l'opération de glissement est terminée.</dd> -</dl> - -<p>Il existe deux façons de gérer les événements par glisser-déposer. Cela consiste d'abord à utiliser directement les interfaces <a href="/en/XPCOM" title="en/XPCOM">XPCOM</a> glisser-déposer. La seconde consiste à utiliser un objet <a href="/en/Drag_and_Drop_JavaScript_Wrapper" title="en/Drag_and_Drop_JavaScript_Wrapper">wrapper JavaScript</a> qui gère une partie de cela pour vous. Le code de ce wrapper se trouve dans un fichier nommé {{ Source("toolkit/content/nsDragAndDrop.js nsDragAndDrop.js") }} qui est contenu dans le package widget-toolkit (ou global).</p> - -<h3 id="XPCOM_Drag_and_Drop_interfaces" name="XPCOM_Drag_and_Drop_interfaces">Interfaces XPCOM Glisser-déposer</h3> - -<p>Deux interfaces sont utilisées pour prendre en charge le glisser-déposer. Le premier est un service de glissement, <a href="/en/XPCOM_Interface_Reference/nsIDragService" title="en/nsIDragService">nsIDragService</a> et le second est la session de glissement, <a href="/en/XPCOM_Interface_Reference/nsIDragSession" title="en/nsIDragSession">nsIDragSession</a>.</p> - -<p>Le <a href="/en/XPCOM_Interface_Reference/nsIDragService" title="en/nsIDragService">nsIDragService</a> est responsable de la création de sessions de glissement lorsqu'un glissement démarre et de la suppression de la session de glissement lorsque le glissement est terminé. La fonction <code>invokeDragSession</code> doit être appelée pour démarrer un glissement dans un gestionnaire d'événements <code>ondraggesture</code>. Une fois cette fonction appelée, un glissement a commencé.</p> - -<p>La fonction invokeDragSession prend quatre paramètres, comme décrit ci-dessous:</p> - -<pre class="eval notranslate">invokeDragSession(element,transferableArray,region,actions) -</pre> - -<dl> - <dt>element </dt> - <dd>Une référence à l'élément qui est déplacé. Cela peut être récupéré en obtenant la propriété <code>event.target</code> pendant le gestionnaire d'événements.</dd> - <dt>transferableArray </dt> - <dd>Un tableau d'objets <a href="/en/NsITransferable" title="en/NsITransferable">nsITransferable</a>, un pour chaque élément glissé. <span class="tlid-translation translation" lang="fr"><span title="">Un tableau est utilisé car vous souhaiterez peut-être faire glisser plusieurs objets à la fois, comme un ensemble de fichiers.</span></span></dd> - <dt>region </dt> - <dd>Une région utilisée pour l'indication de rétroaction. Cela devrait généralement être défini sur null.</dd> - <dt>actions </dt> - <dd>Les actions utilisées par le glissement. Cela doit être défini sur l'une des constantes suivantes, ou sur plusieurs ajoutées. L'action peut être modifiée pendant le glissement en fonction de ce qui est glissé.</dd> -</dl> - -<dl> - <dt>nsIDragService.DRAGDROP_ACTION_NONE </dt> - <dd> - <dl> - <dt>Utilisé pour indiquer qu'aucun glissement n'est valide.</dt> - <dt>nsIDragService.DRAGDROP_ACTION_COPY </dt> - <dd>L'élément déplacé doit être copié vers son emplacement de dépôt.</dd> - <dt>nsIDragService.DRAGDROP_ACTION_MOVE </dt> - <dd>L'élément déplacé doit être déplacé vers son emplacement de dépôt.</dd> - <dt>nsIDragService.DRAGDROP_ACTION_LINK </dt> - <dd>Un lien (ou un raccourci ou un alias) vers l'élément en cours de glissement doit être créé à l'emplacement de dépôt.</dd> - </dl> - </dd> -</dl> - -<p>L'interface {{ interface("nsIDragService") }} fournit également la fonction <code>getCurrentSession</code> qui peut être appelée depuis les gestionnaires d'événements de glissement pour obtenir et modifier l'état du glissement. La fonction renvoie un objet qui implémente {{interface ("nsIDragSession")}}.</p> - -<p>L'interface <a href="/en/XPCOM_Interface_Reference/nsIDragSession" title="en/nsIDragSession">nsIDragSession</a> est utilisée pour obtenir et définir les propriétés du glissement en cours. Les propriétés et méthodes suivantes sont disponibles:</p> - -<dl> - <dt>canDrop </dt> - <dd>Définissez cette propriété sur <code>true</code> si l'élément sur lequel se trouve actuellement la souris peut accepter que l'objet actuellement glissé soit déposé dessus. Définissez la valeur sur <code>false</code> si cela n'a pas de sens d'y déposer l'objet. Cela doit être modifié dans les gestionnaires d'événements <code>ondragover</code> et <code>ondragenter</code>.</dd> - <dt>dragAction </dt> - <dd>Défini sur l'action en cours à effectuer, qui doit être une ou plusieurs des constantes décrites précédemment. Cela peut être utilisé pour fournir des commentaires supplémentaires à l'utilisateur.</dd> - <dt>numDropItems </dt> - <dd>Le nombre d'éléments glissés. Par exemple, il sera défini sur 5 si cinq signets sont déplacés.</dd> - <dt>getData(transfer,index) </dt> - <dd>Récupérez les données glissées. Le premier argument doit être un objet <a href="/en/NsITransferable" title="en/NsITransferable">nsITransferable</a> pour contenir les données. Le deuxième argument, <code>index</code>, doit être l'index de l'élément à renvoyer.</dd> - <dt>sourceDocument </dt> - <dd>Le document où le glissement a commencé</dd> - <dt>sourceNode </dt> - <dd>Le <span class="tlid-translation translation" lang="fr"><span title="">nœud</span></span> <a href="/en/DOM" title="en/DOM">DOM</a> où le glissement a commencé.</dd> - <dt>isDataFlavorSupported(flavor) </dt> - <dd>Renvoie <code>true</code> si les données déplacées contiennent des données de la saveur spécifiée.</dd> -</dl> - -<p>{{ Next("Drag and Drop JavaScript Wrapper") }}</p> - -<div class="originaldocinfo"> -<h2 id="Original_Document_Information" name="Original_Document_Information">Informations sur le Document Original</h2> - -<ul> - <li>Auteur(s): <a class="link-mailto" href="mailto:enndeakin@sympatico.ca">Neil Deakin</a></li> - <li>Document original:</li> - <li>Information sur les droits d'auteur: Copyright (C) <a class="link-mailto" href="mailto:enndeakin@sympatico.ca">Neil Deakin</a></li> -</ul> -</div> diff --git a/files/fr/archive/mozilla/firefox/index.html b/files/fr/archive/mozilla/firefox/index.html deleted file mode 100644 index 9e61c718ff..0000000000 --- a/files/fr/archive/mozilla/firefox/index.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: Firefox -slug: Archive/Mozilla/Firefox -translation_of: Archive/Mozilla/Firefox ---- -<p>In progress. Out-of-date information about the Firefox project.</p> - -<p></p> diff --git a/files/fr/archive/mozilla/firefox/les_états_de_contenu_et_le_système_de_style/index.html b/files/fr/archive/mozilla/firefox/les_états_de_contenu_et_le_système_de_style/index.html deleted file mode 100644 index 9d070c55b1..0000000000 --- a/files/fr/archive/mozilla/firefox/les_états_de_contenu_et_le_système_de_style/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: Les états de contenu et le système de style -slug: Archive/Mozilla/Firefox/Les_états_de_contenu_et_le_système_de_style -tags: - - Développement_de_Mozilla -translation_of: Archive/Mozilla/Firefox/Content_states_and_the_style_system ---- -<p> -Les états de contenu sont ce que Gecko utilise pour mettre en œuvre les différentes règles CSS dépendant de l'état du contenu (comme par exemple <code>:hover</code>, <code>:active</code>, <code>:focus</code>, <code>target</code>, <code>:checked</code>). Nous nous concentrerons sur la description de la façon dont les changements dans ces états de contenus sont manipulés. -</p><p>Généralement, quand l'état de contenu d'un nœud change, le style doit être résolu à nouveau (recalculé) pour ce nœud et tous ses descendants. C'est une opération coûteuse cependant, c'est pourquoi le système de style essaie de minimiser le nombre de styles qu'il doit recalculer. À cette fin, quand une notification <a href="https://dxr.mozilla.org/mozilla-central/source/content/base/public/nsIDocumentObserver.h" rel="custom"><code>ContentStatesChanged</code></a><sup>(en)</sup> est acheminée pour un nœud de contenu, la première chose qui est faite est de vérifier si ce changement dans les états de contenu <em>pourrait</em> affecter certains styles. -</p><p>Ceci est réalisé en parcourant la liste de tous les <a class="external" href="http://www.w3.org/TR/CSS21/selector.html#q2"><sup>(en) </sup>sélecteurs simples CSS2.1</a> dans toutes les feuilles de style appliquées à la page qui ont une pseudo-classe de dépendance d'état faisant partie du sélecteur. Cette liste est créée durant l'analyse des feuilles de style impliquées. Pour chaque sélecteur de cette liste, on vérifie s'il a pu cesser correspondre au nœud ou commencer à le faire. Si c'est le cas, le style pourrait dépendre de l'état qui a changé et ce style doit donc être recalculé. -</p><p>Pour déterminer si le sélecteur pourrait avoir arrêté ou commencé à correspondre au nœud, on vérifie en fait s'il correspond à la règle selon laquelle toutes les pseudo-classes dépendantes de l'état correspondant aux états qui ont changé doivent être traitées comme concordantes avec le nœud (le fait qu'elles concordent, et leur éventuelle inversion). Ceci est nécessaire pour obtenir à la fois les sélecteurs qui se sont mis à concorder et ceux qui ne concordent plus. -</p><p>Par exemple, supposons que nous avons les sélecteurs suivants : -</p> -<pre class="eval"> a:hover - a:not(:hover) - div:hover -</pre> -<p>et que l'état <code>hover</code> sur certains nœuds change. On essaie alors d'appliquer au nœud ces sélecteurs, en supposant qu'à la fois <code>:hover</code> et <code>:not(:hover)</code> correspondent au nœud. L'effet sera donc identique à essayer d'appliquer à chaque nœud les sélecteurs : -</p> -<pre class="eval"> a - a - div -</pre> -<p>Le code qui met en œuvre ce procédé est dans la <a href="http://mxr.mozilla.org/mozilla-central/search?string=PRBool+SelectorMatches%28"><code>méthode SelectorMatches</code></a><sup>(en)</sup>, à qui est passée la liste des états qui ont changé dans le paramètre <code>aStateMask</code>. -</p> diff --git a/files/fr/archive/mozilla/firefox/soap_dans_les_navigateurs_gecko/index.html b/files/fr/archive/mozilla/firefox/soap_dans_les_navigateurs_gecko/index.html deleted file mode 100644 index 34537b58ef..0000000000 --- a/files/fr/archive/mozilla/firefox/soap_dans_les_navigateurs_gecko/index.html +++ /dev/null @@ -1,284 +0,0 @@ ---- -title: SOAP dans les navigateurs Gecko -slug: Archive/Mozilla/Firefox/SOAP_dans_les_navigateurs_Gecko -tags: - - SOAP - - Services_Web_XML -translation_of: Archive/Mozilla/Firefox/SOAP_in_Gecko-based_Browsers ---- -<p>Cet article décrit comment accéder à un service Web en utilisant SOAP et des fonctions JavaScript disponibles dans les navigateurs Gecko récents.</p> - -<h3 id="Introduction" name="Introduction">Introduction</h3> - -<p><em>Simple Object Access Protocol</em>(<a class="external" href="http://www.w3.org/TR/SOAP/">SOAP</a>) est la base de conception des services Web. C'est un protocole XML utilisé pour communiquer et interopérer avec les services Web. Avec Mozilla 1.0 (sur lequel est basé Netscape 7.0x) et Firefox, il est maintenant possible pour le navigateur de communiquer directement avec les services Web en utilisant son implémentation SOAP de bas niveau à l'aide de JavaScript.</p> - -<p>L'interface JavaScript de Gecko pour l'établissement des appels SOAP est une API de bas niveau qui requiert la construction de l'enveloppe SOAP en utilisant plusieurs objets JavaScript spécifiques à SOAP. Ce document couvre les opérations SOAP de base. Pour des informations plus détaillées sur l'API de bas niveau de SOAP dans Gecko, voir <a class="external" href="http://lxr.mozilla.org/mozilla/source/extensions/webservices/docs/Soap_Scripts_in_Mozilla.html">SOAP Scripts in Mozilla</a>.</p> - -<p>L'utilisation de JavaScript pour les communications avec les services Web est sujette aux mêmes politiques de sécurité que tous les autres scripts en terme d'accès inter-domaines. Par conséquent accéder à des services Web situés sur des serveurs autres que celui où est exécuté le JavaScript constitue une violation de la politique inter-domaines. Ce document montrera comment détourner temporairement ces règles pour la conduite de tests.</p> - -<h3 id="Param.C3.A9trer_un_appel_SOAP" name="Param.C3.A9trer_un_appel_SOAP">Paramétrer un appel SOAP</h3> - -<p>L'objet le plus basique est <code>SOAPCall</code>, il est utilisé pour initier et invoquer un appel SOAP.</p> - -<p>Figure 1 : paramétrage de base et invocation d'un appel SOAP</p> - -<pre>var mySOAPCall = new SOAPCall(); -mySOAPCall.transportURI = "http-based service URI" - -var parameters = new Array(); -mySOAPCall.encode(SOAPCall.VERSION_1_1, - // method - "method", "namespaceURI", - // header block - 0, null, - // parameter - parameters.length, parameters); - -var response = mySOAPCall.invoke(); -</pre> - -<p>Un objet <code>SOAPCall</code> à un membre appelé <code>transportURI</code>, qui est l'URI de l'emplacement où il doit envoyer l'appel SOAP. La méthode <code>encode()</code> requiert le nom de la méthode à appeler depuis le service Web, son <code>namespaceURI</code>, le nombre de <code>SOAPParameters</code> passé, et un tableau de <code>SOAPParameters</code> qui contient tous les paramètres. Tous ces paramètres peuvent sont regroupés dans le fichier WSDL du service Web, qui sera abordé dans les exemples suivants.</p> - -<p>Les paramètres SOAP sont créés à l'aide de l'objet <code>SOAPParameter</code>. Ce sont des paires nom/valeur qui sont passées au service Web.</p> - -<p>Figure 2 : Création d'un paramètre SOAP</p> - -<pre>var param = new SOAPParameter(); -param.name = "translationmode"; -param.value = "en_fr"; -</pre> - -<h3 id="Traitement_d.27une_r.C3.A9ponse" name="Traitement_d.27une_r.C3.A9ponse">Traitement d'une réponse</h3> - -<p>Une fois que <code>invoke()</code> a été appelé, Gecko génère l'enveloppe SOAP et l'envoie à l'URI spécifiée. Comme la requête est synchrone, la réponse sera la valeur retournée par <code>invoke()</code>.</p> - -<p>Figure 3 : Traitement d'une réponse à un appel SOAP</p> - -<pre>var returnObject = mySOAPCall.invoke(); - -if(returnObject.fault){ - alert("An error occured: " + returnObject.fault.faultString); -} else { - var response = new Array(); - response = returnObject.getParameters(false, {}); - alert("Return value: " + response[0].value); -} -</pre> - -<p>La valeur retournée par <code>invoke()</code> est stockée et examinée pour un membre <code>fault</code>. Si il existe, une erreur se produit du côté du service Web, et le message d'erreur est stocké dans <code>fault.faultString</code>. Si <code>fault</code> n'existe pas, nous appelons la fonction <code>getParameters()</code> sur l'objet retourné pour récupérer les <code>SOAPParameters</code> retournés.</p> - -<h3 id="Exemple" name="Exemple">Exemple</h3> - -<p>L'exemple utilise un service Web existant, Babelfish, fournit par <a class="external" href="http://www.xmethods.net/">xmethods.net</a>. Le service Web Babelfish permet des traductions dans de nombreuses langues. Il prend deux paramètres en entrée : une chaîne au format « originalLanguage_resultLanguage » et le texte à traduire. Le fichier WSDL du service Web Babelfish est disponible <a class="external" href="http://www.xmethods.net/sd/2001/BabelFishService.wsdl">à cette adresse</a> et contient toutes les informations nécessaires au paramétrage d'un appel SOAP de bas niveau vers le service Web.</p> - -<p>La première étape est de déterminer l'emplacement du service Web, qui sera la valeur du membre <code>transportURI</code> de <code>SOAPCall</code>. Elle peut être trouvée dans l'élément <code>service</code> de WSDL, et plus spécifiquement dans l'attribut <code>location</code> de <code>soap:address</code>.</p> - -<p>Figure 4 : Détermination de l'emplacement d'un service Web depuis son WSDL</p> - -<pre class="eval"><strong>WSDL:</strong> - <service name="BabelFishService"> - <documentation> - Traduit des textes dans de nombreuses langues. - </documentation> - <port name="BabelFishPort" binding="tns:BabelFishBinding"> - <span style="color: green;"><soap:address location="<span class="nowiki">http://services.xmethods.net:80/perl/soaplite.cgi</span>"/></span> - </port> - <service> - -<strong>JavaScript:</strong> - var babelFishCall = new SOAPCall(); - babelFishCall.transportURI = "<span class="nowiki">http://services.xmethods.net:80/perl/soaplite.cgi</span>"; - ... -</pre> - -<p>L'étape suivante est plus complexe : déterminer exactement quels paramètres le service Web attend qu'on lui envoie. Le service Web Babelfish ne possède qu'une méthode, « BabelFish », qui est représentée dans le WSDL entre la balise <code>operation</code>, qui est un enfant de l'élément <code>portType</code>. Chaque <code>operation</code> WSDL possède deux enfants : les éléments d'entrée et de sortie, qui peuvent contenir les types attendus. Les types sont définis dans les éléments <code>message</code>, au nombre de deux : <code>BabelFishRequest</code>, qui est ce qu'on passe au service Web, et <code>BabelFishResponse</code>, le type de retour.</p> - -<p>BabelFish attend l'opération deux dans les paramètres <code>translationmode</code> et <code>sourcedata</code>. L'exemple de la figure 5 va traduire la chaîne « I am » d'anglais en français.</p> - -<p>Figure 5 : Définir les paramètres nécessaires</p> - -<pre class="eval"><strong>WSDL:</strong> - <message <span style="color: blue;">name="BabelFishRequest"></span> - <span style="color: green;"><part name="translationmode" type="xsd:string"/></span> - <span style="color: green;"><part name="sourcedata" type="xsd:string"/></span> - </message> - - <message name="BabelFishResponse"> - <part name="return" type="xsd:string"/> - </message> - - <portType name="BabelFishPortType"> - <operation name="BabelFish"> - <span style="color: green;"><input message="tns:BabelFishRequest"/></span> - <output message="tns:BabelFishResponse"/> - </operation> - </portType> - -<strong>JavaScript:</strong> - // SOAP parameters - var param1 = new SOAPParameter(); - param1.value = "en_fr"; - param1.name = "translationmode"; - - var param2 = new SOAPParameter(); - param2.value = "I am"; - - param2.name = "sourcedate"; - - // combine the 2 params into an array - var myParamArray = [param1,param2]; -</pre> - -<p>Ensuite, il faut définir et invoquer l'objet <code>SOAPCall</code>. « BabelFish » est la méthode que notre exemple veut utiliser pour le service Web. Le prochain paramètre est l'espace de nommage attendu qui doit être passé au service Web pour la méthode BabelFish.</p> - -<p>Ceci peut être trouvé dans le l'élément WSDL <code>binding</code>. L'élément <code>binding</code> possède un enfant <code>operation</code> pour la méthode BabelFish. L'espace de nommage voulu est la valeur de l'attribut <code>namespace</code> de <code>soap:body</code> qui se trouve dans l'élément <code>input</code>.</p> - -<p>Figure 6 : Définir la méthode d'encodage</p> - -<pre class="eval"><strong>WSDL:</strong> - <binding name="BabelFishBinding" type="tns:BabelFishPortType"> - <soap:binding style="rpc" transport="<span class="nowiki">http://schemas.xmlsoap.org/soap/http</span>"/> - <operation name="BabelFish"> - <soap:operation soapAction="urn:xmethodsBabelFish#BabelFish"/> - <input> - <span style="color: green;"><soap:body use="encoded" namespace="urn:xmethodsBabelFish" - encodingStyle="<span class="nowiki">http://schemas.xmlsoap.org/soap/encoding/</span>"/></span> - </input> - ... - </operation> - </binding> - -<strong>JavaScript:</strong> - babelFishCall.encode(0, "BabelFish", "urn:xmethodsBabelFish", 0, null, myParamArray.length, myParamArray); - - var translation = babelFishCall.invoke(); -</pre> - -<p>Comme on l'a vu à la figure 5, la réponse de la méthode BabelFish ("BabelFishResponse") est un paramètre, à savoir une chaîne. Après avoir vérifier que <code>fault</code> n'a pas été retourné, la méthode <code>getParameters()</code> de l'objet retourné est utilisée pour récupérer un tableau de SOAPResponses. Comme on n'attend qu'un seul paramètre en retour -- le texte traduit -- la méthode <code>alert()</code> est utilisée pour afficher la traduction.</p> - -<p>Figure 7 : Traitement de la réponse</p> - -<pre class="eval"><strong>JavaScript:</strong> - if(translation.fault){ - // erreur retournée par le service Web - alert(translation.fault.faultString); - } else { - // nous attendons un seul SOAPParameter en retour - la chaîne traduite. - var response = new Array(); - response = translation.getParameters(false, {}); - alert("Translation: " + response[0].value); - } -</pre> - -<p>Comme indiqué dans l'introduction, les appels SOAP obéissent à une politique d'accès inter-domaines des scripts. Il existe deux façons de contourner cette politique de sécurité pour conduire des tests :</p> - -<ol> - <li> - <p>Exécutez le script depuis votre disque local.</p> - - <p>Enregistrez localement le code sur votre disque dur.</p> - - <p>Le modèle de sécurité inter-domaines ne concerne pas les codes exécutés depuis un disque local.</p> - </li> - <li> - <p>Activer l'accès inter-domaine</p> - - <p>Vous pouvez contourner la vérification inter-domaine en définissant une préférence comme expliqué dans l'article <a href="fr/Bypassing_Security_Restrictions_and_Signing_Code">contournement des restrictions de sécurité et signature de code (à traduire)</a> et en ajoutant une commande JavaScript pour demander une dérogation à la vérification inter-domaine.</p> - - <p>Après avoir contourner la vérification, démarrez le navigateur et chargez cette <a class="external" href="http://developer.mozilla.org/samples/soap/example-crossdomain.html">page exemple modifiée</a>. Il vous sera demandé (dans une boîte de dialogue) l'autorisation de désactiver l'inter-domaine (pour cette session) de la fonction générant l'appel SOAP. Le seul changement est l'ajout de <code>netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");</code> à la fonction qui génère l'appel SOAP.</p> - </li> -</ol> - -<p>Figure 8 : Code final - <a class="external" href="http://developer.mozilla.org/samples/soap/example.html">Exemple local (en)</a>, <a class="external" href="http://developer.mozilla.org/samples/soap/example-crossdomain.html">Exemple inter-domaine (en)</a></p> - -<pre class="eval"><strong>JavaScript:</strong> - var babelFishCall = new SOAPCall(); - babelFishCall.transportURI = "<span class="nowiki">http://services.xmethods.net:80/perl/soaplite.cgi</span>"; - - // paramètres SOAP - var param1 = new SOAPParameter(); - param1.value = "en_fr"; - param1.name = "translationmode"; - - var param2 = new SOAPParameter(); - param2.value = "I am"; - param2.name = "sourcedate"; - - // combinaison des 2 paramètres dans un tableau - var myParamArray = [param1,param2]; - - babelFishCall.encode(0, "BabelFish", "urn:xmethodsBabelFish", 0, null, myParamArray.length, myParamArray); - - var translation = babelFishCall.invoke(); - - if(translation.fault){ - // erreur retournée par le service Web - alert(translation.fault.faultString); - } else { - // nous attendons un seul SOAPParameter en retour - la chaîne traduite. - var response = new Array(); - response = translation.getParameters(false, {}); - alert("Translation: " + response[0].value); - } -</pre> - -<h3 id="Chemin_de_l.27enveloppe_Soap" name="Chemin_de_l.27enveloppe_Soap">Chemin de l'enveloppe Soap</h3> - -<p>Voici un<em>HTTP dump</em> (utilisant l'outil multiplate-forme <a class="external" href="http://www.ethereal.com/">Ethereal</a>) de ce qui a été vraiment envoyé et reçu lorsque l'exemple a été exécuté :</p> - -<p>Figure 9 : HTTP Dumps</p> - -<pre class="eval"><strong>Sent:</strong> -POST /perl/soaplite.cgi HTTP/1.1 -Host: services.xmethods.net:80 -... -Content-Type: text/xml -Content-Length: 516 - -<env:Envelope xmlns:env="<span class="nowiki">http://schemas.xmlsoap.org/soap/envelope/</span>" - xmlns:enc="<span class="nowiki">http://schemas.xmlsoap.org/soap/encoding/</span>" - env:encodingStyle="<span class="nowiki">http://schemas.xmlsoap.org/soap/encoding/</span>" - xmlns:xs="<span class="nowiki">http://www.w3.org/1999/XMLSchema</span>" - xmlns:xsi="<span class="nowiki">http://www.w3.org/1999/XMLSchema-instance</span>"> - <env:Header/> - <env:Body> - <a0:BabelFish xmlns:a0="<span style="color: green;">urn:xmethodsBabelFish</span>"> - <span style="color: green;"><a0:translationmode xsi:type="xs:string">en_fr</a0:translationmode></span> - <span style="color: green;"><a0:sourcedata xsi:type="xs:string">I am</a0:sourcedata></span> - </a0:BabelFish> - </env:Body> -</env:Envelope> - - -<strong>Recieved:</strong> -HTTP/1.1 200 OK -Date: Tue, 11 Mar 2003 20:28:11 GMT -Server: Apache/1.3& (Unix) Enhydra-Director/3 PHP/4.0.6 DAV/1.0.3 AuthNuSphere/1.0.0 -SOAPServer: SOAP::Lite/Perl/0.52 -Content-Length: 532 - -... -Content-Type: text/xml; charset=utf-8 - -<?xml version="1.0" encoding="UTF-8"?> -<SOAP-ENV:Envelope xmlns:SOAP-ENC="<span class="nowiki">http://schemas.xmlsoap.org/soap/encoding/</span>" - SOAP-ENV:encodingStyle="<span class="nowiki">http://schemas.xmlsoap.org/soap/encoding/</span>" - xmlns:SOAP-ENV="<span class="nowiki">http://schemas.xmlsoap.org/soap/envelope/</span>" - xmlns:xsi="<span class="nowiki">http://www.w3.org/1999/XMLSchema-instance</span>" - xmlns:xsd="<span class="nowiki">http://www.w3.org/1999/XMLSchema</span>"> - <SOAP-ENV:Body> - <namesp1:BabelFishResponse xmlns:namesp1="urn:xmethodsBabelFish"> - <span style="color: green;"><return xsi:type="xsd:string">je suis</return></span> - </namesp1:BabelFishResponse> - </SOAP-ENV:Body> -</SOAP-ENV:Envelope> -</pre> - -<h3 id="Ressources" name="Ressources">Ressources</h3> - -<p><a class="external" href="http://lxr.mozilla.org/mozilla/source/extensions/webservices/docs/Soap_Scripts_in_Mozilla.html">SOAP Scripts in Mozilla (en)</a> par Ray Whitmer<br> - <a class="external" href="http://www.oreillynet.com/lpt/a/2677">Using the Mozilla SOAP API (en)</a> par Scott Andrew LePera et Apple Developer Connection.<br> - <a class="external" href="http://www.w3.org/TR/soap12-part1/">The Latest w3.org SOAP Specification (en)</a><br> - <a class="external" href="http://www.onlamp.com/lpt/a/5981">Calling SOAP Servers from JS in Mozilla (en)</a>, article de OnLamp.com par Zachary Kessin<br> - <a class="external" href="http://www.xulplanet.com/references/objref/SOAPCall.html">SOAPCall documentation on XULPlanet.com (en)</a><br> - <a class="external" href="http://www.xulplanet.com/references/objref/SOAPResponse.html">SOAPResponse documentation on XULPlanet.com (en)</a></p> diff --git a/files/fr/archive/mozilla/firefox/utilisation_de_microformats/index.html b/files/fr/archive/mozilla/firefox/utilisation_de_microformats/index.html deleted file mode 100644 index f45f86c6b4..0000000000 --- a/files/fr/archive/mozilla/firefox/utilisation_de_microformats/index.html +++ /dev/null @@ -1,197 +0,0 @@ ---- -title: Utilisation de microformats -slug: Archive/Mozilla/Firefox/Utilisation_de_microformats -tags: - - Firefox 3 - - Microformats -translation_of: Archive/Mozilla/Firefox/Using_microformats ---- -<div></div> - -<p>Les microformats permettent aux sites Web de fournir des données sémantiques au navigateur afin que celui-ci puisse présenter un résumé des informations présentes sur une page sans avoir à connaître de manière particulière d'analyser son contenu. Firefox 3 implémente un objet global <code>Microformats</code> permettant d'accéder aux microformats. Cet objet et l'API associée facilitent la recherche et la lecture de microformats.</p> - -<h2 id="Chargement_de_l.27API_des_microformats" name="Chargement_de_l.27API_des_microformats">Chargement de l'API des microformats</h2> - -<p>L'objet <code>Microformats</code> est créé à l'aide du nouveau chargeur de scripts JavaScript ajouté à Firefox 3. Pour utiliser l'API, il faut d'abord charger cet objet :</p> - -<pre>Components.utils.import("resource://gre/modules/Microformats.js"); -</pre> - -<p>Une fois l'API des microformats chargée, il est possible de gérer des microformats à l'aide des méthodes listées ici. Pour plus d'information sur l'analyse de microformats, consultez <a href="/fr/docs/Analyse_de_microformats_en_JavaScript">Analyse de microformats en JavaScript</a>.</p> - -<h2 id="Microformats_pr.C3.A9d.C3.A9finis" name="Microformats_pr.C3.A9d.C3.A9finis">Microformats prédéfinis</h2> - -<p>Firefox 3 fournit des définitions implémentant divers microformats répandus :</p> - -<dl> - <dt><code><a href="/fr/docs/Le_microformat_adr">adr</a></code></dt> - <dd>Représente une adresse (comme une adresse de destination ou une adresse postale).</dd> - <dt><code><a href="/fr/docs/Le_microformat_geo">geo</a></code></dt> - <dd>Représente un emplacement géographique en utilisant sa latitude et sa longitude.</dd> - <dt><code><a href="/fr/docs/Le_microformat_hCard">hCard</a></code></dt> - <dd>Représente les informations de contact d'une personne.</dd> - <dt><code><a href="/fr/docs/Le_microformat_hCalendar">hCalendar</a></code></dt> - <dd>Représente une entrée de rendez-vous d'un agenda.</dd> - <dt><code><a href="/fr/docs/Le_microformat_tag">tag</a></code></dt> - <dd>Utilisé pour ajouter des balises à d'autres microformats.</dd> -</dl> - -<h2 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h2> - -<h3 id="add.28.29" name="add.28.29">add()</h3> - -<p>Ajoute un nouveau microformat au module des microformats.</p> - -<p></p><div class="note"><strong>Note :</strong> Si un microformat du nom spécifié existe déjà, il sera remplacé par le nouveau.</div><p></p> - -<pre>add(nom, définition); -</pre> - -<h5 id="add-Param.C3.A8tres" name="add-Param.C3.A8tres">Paramètres</h5> - -<dl> - <dt><code>nom</code></dt> - <dd>Le nom du microformat à ajouter au module des microformats.</dd> - <dt><code>définition</code></dt> - <dd>Une structure JavaScript décrivant le microformat. Consultez <a href="/fr/docs/Description_de_microformats_en_JavaScript">Description de microformats en JavaScript</a> pour plus de détails.</dd> -</dl> - -<h3 id="count.28.29" name="count.28.29">count()</h3> - -<p>Compte le nombre de microformats dans un document qui correspondent à des critères spécifiés.</p> - -<pre>nbMicroformats = Microformats.count(nom, élémentRacine, options); -</pre> - -<h5 id="count-Param.C3.A8tres_2" name="count-Param.C3.A8tres_2">Paramètres</h5> - -<dl> - <dt><code>nom</code></dt> - <dd>Le nom du microformat à compter.</dd> - <dt><code>élémentRacine</code></dt> - <dd>Obligatoire. L'élément DOM où doit commencer la recherche. Pour rechercher dans le document entier, utiliser <code>content.document</code>.</dd> - <dt><code>options</code></dt> - <dd>Facultatif. Si ce paramètre est fourni, il s'agit d'un objet JavaScript contenant une série de drapeaux parmi les suivants : - <dl> - <dt><code>recurseExternalFrames</code></dt> - <dd>Si à <code>true</code>, les cadres enfants font partie de la recherche. La valeur par défaut est <code>true</code>.</dd> - <dt><code>showHidden</code></dt> - <dd>Si à <code>true</code>, les microformats cachés seront ajoutés ; autrement ils sont ignorés. La valeur par défaut est <code>false</code>.</dd> - <dt><code>debug</code></dt> - <dd>Spécifiez <code>true</code> si le mode debug est utilisé ; sinon indiquez <code>false</code>. La valeur par défaut est <code>false</code>.</dd> - </dl> - </dd> -</dl> - -<h5 id="count-Valeur_de_retour" name="count-Valeur_de_retour">Valeur de retour</h5> - -<p>Une valeur entière indiquant le nombre de microformats correspondant aux critères spécifiés.</p> - -<h3 id="debug.28.29" name="debug.28.29">debug()</h3> - -<p>Renvoie une chaîne qui décrit un objet de microformat.</p> - -<p></p><div class="note"><strong>Note :</strong> Il est possible d'appeler simplement <code>debug()</code> sur un objet de microformat : <code>objetMicroformat.debug()</code> au lieu d'utiliser cette méthode, si cela vous convient mieux.</div><p></p> - -<pre>dumpString = debug(objetMicroformat); -</pre> - -<h5 id="debug-Param.C3.A8tres" name="debug-Param.C3.A8tres">Paramètres</h5> - -<dl> - <dt><code>objetMicroformat</code></dt> - <dd>L'objet de microformat à afficher.</dd> -</dl> - -<h5 id="debug-Valeur_de_retour_2" name="debug-Valeur_de_retour_2">Valeur de retour</h5> - -<p>Une chaîne décrivant le contenu de l'objet de microformat spécifié.</p> - -<h3 id="get.28.29" name="get.28.29">get()</h3> - -<p>Renvoie un tableau d'objets de microformat correspondant aux critères spécifiés.</p> - -<pre>microformats = Microformats.get(nom, élémentRacine, options, tableauCible); -</pre> - -<h5 id="get-Param.C3.A8tres" name="get-Param.C3.A8tres">Paramètres</h5> - -<dl> - <dt><code>nom</code></dt> - <dd>Le nom du microformat recherché.</dd> - <dt><code>élémentRacine</code></dt> - <dd>Obligatoire. L'élément DOM d'où sera lancée la recherche. Pour rechercher dans le document entier, indiquer <code>content.document</code>.</dd> - <dt><code>options</code></dt> - <dd>Facultatif. Si fourni, il s'agit d'un objet JavaScript contenant une série éventuellement vide des drapeaux suivants : - <dl> - <dt><code>recurseExternalFrames</code></dt> - <dd>Si défini à <code>true</code>, les cadres enfants référençant du contenu externe feront partie de la recherche. La valeur par défaut est <code>true</code>.</dd> - <dt><code>showHidden</code></dt> - <dd>Si défini à <code>true</code>, les microformats masqués seront ajoutés ; dans le cas contraire ils seront ignorés. La valeur par défaut est <code>false</code>.</dd> - <dt><code>debug</code></dt> - <dd>Indique d'utiliser le mode<em>debug</em> si à <code>true</code>. La valeur par défaut est <code>false</code>.</dd> - </dl> - </dd> - <dt><code>tableauCible</code></dt> - <dd>Facultatif. Si fourni, il s'agir d'un tableau d'objets microformat auquel ajouter les résultats de la recherche.</dd> -</dl> - -<h5 id="get-Valeur_de_retour" name="get-Valeur_de_retour">Valeur de retour</h5> - -<p>Un nouveau tableau d'objets microformat correspondant aux critères de recherche, ou le tableau spécifié par le paramètre <code>microformats</code> auquel les nouveaux objets microformat trouvés auront été ajoutés.</p> - -<h3 id="getNamesFromNode.28.29" name="getNamesFromNode.28.29">getNamesFromNode()</h3> - -<p>Renvoie une liste de noms de microformats séparés par des espaces qui correspondent au nœud de microformat spécifié.</p> - -<pre>liste = Microformats.getNamesFromNode(nœud); -</pre> - -<h5 id="getNamesFromNode-Param.C3.A8tres" name="getNamesFromNode-Param.C3.A8tres">Paramètres</h5> - -<dl> - <dt><code>nœud</code></dt> - <dd>Le nœud pour lequel une liste de noms de microformats doit être obtenue.</dd> -</dl> - -<h5 id="getNamesFromNode-Valeur_de_retour" name="getNamesFromNode-Valeur_de_retour">Valeur de retour</h5> - -<p>Si le <code>nœud</code> spécifié est un microformat, le résultat est une chaîne listant tous les noms de microformats, séparés par des espaces, qui correspondent à ce nœud. Si le nœud n'est pas un microformat, rien ne sera renvoyé.</p> - -<h3 id="getParent.28.29" name="getParent.28.29">getParent()</h3> - -<p>Renvoie le nœud parent du microformat ou enfant de microformat spécifié.</p> - -<pre>nœudParent = Microformats.getParent(nœud); -</pre> - -<h5 id="getParent-Param.C3.A8tres" name="getParent-Param.C3.A8tres">Paramètres</h5> - -<dl> - <dt><code>nœud</code></dt> - <dd>Le nœud dont le parent doit être retrouvé.</dd> -</dl> - -<h5 id="getParent-Valeur_de_retour" name="getParent-Valeur_de_retour">Valeur de retour</h5> - -<p>Le parent du nœud spécifié. Ne renvoie rien si le <code>nœud</code> spécifié n'est pas un microformat ou l'enfant d'un microformat.</p> - -<h3 id="isMicroformat.28.29" name="isMicroformat.28.29">isMicroformat()</h3> - -<p>Détermine si le nœud DOM spécifié est un microformat.</p> - -<pre>valeur = Microformats.isMicroformat(nœud); -</pre> - -<h5 id="isMicroformat-Param.C3.A8tres" name="isMicroformat-Param.C3.A8tres">Paramètres</h5> - -<dl> - <dt><code>nœud</code></dt> - <dd>Le nœud DOM dont on veut savoir s'il est un microformat.</dd> -</dl> - -<h5 id="isMicroformat-Valeur_de_retour" name="isMicroformat-Valeur_de_retour">Valeur de retour</h5> - -<p><code>true</code> si le nœud est un microformat, <code>false</code> sinon.</p> - -<p></p><div class="note"><strong>Note :</strong> Cette méthode ne renvoie<em>pas</em> <code>true</code> si le nœud est l'enfant d'un microformat.</div><p></p> diff --git a/files/fr/archive/mozilla/index.html b/files/fr/archive/mozilla/index.html deleted file mode 100644 index 9bdeac9114..0000000000 --- a/files/fr/archive/mozilla/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: Archived Mozilla and build documentation -slug: Archive/Mozilla -tags: - - TopicStub -translation_of: Archive/Mozilla ---- -<p>Ces articles sont des documents archivés et obsolètes sur Mozilla, Gecko et le processus de construction de projets Mozilla.</p> - - - -<dl> - <dt class="landingPageList"><a href="/fr/docs/Archive/Mozilla/Persona">Persona</a></dt> - <dd class="landingPageList"><a class="link-https" href="https://login.persona.org">Mozilla Persona</a> est un système d'identification pour le web facile à utiliser et à déployer. Il fonctionne sur <a href="/fr/docs/persona/Browser_compatibility">tous les principaux navigateurs</a>, vous pouvez l'<a href="/fr/Persona/Quick_Setup">utiliser dès maintenant</a>.</dd> - <dt class="landingPageList"><a href="/fr/docs/Plug-n-Hack">Plug-n-Hack</a></dt> - <dd class="landingPageList"><strong>Plug-n-Hack</strong> (PnH) est un standard proposé par l'équipe de sécurité de Mozilla pour définir comment les outils de sécurité peuvent interagir avec les navigateurs de manière plus utile et utilisable.</dd> - <dt class="landingPageList"><a href="/fr/docs/Prism">Prism</a></dt> - <dd class="landingPageList">Prism est une <a href="fr/Cr%c3%a9ation_d'applications_XULRunner_avec_le_syst%c3%a8me_de_compilation_de_Mozilla">application XULRunner</a>. En plus du moteur de navigation inclus dans XULRunner, elle est constituée de :</dd> -</dl> diff --git a/files/fr/archive/mozilla/nouveau_modèle_de_sécurité_des_services_web/index.html b/files/fr/archive/mozilla/nouveau_modèle_de_sécurité_des_services_web/index.html deleted file mode 100644 index a17843a89a..0000000000 --- a/files/fr/archive/mozilla/nouveau_modèle_de_sécurité_des_services_web/index.html +++ /dev/null @@ -1,166 +0,0 @@ ---- -title: Nouveau modèle de sécurité des services Web -slug: Archive/Mozilla/Nouveau_modèle_de_sécurité_des_services_Web -tags: - - SOAP -translation_of: Archive/Mozilla/New_Security_Model_for_Web_Services ---- -<h2 id="Securing_Resources_From_Untrusted_Scripts_Behind_Firewalls" name="Securing_Resources_From_Untrusted_Scripts_Behind_Firewalls">Securing Resources From Untrusted Scripts Behind Firewalls</h2> - -<h3 id="Introduction" name="Introduction">Introduction</h3> - -<p>This page describes an alternative mechanism which can be used to protect all internal resources against requests from sandboxed scripts. This should especially be implemented for SOAP calls by untrusted scripts. When an attempt is made to access a resource at a previously-unknown URI, the sandbox reads a file at that domain with declarations to determine whether access is permitted to the script. If the file is not there, access is denied.</p> - -<h3 id="The_Problem" name="The_Problem">The Problem</h3> - -<p>External untrusted scripts loaded behind a firewall are executed in a sandbox. These scripts may legitimately require access to external resources, but permitting them to access internal resources permits the compromise of these resources that would normally not be available to applications outside of the firewall. The sandbox must distinguish and protect internal resources.</p> - -<h3 id="Client-controlled_Solutions" name="Client-controlled_Solutions">Client-controlled Solutions</h3> - -<p>Several client-controlled solutions have been designed to prevent sandboxed applications loaded behind a firewall from compromising other resources protected behind the firewall.</p> - -<h4 id="Same_Source_Restriction" name="Same_Source_Restriction">Same Source Restriction</h4> - -<p>By restricting sandboxed scripts to access only resources in the domain from which they were loaded, any script loaded from one domain into another is prevented from accessing resources in the domain into which it has been loaded. This policy has generally been successful in sandboxing Javascript and Java applets across the web.</p> - -<p>If the sandbox is unable to distinguish the common URI substring of the domain to be trusted from similar URIs of untrusted domains, then it could allow a script loaded from an indistinguishable domain to exploit firewall-protected resources.</p> - -<p>Also, this technique prevents the script from accessing many legitimate external resources not provided in the same domain as the script. This prevents a script from accessing web services and data published from any domain besides its own.</p> - -<h4 id="White-listing" name="White-listing">White-listing</h4> - -<p>By creating a white list of trusted URIs from which scripts are trusted to not compromise internal resources, it is possible to release domains from the stricter same-source sandbox. A white list is a good tool for including always-trusted domains, but on the web, it is often a script from a relatively-untrusted domain that must be granted access to other untrusted domains, without compromising internal domains.</p> - -<p>More-complex access lists could be created to try to establish, with finer granularity, which domains are to be accessible or permitted from which other domains, but this requires extensive management which at best is quite error-prone for the end user and easily opens holes in a firewall that do not directly hurt the user who reconfigured his browser to try to access some external service but hurts the owners of other services behind the firewall.</p> - -<h4 id="Signed_Scripts" name="Signed_Scripts">Signed Scripts</h4> - -<p>A certain degree of additional trust may be lent to a script by having the author digitally sign it. But signed scripts have not really caught on as they require certificates do not change the basic problem that some completely-unknown party has written a script that might now have access to internal resources.</p> - -<h4 id="Asking_the_User" name="Asking_the_User">Asking the User</h4> - -<p>Where the sandbox cannot otherwise determine whether the executing script should be permitted access to the resource, a dialog box may be raised to ask the user to grant special privileges. This is currently permitted for locally-saved scripts and signed scripts. This could be combined with the other options above such as whitelisting, signed scripts, etc. But the big problem with this is that the typical browser user really does not either understand or pay the consequences if he inadvertently opens a hole in his company's firewall. Quite complex settings may be required to permit the user to allow access to desired external services without risking other resources.</p> - -<h3 id="Controlling_Resource_Access_on_the_Server" name="Controlling_Resource_Access_on_the_Server">Controlling Resource Access on the Server</h3> - -<p>Access by untrusted scripts really needs to be under the control of the stake holder, which is the resource and server owner -- not the user -- to determine whether a resource should be insulated from web applications loaded from outside of the firewall.</p> - -<h4 id="Using_a_SOAP_Header_for_Verification" name="Using_a_SOAP_Header_for_Verification">Using a SOAP Header for Verification</h4> - -<p>SOAP messages have a distinct processing model allowing a header to be added that the recipient is required to understand and accept, which identifies the untrusted source of a script making a request. SOAP services which have not been cleared for access by untrusted scripts will reject the requests. This is offered in the Mozilla implementation of SOAP today.</p> - -<p>Unfortunately, this does not prevent SOAP messages from being sent to non-SOAP addresses, which is a big enough problem that the verification cannot stand alone to guarantee that untrusted service requests are always properly rejected by services that should be firewall-protected.</p> - -<p>It may also be inconvenient to modify a SOAP service to ignore the specific verification header.</p> - -<h4 id="Using_a_Declarations_File" name="Using_a_Declarations_File">Using a Declarations File</h4> - -<p>A more robust solution is to rely on getting a file named "web-scripts-access.xml" in the root directory of the server that the sandboxed script requests to communicate with. It should be fairly easy for most providers of public resources to create.</p> - -<h3 id="Web_Scripts_Access_Statements" name="Web_Scripts_Access_Statements">Web Scripts Access Statements</h3> - -<p>The syntax of statements of the access file are as follows.</p> - -<pre><!ELEMENT webScriptAccess (delegate?|allow*)> -<!ELEMENT delegate EMPTY> -<!ELEMENT allow EMPTY> -<!ATTLIST allow type|from CDATA #IMPLIED>. -</pre> - -<h4 id="L.27.C3.A9l.C3.A9ment_racine" name="L.27.C3.A9l.C3.A9ment_racine">L'élément racine</h4> - -<p>Le premier élément du fichier doit être le suivant :</p> - -<pre><wsa:webScriptAccess xmlns:wsa="http://www.mozilla.org/2002/soap/security"> -</pre> - -<h4 id="Delegation" name="Delegation">Delegation</h4> - -<p>If the <code><delegate/></code> element is present then <code>"web-scripts-access.xml"</code> is required in the subdirectory for URIs which are in a subdirectory. For example, if the script in question is <code><span class="nowiki">"http://www.example.com/foo/bar.xml"</span></code>, then the declarations file <code><span class="nowiki">http://www.example.com/web-scripts-access.xml</span></code> which contains the "delegate" keyword delegates to <code><span class="nowiki">http://www.example.com/foo/web-scripts-access.xml</span></code>. If the URI is in a subdirectory, and the root directory's access file delegated but no access file exists in the subdirectory, then no access is granted. If the root's access file did not delegate, then that access file also handles all resources in subdirectories.</p> - -<p>Any syntax error in the document will result in the rest of the file to be ignored. Since the commands only allow access, the order of processing the "allow" commands that were successfully parsed is never significant.</p> - -<h4 id="Autoriser_l.27acc.C3.A8s_de_script_Web" name="Autoriser_l.27acc.C3.A8s_de_script_Web">Autoriser l'accès de script Web</h4> - -<p>Pour permettre aux scripts d'accéder aux ressources de ce serveur, utiliser la commande suivante:</p> - -<pre><wsa:allow type="<request-type>" from ="<uri-prefix>"/> -</pre> - -<p>Le type de requête, s'il est spécifié, sera vérifié par rapport au type de requête demandé par le script, comme "soap", "soapv", ou "load". Les types ne doivent pas contenir d'espace. Le type "any" permet à n'importe quel type de requête d'accéder aux ressources.</p> - -<p>Le principe URI du script sera vérifié par le préfixe URI spécifié.</p> - -<p>Si "from" n'est pas spécifié, tous les scripts seront autorisés.</p> - -<p>Note : On peut également utiliser n'importe quel(s) caractère(s) pour renseigner la valeur de "from".</p> - -<p>Par exemple:</p> - -<pre><wsa:allow type="soapv" from="http://www.mozilla.org"/> -</pre> - -<p>Cette commande autorise les reqêtes SOAP avec une vérification des en-têtes des scripts chargé depuis le domaine www.mozilla.org.</p> - -<pre><wsa:allow type="soapv" from="http://*.mozilla.org"/> -</pre> - -<p>Cette commande autorise les requêtes SOAP avec une vérification des en-têtes des scripts chargé depuis le domaine avec un nom d'hôte contenant mozilla.org.</p> - -<p>C'est à dire, <span class="nowiki">http://www.mozilla.org/</span>, <span class="nowiki">http://lxr.mozilla.org</span>, <span class="nowiki">http://komodo.mozilla.org</span>, etc. auront un droit d'accès.</p> - -<h3 id="Implementation" name="Implementation">Implementation</h3> - -<h4 id="nsIWebScriptsAccessService" name="nsIWebScriptsAccessService"><a href="fr/NsIWebScriptsAccessService">nsIWebScriptsAccessService</a></h4> - -<p>This interface provides a way to check whether the running script has access to the server that the script wishes to communicate.</p> - -<ul> - <li>boolean canAccess(in nsIURI aTransportURI, in AString aType); - <ul> - <li>aTransportURI - The service URI</li> - <li>aType - Type requested by the script ( ex. soapv, soap, load, etc. )</li> - <li>return PR_TRUE if access granted else PR_FALSE</li> - </ul> - </li> - <li>void invalidateCache(in string aTransportURI); - <ul> - <li>Invalidate cached entry for the given transport uri.</li> - <li>Empty the cache by passing in a empty string</li> - </ul> - </li> -</ul> - -<h4 id="nsWebScriptsAccess_.28Implements_nsIWebScriptsAccessService.29" name="nsWebScriptsAccess_.28Implements_nsIWebScriptsAccessService.29"><a href="fr/NsWebScriptsAccess">nsWebScriptsAccess</a><em>(Implements <a href="fr/NsIWebScriptsAccessService">nsIWebScriptsAccessService</a>)</em></h4> - -<p>Maintains access information, for servers, in an access-info-cache ( hashtable ). If an entry was not found in the cache creates one by loading the declaration file (web-scripts-access.xml) and extracting information from it (declaration file); requested type and subject princple's prefix are compared to the allowed type and prefix in order to determine access. An entry is created if and only if the declaration file is considered valid (validation based on the syntax described above); an invalid document will result in access denial. Denies script access in the event of an xml-wellformedness error, or validation error, or if the declaration file does not grant access. Reports errors (validation, wellformedness, file not found, etc.) to the console via <a href="fr/NsIConsoleService">nsIConsoleService</a>.</p> - -<div class="note"> -<p>Note: Script access is checked via declaration file only if the script security manager denies access.</p> -</div> - -<h3 id="Summary" name="Summary">Summary</h3> - -<h4 id="Advantages" name="Advantages">Advantages</h4> - -<p>The proposed declaration file places the server operator, not the client in control of access to his server by untrusted scripts. The access hole is no bigger than the service in question. The access is disabled by default, and there is nothing the user needs to do to open access, and nothing that can go wrong to make a hole in his firewall. It seems fairly easy to drop an access file into the root directory of the web server to allow access.</p> - -<h4 id="Delegation_with_Mixed_Ownership" name="Delegation_with_Mixed_Ownership">Delegation with Mixed Ownership</h4> - -<p>Independent owners of subdirectories cannot grant web script access to these subdirectories without getting the owner of the root directory to post a delegating access file. Normally a server will be either inside or outside of a firewall, so this is not a problem. Where a server spans multiple owners, the alternative would be to scan all directories in the path looking for a web scripts access file, which seems undesirable. On the other hand, perhaps it is not so bad, since it permits independent management in domains where the top level owner may not care about providing access to web services.</p> - -<h4 id="Adjustments" name="Adjustments">Adjustments</h4> - -<p>As this new model is applied to SOAP, and potentially document.load or xml-request, it may be desirable to eliminate the same source security bypass, because it is not clear that this is always secure. Other security adjustments may be desired as well.</p> - -<h3 id="Feedback.3F" name="Feedback.3F">Feedback?</h3> - -<p>Please send me some feedback on this proposal.</p> - -<h2 id="See_Also" name="See_Also">See Also</h2> - -<ul> - <li><a href="fr/Mozilla_Web_Services_Security_Model">Mozilla Web Services Security Model</a> - documentation of what is currently implemented</li> -</ul> - -<p><span class="comment">Interwiki Language Links</span></p> diff --git a/files/fr/archive/mozilla/persona/api_de_verification/index.html b/files/fr/archive/mozilla/persona/api_de_verification/index.html deleted file mode 100644 index 04a8400141..0000000000 --- a/files/fr/archive/mozilla/persona/api_de_verification/index.html +++ /dev/null @@ -1,142 +0,0 @@ ---- -title: API de vérification -slug: Archive/Mozilla/Persona/API_de_verification -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Remote_Verification_API ---- -<h2 id="Summary" name="Summary">Résumé</h2> -<p>Lorsqu'un utilisateur essaie de se connecter sur un site, son navigateur génère un objet de données appelé une <em>assertion</em>. Il s'agit essentiellement d'une adresse mail cryptée. Le navigateur envoie cette assertion au site, qui doit vérifier sa validité avant de connecter l'utilisateur.</p> -<p>Les assertions peuvent être vérifiées localement, ou en utilisant l'API disponible à l'adresse <span class="link-https"><code>https://verifier.login.persona.org/verify</code></span>. Cette page décrit comment utiliser l'API.</p> -<h2 id="Methods" name="Methods">Méthode</h2> -<p>Envoyez une requête HTTP POST à l'adresse <code>https://verifier.login.persona.org/verify</code>.</p> -<h3 id="Parameters" name="Parameters">Paramètres</h3> -<dl> - <dt> - <code>assertion</code></dt> - <dd> - L'assertion est fournie par l'utilisateur. Disponible en tant que premier paramètre passé à la fonction <code>onlogin</code> dans <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a>.</dd> - <dt> - <code>audience</code></dt> - <dd> - Le protocole, nom de domaine et port de votre site. Par exemple : "<code>https://example.com:443</code>".</dd> -</dl> -<h3 id="Return_values" name="Return_values">Valeurs de retour</h3> -<p>La requête retourne un objet JSON contenant une propriété <code>status</code> qui peut valoir "okay" ou "failure". En fonction de ces valeurs, l'objet peut contenir des éléments additionels listés ci-dessous.</p> -<h4 id="okay" name="okay">"okay"</h4> -<p>L'assertion est valide.</p> -<p>Dans ce cas, l'objet JSON contient en plus les propriétés suivantes :</p> -<table class="standard-table" style="width: 80%;"> - <tbody> - <tr> - <td>"<code>email</code>"</td> - <td>L'adresse mail contenue dans l'assertion, pour permettre la connexion de l'utilisateur.</td> - </tr> - <tr> - <td>"<code>audience</code>"</td> - <td>La valeur audience contenue dans l'assertion. Doit être l'URL de votre propre site.</td> - </tr> - <tr> - <td>"<code>expires</code>"</td> - <td>La date à laquelle expire l'assertion, exprimée The date the assertion expires, exprimé comme une <a href="/fr/docs/Référence_de_JavaScript_1.5_Core/Objets_globaux/Date/valueOf" title="en/JavaScript/Reference/Global_Objects/Date/valueOf">valeur primitive de l'objet Date</a> qui est le nombre de secondes écoulées depuis le 1er Janvier 1970 00h00 GMT.</td> - </tr> - <tr> - <td>"<code>issuer</code>"</td> - <td>Le nom du fournisseur d'identité ayant fourni l'assertion.</td> - </tr> - </tbody> -</table> -<h4 id="failure" name="failure">"failure"</h4> -<p>L'assertion n'est pas valide.</p> -<p><span style="line-height: 1.572;">Dans ce cas, l'objet JSON contient une propriété additionnelle :</span></p> -<table class="compact-table"> - <tbody> - <tr> - <td><code>"reason"</code></td> - <td>Une chaîne de caractère expliquant pourquoi la validation de l'assertion a échoué</td> - </tr> - </tbody> -</table> -<h2 id="Examples" name="Examples">Exemples</h2> -<h3 id="node.js" name="node.js">node.js</h3> -<p>Cet exemple utilise un serveur node.js utilisant express.js</p> -<pre class="brush: js">var express = require("express"), - app = express.createServer(), - https = require("https"), - querystring = require("querystring"); -/* ... */ - -// La variable audience doit correspondre à ce qu'affiche la barre d'adresse du navigateur, -// ce qui inclut le protocole, le nom de domaine et le port -var audience = "http://localhost:8888"; - -app.post("/authenticate", function(req, res) { - var vreq = https.request({ - host: "verifier.login.persona.org", - path: "/verify", - method: "POST" - }, function(vres) { - var body = ""; - vres.on('data', function(chunk) { body+=chunk; } ) - .on('end', function() { - try { - var verifierResp = JSON.parse(body); - var valid = verifierResp && verifierResp.status === "okay"; - var email = valid ? verifierResp.email : null; - req.session.email = email; - if (valid) { - console.log("l'assertion a été vérifiée avec succès pour le mail :", email); - res.json(email); - } else { - console.log("l'assertion n'a pas été validée pour la raison suivante :", verifierResp.reason); - res.send(verifierResp.reason, 403); - } - } catch(e) { - console.log("le verifier n'a pas renvoyé un objet JSON"); - // bogus response from verifier! - res.send("bogue de la part du verifier !", 403); - - } - }); - }); - - vreq.setHeader('Content-Type', 'application/x-www-form-urlencoded'); - - var data = querystring.stringify({ - assertion: req.body.assertion, - audience: audience - }); - - vreq.setHeader('Content-Length', data.length); - vreq.write(data); - vreq.end(); - - console.log("vérification de l'assertion"); -}); - -</pre> -<p>via <a class="link-https" href="https://github.com/lloyd/myfavoritebeer.org/blob/06255b960e1f9078bc935c1c7af0662f33c88818/server/main.js#L112">Lloyd Hilaiel</a></p> -<h3 id="PHP" name="PHP">PHP</h3> -<pre class="brush: php">$url = 'https://verifier.login.persona.org/verify'; -$assert = filter_input( - INPUT_POST, - 'assertion', - FILTER_UNSAFE_RAW, - FILTER_FLAG_STRIP_LOW|FILTER_FLAG_STRIP_HIGH -); -//utiliser la superglobale $_POST pour PHP < 5.2 et écrire votre propre filtre -$params = 'assertion=' . urlencode($assert) . '&audience=' . - urlencode('http://example.com:80'); -$ch = curl_init(); -$options = array( - CURLOPT_URL => $url, - CURLOPT_RETURNTRANSFER => TRUE, - CURLOPT_POST => 2, - CURLOPT_POSTFIELDS => $params -); -curl_setopt_array($ch, $options); -$result = curl_exec($ch); -curl_close($ch); -echo $result;</pre> -<p>Via <a class="link-https" href="https://github.com/codepo8/BrowserID-login-with-PHP/blob/184fdb74c8a554461c262875859968154d09288e/verify.php">Christian Heilmann</a></p> -<p>Note: si vous envoyez les paramètres assertion et audience en tant qu'objet JSON, ils <strong>ne doivent pas</strong> être encodés. S'ils sont envoyés en tant que paramètres normaux d'une requête HTTP POST, comme dans l'exemple ci-dessus, ils <strong>doivent</strong> être encodés.</p> diff --git a/files/fr/archive/mozilla/persona/bootstrapping_persona/index.html b/files/fr/archive/mozilla/persona/bootstrapping_persona/index.html deleted file mode 100644 index ed8caf194e..0000000000 --- a/files/fr/archive/mozilla/persona/bootstrapping_persona/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: Persona Hosted Services -slug: Archive/Mozilla/Persona/Bootstrapping_Persona -translation_of: Archive/Mozilla/Persona/Bootstrapping_Persona ---- -<p>Pour réussir et être vraiment décentralisé, Persona a besoin du soutien de trois groupes différent :</p> - -<ul> - <li><strong>Les Sites Web</strong> doivent permettre à leurs utilisateurs de se connecter avec Persona.</li> - <li><strong>Les Navigateurs Web</strong> doivent implémanter l'API <a href="/en/DOM/navigator.id" title="navigator.id"><code>navigator.id</code></a>.</li> - <li><strong>Les Fournisseurs d'Email</strong> doivent devenir des Fournisseur d'identité (IdPs).</li> -</ul> - -<p>Cela crée un cercle vicieux : aucun de ces groupes n'auraient un intêret significatif tant qu'il n'y avait un grand nombre d'utilisateur, mais un système distribué ne peut pas avoir un grand nombre d'utilisateur sans le soutien des groupes ci-dessus.</p> - -<p>Pour résoudre ce problème, <a class="link-https" href="https://login.persona.org" rel="freelink">https://login.persona.org</a> enregistre trois resources :</p> - -<ol> - <li>Un Fournisseur d'Identité de secours, qui es disponible pour les utilisateurs dont les fournisseurs d'email ne supporte pas Persona.</li> - <li>A <a href="/en-US/docs/persona/Browser_compatibility" title="/en-US/docs/persona/Browser_compatibility">cross-browser</a>, JavaScript implementation of the <code><a href="/en/DOM/navigator.id" title="navigator.id">navigator.id</a></code> APIs for browsers without native support.</li> - <li>A hosted verification API to make it easy for sites to verify user credentials.</li> -</ol> - -<p>Together, this allows web sites to offer Persona to users regardless of browser and without email providers needing to get involved.</p> - -<p>These services are temporary, and the Persona system is designed such that they transparently and automatically drop away as native support gets added to browsers and email providers. Thus, they will become less relevant as Persona matures, and may eventually be removed all together. At that point, <a href="https://login.persona.org" rel="freelink">https://login.persona.org</a> won't feature at all in the Persona system.</p> - -<h2 id="Fallback_Identity_Provider">Fallback Identity Provider</h2> - -<p>Any domain can become an Identity Provider as long as relying parties are willing to trust the certificates issued by that domain. We expect email providers to act as an IdPs for the addresses they administer, making the user experience of Persona seamless for those users. It allows the user to leverage their existing relationship with the email provider when authenticating at other sites.</p> - -<p>However, email providers won't become IdPs until there is significant demand from their users. In the meantime, Mozilla operates a fallback IdP at <a href="https://login.persona.org" rel="freelink">https://login.persona.org</a>. This fallback allows users to sign into sites with their existing email address, regardless of whether or not the email provider supports Persona. The fallback IdP will certify email addresses from any domain using its own authentication flow and its own password, so long as the user is able to prove control of an address by clicking a link in a verification email.</p> - -<p>Once an email provider supports Persona natively, its users will transparently begin use it instead of the fallback IdP.</p> - -<h2 id="Cross-browser_API_Library">Cross-browser API Library</h2> - -<p>For Persona to work, the user's browser must support the <a href="/en/DOM/navigator.id" title="navigator.id">navigator.id</a> API. Eventually, browsers will add native support for these APIs, but until then a <a href="/en-US/docs/persona/Browser_compatibility" title="/en-US/docs/persona/Browser_compatibility">cross-browser </a>implementation is available at <a href="https://login.persona.org/include.js" title="https://login.persona.org/include.js">https://login.persona.org/include.js</a>. By including this file, web sites can already begin using Persona. Once native implementations of the API are available, the library will automatically defer to those.</p> - -<h2 id="Remote_verification_service">Remote verification service</h2> - -<p>At <a href="https://login.persona.org" rel="freelink">https://login.persona.org</a> Mozilla hosts a <a href="/en/Persona/Remote_Verification_API" title="en/BrowserID/Remote_Verification_API">remote verification service</a> that web sites can use to verify identity assertions sent from users. This makes it simpler for web sites to support Persona as it takes care of parsing the assertion and cryptographically verifying user identities.</p> - -<p>Once the Persona data formats stabilize, verification will most likely be done locally on each site's server. This transition is especially important for user privacy, since it will make it impossible for the fallback IdP to track its users. Even with remote verification, users of native IdPs can't be tracked by that IdP.</p> diff --git a/files/fr/archive/mozilla/persona/branding/index.html b/files/fr/archive/mozilla/persona/branding/index.html deleted file mode 100644 index 6baff2ccdc..0000000000 --- a/files/fr/archive/mozilla/persona/branding/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: Ressources promotionnelles -slug: Archive/Mozilla/Persona/branding -tags: - - Persona -translation_of: Archive/Mozilla/Persona/User_interface_guidelines ---- -<h2 id="Se_connecter_avec_des_boutons_Persona">Se connecter avec des boutons Persona</h2> -<h3 id="Images">Images</h3> -<p>Le bouton "Se connecter" est disponible en trois versions et trois couleurs:</p> -<table> - <thead> - <tr> - <th scope="row"> </th> - <th scope="col">Se connecter avec votre Email</th> - <th scope="col">Se connecter avec Persona</th> - <th scope="col">Se connecter</th> - </tr> - </thead> - <tbody> - <tr> - <th scope="row">Noir</th> - <td><img alt="" src="/files/3955/email_sign_in_black.png" style="width: 202px; height: 25px;"></td> - <td><img alt="" src="/files/3961/persona_sign_in_black.png" style="width: 185px; height: 25px;"></td> - <td><img alt="" src="/files/3967/plain_sign_in_black.png" style="width: 95px; height: 25px;"></td> - </tr> - <tr> - <th scope="row">Bleu</th> - <td><img alt="" src="/files/3957/email_sign_in_blue.png" style="width: 202px; height: 25px;"></td> - <td><img alt="" src="/files/3963/persona_sign_in_blue.png" style="width: 185px; height: 25px;"></td> - <td><img alt="" src="/files/3969/plain_sign_in_blue.png" style="width: 95px; height: 25px;"></td> - </tr> - <tr> - <th scope="row">Rouge</th> - <td><img alt="" src="/files/3959/email_sign_in_red.png" style="width: 202px; height: 25px;"></td> - <td><img alt="" src="/files/3965/persona_sign_in_red.png" style="width: 185px; height: 25px;"></td> - <td><img alt="" src="/files/3971/plain_sign_in_red.png" style="width: 95px; height: 25px;"></td> - </tr> - </tbody> -</table> -<h3 id="En_CSS">En CSS</h3> -<p><a href="http://sawyerhollenshead.com/" title="http://sawyerhollenshead.com/">Sawyer Hollenshead</a> a créé une série d'excellents boutons en CSS. <a href="/files/3973/persona-css-buttons.zip" title="/files/3973/persona-css-buttons.zip">Télécharger (.zip)</a></p> -<h2 id="Informations_complémentaires">Informations complémentaires</h2> -<p>Vous pouvez obtenir des informations complémentaires sur la conception visuelle de Persona dans <a href="http://people.mozilla.org/~smartell/persona/" title="http://people.mozilla.org/~smartell/persona/">les embelissement du style de Sean Martell</a>.</p> diff --git a/files/fr/archive/mozilla/persona/browser_compatibility/index.html b/files/fr/archive/mozilla/persona/browser_compatibility/index.html deleted file mode 100644 index 1bdf4c4e5d..0000000000 --- a/files/fr/archive/mozilla/persona/browser_compatibility/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: Compatibilité des navigateurs -slug: Archive/Mozilla/Persona/Browser_compatibility -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Browser_compatibility ---- -<h2 id="Navigateurs_supportés">Navigateurs supportés</h2> -<p>Persona est développé, testé, et supporté avec les navigateurs suivants. Grâce à la bibliothèque JavaScript inter-plateformes de Persona, les utilisateurs n'ont pas besoin de greffons pour utiliser Persona.</p> -<table> - <tbody> - <tr> - <th colspan="3" style="text-align: center; background-color: #d3d7cf;" scope="row"><strong>Navigateurs pour ordinateur de bureau</strong></th> - </tr> - <tr> - <th scope="row"><strong>Internet Explorer</strong></th> - <td colspan="2" style="background-color: #8ae234;" rowspan="1">8.0<sup>*</sup>, 9.0<sup>†</sup>, 10.0** (mais voir le <a href="#Mode_de_compatibilit.C3.A9_d'Internet_Explorer">mode de compatibilité</a> ci-dessous)</td> - </tr> - <tr> - <th scope="row"><strong>Firefox</strong></th> - <td colspan="2" style="background-color: #8ae234;">Versions courante, stable, Beta, Aurora, Nightly, et ESR.<br> - Précédente version stable</td> - </tr> - <tr> - <th scope="row"><strong>Chrome</strong></th> - <td colspan="2" style="background-color: #8ae234;">Dernière version stable</td> - </tr> - <tr> - <th scope="row"><strong>Safari</strong></th> - <td colspan="2" style="background-color: #8ae234;">Dernière version stable</td> - </tr> - <tr> - <th scope="row"><strong>Opera</strong></th> - <td colspan="2" style="background-color: #8ae234;">Dernière version stable<sup>‡</sup></td> - </tr> - <tr> - <th colspan="3" style="text-align: center; background-color: #d3d7cf;" scope="row"><strong>Navigateurs iOS</strong></th> - </tr> - <tr> - <th scope="row"><strong>Safari</strong> Mobile</th> - <td colspan="2" style="background-color: #8ae234;" rowspan="1">iOS 5.x — 6.x</td> - </tr> - <tr> - <th colspan="3" style="text-align: center; background-color: #d3d7cf;" scope="row"><strong>Navigateurs Android</strong></th> - </tr> - <tr> - <th scope="row"><strong>Navigateur par défaut</strong></th> - <td colspan="2" style="background-color: #8ae234;" rowspan="1">2.x — 4.x</td> - </tr> - <tr> - <th scope="row"><strong>Firefox</strong></th> - <td colspan="2" style="background-color: #8ae234;">Versions stable courante, Beta, Aurora, et Nightly<br> - Précédente version stable</td> - </tr> - <tr> - <th scope="row"><strong>Chrome</strong></th> - <td colspan="2" style="background-color: #8ae234;">Dernière version stable</td> - </tr> - </tbody> -</table> -<p><sup>*</sup> : pour Windows XP. <sup>†</sup> : pour Windows Vista et Windows 7. ** : Windows 8. <sup>‡</sup> : selon durée de vie.</p> -<h2 id="Navigateurs_non_supportés">Navigateurs non supportés</h2> -<ul> - <li>Internet Explorer versions 6.0 et 7.0 non supportés. Les utilisateurs seront incités à mettre à jour leur navigateur.</li> - <li>Google Chrome Frame non supporté et ne fonctionne pas.</li> - <li>Les navigateurs tierces sur iOS ne sont pas supportés et ne fonctionnent pas. Le support pourra être ajouté par la suite (<a href="https://github.com/mozilla/browserid/issues/2034" title="https://github.com/mozilla/browserid/issues/2034">Issue #2034</a>).</li> -</ul> -<h2 id="Mode_de_compatibilité_d'Internet_Explorer">Mode de compatibilité d'Internet Explorer</h2> -<p>À partir de la version 8.0, Internet Explorer supporte une fonctionnalité appelée <em>Mode de compatibilité</em>, dans lequel le navigateur peut être amené à émuler une version antérieure à la 8.0, en affichant la page. Cette fonctionnalité peut être contrôlée de trois façons différentes :</p> -<ul> - <li>À travers un paramètre dans le navigateur ;</li> - <li>En se basant sur la présence et la valeur de la déclaration DOCTYPE de la page ;</li> - <li>À travers une instruction envoyée depuis le site, utilisant l'en-tête <code>X-UA-Compatible</code>, par un en-tête HTTP ou une balise <code><meta></code> dans la page. Cette méthode peut supplanter les deux autres.</li> -</ul> -<p>Parce que les versions Internet Explorer avant la 8.0 ne sont pas supportées par Persona, toute version d'Internet Explorer qui est configurée pour émuler une version antérieure à la 8.0, ne fonctionnera pas avec Persona.</p> -<h2 id="Autres_navigateurs">Autres navigateurs</h2> -<p>Bien qu'ils ne soient pas explicitement supportés, un navigateur incluant aussi bien <a href="/fr/docs/Web/API/Window/postMessage" title="La méthode window.postMessage permet une communication inter-domaine en toute sécurité. Normalement, les scripts de différentes pages sont autorisés à accéder les uns aux autres si et seulement si les pages depuis lesquelles ils sont exécutés ont des URL de même origine, c'est-à-dire avec le même protocole (généralement http ou https), le même numéro de port (80 étant le port par défaut pour http), et le même nom d'hôte (à condition que document.domain soit initialisé à la même valeur par les deux pages). window.postMessage fournit un mécanisme contrôlé pour contourner cette restriction d'une manière sécurisée si bien utilisée."><code>window.postMessage()</code></a> que <a href="/fr/docs/Web/API/Storage" title="L'interface Storage de l'API Web Storage donne accès au stockage de session (SessionStorage) ou au stockage local (LocalStorage) pour un domaine donné, vous permettant par exemple d'ajouter, de modifier ou de supprimer des éléments enregistrés."><code>localStorage</code></a> devrait fonctionner. Ces API ont été rendues disponibles dans les principaux navigateurs depuis mars 2010.</p> -<h2 id="Problèmes_connus">Problèmes connus</h2> -<ul> - <li>Les utilisateurs d'Android 2.x qui n'ont pas sélectionné de navigateur par défaut ne pourront pas se connecter (<a href="https://github.com/mozilla/browserid/issues/1854" title="https://github.com/mozilla/browserid/issues/1854">Issue #1854</a>) ;</li> - <li>Les navigateurs doivent accepter les cookies tiers pour bénéficier de toutes les fonctionnalités (<a href="https://github.com/mozilla/browserid/issues/1352" title="https://github.com/mozilla/browserid/issues/1352">Issue #1352</a>).</li> -</ul> diff --git a/files/fr/archive/mozilla/persona/considerations_de_securite/index.html b/files/fr/archive/mozilla/persona/considerations_de_securite/index.html deleted file mode 100644 index d067791639..0000000000 --- a/files/fr/archive/mozilla/persona/considerations_de_securite/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: Considérations de sécurité -slug: Archive/Mozilla/Persona/Considerations_de_securite -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Security_Considerations ---- -<p>Lorsque vous ajoutez Persona sur votre site, il s'occupe du fardeau que représente la sécurité tant qu'il le peut. Cependant, certains aspects de la sécurité peuvent uniquement être gérés par votre site. Ils sont listés ci-dessous.</p> -<h2 id="Essential_practices" name="Essential_practices">Pratiques essentielles</h2> -<h3 id="Verify_assertions_on_your_server" name="Verify_assertions_on_your_server">Vérifier les assertions côté serveur</h3> -<p>Lorsque vous utilisez Persona, les assertions d'identité sont passées à la fonction <code> onlogin</code> passée à <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a>. Vous devriez <em>toujours</em> envoyer l'assertion au serveur pour vérification, et seul votre serveur devrait décider de donner à l'utilisateur les permissions additionnelles selon le résultat de la vérification:</p> -<pre class="brush:js;">// Dans navigator.id.watch({ ... -onlogin: function(assertion) { - // Un utilisateur veut se connecter ! Vous devez: - // 1. Envoyer l'assertion à votre backend pour vérification et création d'une session. - // 2. Mettre à jour l'interface. -}, -</pre> -<p>Si vous essayez de vérifier l'assertion en utilisant le JavaScript client, un utilisateur malveillant pourrait usurper l'identité d'un utilisateur légitime en injectant localement du code et en modifiant votre JavaScript. Ceci est possible parce que vous n'êtes pas en contrôle total de ce qui se passe dans le navigateur de l'utilisateur, là où le JavaScript est exécuté.</p> -<p>Encore une fois, vous devriez <em>systématiquement</em> envoyer l'assertion au serveur pour vérification. Même si vous utilisez l'API de vérification locale.</p> -<h3 id="Explicitly_specify_the_audience_parameter" name="Explicitly_specify_the_audience_parameter">Spécifiez explicitement le paramètre audience</h3> -<p>Pour vérifier une assertion, vous pouvez envoyer une requête POST à l'adresse <code>https://verifier.login.persona.org/verify</code>. La requêtre inclut un paramètre appelé <code>audience :</code></p> -<pre><code>assertion=<ASSERTION>&audience=https://monsite.com:443"</code></pre> -<p>Le paramètre <code>audience</code> est requis. Vous devriez toujours spécifier l'audience explicitement dans votre code, où dans votre configuration. Attention à :</p> -<ul> - <li>Ne pas croire le header Host envoyé par le navigateur.</li> - <li>Ne pas croire un paramètre explicite envoyé par le navigateur, mais généré par votre JavaScript en utilisant par exemple <code>document.location</code>.</li> -</ul> -<p>Si vous faites confiance au navigateur pour vous fournir l'audience, alors il devient possible pour un site malveillant de réutiliser les assertions de <em>son</em> site pour se connecter sur <em>votre</em> site.</p> -<h3 id="Verify_SSL_certificates" name="Verify_SSL_certificates">Vérifier les certificats SSL</h3> -<p>Pour vérifier une assertion, vous pouvez envoyer une requête POST à l'adresse <code>https://verifier.login.persona.org/verify</code>. Vous devez vous assurer que la requête HTTPS vérifie le certificat envoyé par le serveur contre un certificat-racine sûr. Si vous ne le faites pas, alors un hacker pourrait se faire passer pour <code>verifier.login.persona.org</code> et renvoyer des vérifications erronées.</p> -<p>Vérifiez que la librairie utilisée vérifie les certicicats correctements, et que vous l'intialisez avec les certificats-racines appropriés.</p> -<p><span style="line-height: 1.572;">Par exemple, le module standard de Python 2.7 ne valide pas les certificats serveurs. Nous recommandons plutôt d'utiliser les modules "</span><a class="external" href="http://pypi.python.org/pypi/requests" style="line-height: 1.572;">requests</a><span style="line-height: 1.572;">" (en) ou "</span><a class="external" href="http://pypi.python.org/pypi/urllib3" style="line-height: 1.572;" title="http://pypi.python.org/pypi/urllib3">urllib3</a><span style="line-height: 1.572;">" (en) en Python 2.x, ou la classe standard <code>http.client.HTTPSConnection</code></span> en Python 3.x<span style="line-height: 1.572;">. En Perl, assurez-vous d'utiliser au moins la version 6.0 de <code>libwww-perl</code></span>. En fonction du langage, de la bibliothèque et du système d'exploitation utilisé, vous pourriez devoir fournir soit une liste de certificats-racines sûrs, soit le seul certificat utilisé par <code>verifier.login.persona.org</code>.</p> -<h3 id="Implement_CSRF_protection" name="Implement_CSRF_protection">Implémenter une protection CSRF</h3> -<p>Lors d'une attaque de connexion CSRF (Cross-Site Request Forgery, contrefaçon de requêtes trans-sites), un hacker utilise une contrefaçon de requête trans-site pour connecter un utilisateur sur un site en utilisant ses identifiants.</p> -<p>Par exemple : un utilisateur visite un site web malveillant contenant un élément <code>form</code>. L'attribut <font face="Courier New, Andale Mono, monospace"><span style="line-height: normal;">action</span></font> du formulaire est défini sur une requête HTTP POST pointant vers <a class="external" href="http://www.google.com/login" title="http://www.google.com/login">http://www.google.com/login</a>, en envoyant le nom d'utilisateur et le mot de passe du hacker. Lorsque l'utilisateur envoie le formulaire, sa requête est envoyée à Google, la connexion est faite avec succès et le serveur Google définit un cookie dans le navigateur de l'utilisateur. À présent, l'utilisateur est sans le savoir connecté sur le compte Google du hacker.</p> -<p>Cette attaque peut être utilisée pour récupérer des informations sensibles à propos de l'utilisateur. Par exemple, la fonctionnalité d'<a class="link-https" href="https://www.google.com/history/">Historique Web</a> de Google recense tous les mots-clefs de recherche de l'utilisateur. Si l'utilisateur est connecté sur le compte Google du hacker ayant la fonctionnalité d'Historique Web activée, alors l'utilisateur donne toutes ses informations au hacker.</p> -<p>Les attaques de connexion CSRF, et les défenses potentielles à mettre en place contre elles, sont documentées plus exhaustivement dans <a class="external" href="http://www.adambarth.com/papers/2008/barth-jackson-mitchell-b.pdf">Défenses robustes contre les contrefaçons de requêtes trans-sites</a> (PDF, en). Elles ne sont pas spécifiques à Persona : la plupart des mécanismes de connexion sont potentiellement vulnérables face à elles.</p> -<p>Il y a plusieurs techniques qui peuvent être utilisées pour protéger un site contre les attaques de connexion CSRF, qui sont documentées plus exhaustivement dans l'étude ci-dessus.</p> -<p>Une de ces approches est de créer un identifiant secret dans le serveur, partagé avec le navigateur et de demander au navigateur de le fournir lors de requêtes de connexions. Par exemple :</p> -<ol> - <li>Dès que l'utilisateur arrive sur votre site, avant qu'il n'essaie de se connecter, créez une session pour lui sur le serveur. Enregistrez l'ID de la session dans un cookie de navigateur.</li> - <li>Sur le serveur, générez une chaîne de caractères aléatoire d'au moins 10 caractères alphanumériques. Un UUID généré aléatoirement est une bonne solution. C'est le jeton CSRF. Enregistrez-le dans la session.</li> - <li>Donnez le jeton CSRF au navigateur en l'incluant dans du JavaScript ou dans le HTML en tant que variable de formulaire cachée.</li> - <li>Assurez-vous que les envois AJAX ou les requêtes POST de formulaires incluent le jeton CSRF.</li> - <li>Côté serveur, avant d'accepter une assertion, assurez-vous que le jeton CSRF envoyé correspond au jeton CSRF enregistré dans la session.</li> -</ol> -<h2 id="Enhancements" name="Enhancements">Améliorations</h2> -<h3 id="Content_Security_Policy_(CSP)" name="Content_Security_Policy_(CSP)">Politique de sécurité du contenu (CSP)</h3> -<p>La <a href="/fr/docs/Sécurité/CSP" title="Security/CSP">Politique de sécurité du contenu</a> (CSP) est une couche supplémentaire de sécurité qui aide à détecter et atténuer certains types d'attaques, dont le Scriptage Trans-sites (XSS) et les attaques d'injection de données. Ces attaques sont utilisées pour beaucoup de choses du vol de données à la dégradation du site ou la distribution de logiciels malveillants.</p> -<p>Si vous utilisez la CSP sur votre site, vous devriez modifier votre politique pour inclure Persona. En fonction de votre politique, vous pourriez avoir besoin de :</p> -<ul> - <li>Supprimer les URI <font face="Courier New, Andale Mono, monospace"><span style="line-height: normal;">javascript:</span></font> les remplacer par du code chargé depuis un fichier de script additionnel. Ce fichier peut parcourir les éléments d'après leur ID et attacher des événements aux éléments en modifiant la propriété <a href="/fr/docs/Web/API/Element/onclick" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>onclick</code></a> ou en apppelant <a href="/fr/docs/Web/API/Element/addEventListener" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>addEventListener()</code></a>.</li> - <li>Autoriser <code>https://login.persona.org</code> aussi bien en tant que <code>script-src</code> qu'en tant que <code>frame-src</code> afin que votre site puisse charger le fichier <code>include.js</code> local et que ce fichier puisse communiquer avec l'implémentation alternative de Persona.</li> -</ul> -<p>Une configuration Apache d'example pourrait inclure :</p> -<pre><span class="diff-content"><span class="idiff">Header set X-Content-Security-Policy: "default-src 'self'; frame-src 'self' https://login.persona.org ; script-src 'self' https://login.persona.org"</span></span></pre> diff --git a/files/fr/archive/mozilla/persona/identity_provider_overview/index.html b/files/fr/archive/mozilla/persona/identity_provider_overview/index.html deleted file mode 100644 index 6a29be7c8f..0000000000 --- a/files/fr/archive/mozilla/persona/identity_provider_overview/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: Identity Provider Overview -slug: Archive/Mozilla/Persona/Identity_Provider_Overview -translation_of: Archive/Mozilla/Persona/Identity_Provider_Overview ---- -<p>Un Fournisseur d'Identité (Identity Provider ou IdP) Persona est un domaine qui enregistre et certifie directement l'identité de ses utilisateurs. Parce que les identités de Persona sont basées sur les adresses email, tous domaine offrant des emails à leurs utilisateurs peut simplement devenir un IdP.</p> - -<p>Si vous avez un nom de domaine, vous pouvez devenir un IdP Persona en implémentant un support pour le protocole BrowserID.</p> - -<p><em>If you have a domain name, you can become a Persona IdP by implementing support for the underlying BrowserID protocol.</em></p> - -<h2 id="Le_document_support_IdP">Le document support IdP</h2> - -<p>Domains advertise their ability to act as IdPs by publishing a support document at <code>/.well-known/browserid</code>. This JSON-formatted document contains three values:</p> - -<ul> - <li><code>public-key</code>: The public part of the domain's cryptographic key.</li> - <li><code>authentication</code>: The domain's page for asking users to log in.</li> - <li><code>provisioning</code>: The domain's page for certifying its users' identities.</li> -</ul> - -<p>Websites use the <code>public-key</code> to verify the authenticity of users' identity assertions.</p> - -<p>Browsers use the <code>authentication</code> and <code>provisioning</code> values to obtain certification of their user's identity.</p> - -<p>For more information, including how domains can delegate to other IdPs, see the <a href="https://developer.mozilla.org/en-US/docs/Persona/.well-known-browserid" title="https://developer.mozilla.org/en-US/docs/BrowserID/.well-known-browserid"><code>/.well-known/browserid</code> documentation</a>.</p> - -<h2 id="Comment_le_navigateur_interagit-t-il_avec_les_IdPs">Comment le navigateur interagit-t-il avec les IdPs ?</h2> - -<p>Pour montrer l'interaction entre les Navigateurs et les IdPs, nous allons regarder ce qui doit se passer la première fois que <code>alice@example.com</code> essaie de se connecter à un site en utilisant Persona.</p> - -<ol> - <li>Le navigateur d'alice récupère le document support à l'url <code>https://example.com/.well-known/browserid</code>.</li> - <li>Alice's browser invisibly loads the <code>provisioning</code> page for <code>example.com</code> and asks it to sign a public key certifying Alice's identity.</li> - <li>Before signing the key, <code>example.com</code> needs proof that the user really is Alice, so it tells the browser that she needs to authenticate.</li> - <li>Alice's browser shows Alice the <code>authentication</code> page for <code>example.com</code> and she signs in, establishing a new session at <code>example.com</code>.</li> - <li>Alice's browser reloads the <code>provisioning</code> page and again asks it to sign a public key certifying Alice's identity.</li> - <li>The <code>provisioning</code> page can verify Alice's identity by inspecting the new session. Satisfied, it signs a certificate containing Alice's public key, her email address, and an expiration date for the certificate.</li> -</ol> - -<p>For the duration of the signed certificate, Alice's browser can create valid identity assertions for <code>alice@example.com</code> whenever she wants to log into a web site with Persona.</p> - -<p>Steps 3-5 can be skipped if Alice already has a valid session with <code>example.com</code>, for example, from logging into her webmail or an intranet portal.</p> - -<h2 id="Comment_les_Sites_Web_interagissent_avec_les_IdPs">Comment les Sites Web interagissent avec les IdPs ?</h2> - -<p>Let's say Alice wants to sign in to <a href="http://123done.org" title="http://123done.org">123done.org</a>. Her browser would generate and sign an identity assertion containing the certificate from above and present it as proof of her identity.</p> - -<p>By comparing Alice's signature on the identity assertion with the public key inside the signed certificate, 123done can be confident that the certificate was issued to the same person that generated the identity assertion. However, 123done still needs to check that the certificate itself is valid by examining its signature.</p> - -<p>Because the certificate was issued for <code>alice@example.com</code>, 123done fetches the support document from <code>https://example.com/.well-known/browserid</code>. It then extracts the <code>public-key</code> and compares that to the signature on Alice's certificate. If the key matches the signature, 123done knows that the certificate is legitimate and can finish logging Alice in.</p> - -<p>Note that 123done never "phoned home" or otherwise revealed Alice's identity when she logged in. Rather, it only needed to request a single, cacheable document from <code>example.com</code>.</p> - -<h2 id="Security_and_trust">Security and trust</h2> - -<p>The BrowserID protocol, and thus Persona, are built on standard public key crytography techniques.</p> - -<p>Feel free to explore our documentation on the <a href="/en/Persona/Crypto" title="https://developer.mozilla.org/en/Persona/Crypto">cryptographic concepts</a> behind how a Persona IdP works or read <a href="/en-US/docs/Persona/Implementing_a_Persona_IdP" title="/en-US/docs/Persona/Implementing_a_Persona_IdP">more detail on how IdPs are implemented</a>.</p> diff --git a/files/fr/archive/mozilla/persona/index.html b/files/fr/archive/mozilla/persona/index.html deleted file mode 100644 index 160cdb0e3a..0000000000 --- a/files/fr/archive/mozilla/persona/index.html +++ /dev/null @@ -1,195 +0,0 @@ ---- -title: Persona -slug: Archive/Mozilla/Persona -tags: - - Persona -translation_of: Archive/Mozilla/Persona ---- -<div class="summary">Un système de connexion simple et respectueux de la vie privée : laissez vos utilisateurs s'identifier avec leurs adresses e-mail, et libérez-vous de la gestion des mots de passe.</div> - -<p><span class="seoSummary"><a class="link-https" href="https://login.persona.org">Mozilla Persona</a> est un système d'identification pour le web facile à utiliser et à déployer. Il fonctionne sur <a href="/fr/docs/persona/Browser_compatibility">tous les principaux navigateurs</a>, vous pouvez l'<a href="/fr/Persona/Quick_Setup">utiliser dès maintenant</a>.</span></p> - -<p>Pourquoi utiliser Persona sur votre site web ?</p> - -<ol> - <li><strong>Persona élimine complètement les mots de passe spécifiques à un site web</strong>, libérant les utilisateurs et les sites web du fardeau de créer, gérer et sauvegarder de manière sécurisée les mots de passe.</li> - <li><strong>Persona est facile à utiliser.</strong> En deux clics seulement, un utilisateur de Persona peut se connecter sur un site web comme <a href="http://voo.st" title="http://voo.st">Voost</a>, en s'affranchissant des contraintes liées à la création d'un nouveau compte.</li> - <li><strong>Persona est facile à mettre en oeuvre</strong><strong>. </strong>Les développeurs peuvent ajouter Persona à leur site web en seulement un après-midi.</li> - <li>Bien mieux, il n'y a <strong>pas de contrainte</strong>. Les développeurs recoivent une adresse e-mail vérifiée pour chacun de leurs utilisateurs, et l'utilisateur peut utiliser n'importe quelle adresse e-mail avec Persona.</li> -</ol> - -<p>De plus, Persona ne peut que s'améliorer : il est constuit sur un <strong>protocole ouvert et décentralisé</strong>, qui a été conçu pour permettre une i<strong>ntégration direct aux navigateurs</strong> et un <strong>support natif par les fournisseurs d'e-mail</strong>. Les sites qui implémentent Persona aujourd'hui profiteront automatiquement de ces améliorations sans avoir à modifier leur code.</p> - -<hr> -<div class="column-container"> -<h2 id="Utiliser_Persona_sur_votre_site">Utiliser Persona sur votre site</h2> - - -<div class="column-third"> -<h3 id="Pour_commencer">Pour commencer</h3> - -<dl> - <dt><a href="/fr/Persona/Pourquoi_Persona">Pourquoi Persona ?</a></dt> - <dd>Qu'est ce qui rend Persona spécial comparé aux autres systèmes d'identification et authentification.</dd> - <dt><a href="/fr/Persona/Quick_Setup">Configuration rapide</a></dt> - <dd>Une rapide introduction montrant comment ajouter Persona à votre site web.</dd> -</dl> - -<h3 id="Référence_de_l'API">Référence de l'API</h3> - -<dl> - <dt><a href="/fr/docs/Web/API/navigator.id">L'API navigator.id </a></dt> - <dd>Référence pour l'objet <code>navigator.id</code>.</dd> - <dt><a href="/fr/Persona/API_de_verification">L'API de vérification</a></dt> - <dd>Référence pour l'API de vérification.</dd> -</dl> -</div> - -<div class="column-third"> -<h3 id="Guides">Guides</h3> - -<dl> - <dt><a href="/fr/Persona/Considerations_de_securite">Considérations de sécurité</a></dt> - <dd>Pratiques et techniques pour déployer votre Persona en toute sécurité.</dd> - <dt><a href="/fr/docs/persona/Browser_compatibility">Compatibilité des navigateurs</a></dt> - <dd>Découvrez quels navigateurs sont supportés par Persona.</dd> - <dt><a href="/fr/Persona/Internationalisation">Internationalisation</a></dt> - <dd>Découvrez comment Persona supporte différents langages.</dd> - <dt><a href="/fr/Persona/The_implementor_s_guide">Le guide de l'implémenteur</a></dt> - <dd>Des astuces par les sites qui ont ajouté le support de Persona.</dd> -</dl> -</div> - -<div class="column-third"> -<h3 id="Ressources">Ressources</h3> - -<dl> - <dt><a class="link-https" href="/fr/Persona/Libraries_and_plugins" title="https://developer.mozilla.org/en-US/docs/Mozilla/Persona/Libraries_and_plugins">Librairies et plugins</a></dt> - <dd>Vous trouverez une drop-in librairie pour votre langage de programmation favori, web framework, blog, ou CMS.</dd> - <dt><a class="link-https" href="https://github.com/mozilla/browserid-cookbook" title="https://github.com/mozilla/browserid-cookbook">Le livre d'astuces Personna</a></dt> - <dd>Exemples de codes sources pour les sites Persona. Avec des extraits en C# (MVC3), PHP, Node.JS, et autres.</dd> - <dt><a href="/fr/docs/persona/branding" title="/en-US/docs/persona/branding">Ressources promotionnelles</a></dt> - <dd>Boutons <em>se connecter</em> et autres éléments graphiques pour aider à présenter Persona à vos utilisateurs.</dd> -</dl> -</div> -</div> - -<hr> -<h2 id="Devenir_un_fournisseur_d'identité">Devenir un fournisseur d'identité</h2> - -<p>Si vous êtes un fournisseur d'adresses de messagerie ou d'un autre service d'identification, voyez les liens ci-dessous pour apprendre comment devenir un fournisseur d'identité Persona.</p> - -<div class="column-container"> -<div class="column-third"> -<dl> - <dt><a href="/en-US/docs/Persona/Identity_Provider_Overview">IdP : vue d'ensemble</a></dt> - <dd>Une vue haut niveau des fournisseurs d'identité de Persona.</dd> -</dl> -</div> - -<div class="column-third"> -<dl> - <dt><a href="/en/Persona/Implementing_a_Persona_IdP">Implémenter un IdP</a></dt> - <dd>Un guide précis sur les détails techniques pour devenir un IdP.</dd> -</dl> -</div> - -<div class="column-third"> -<dl> - <dt><a href="/en-US/docs/Persona/.well-known-browserid">.well-known/browserid</a></dt> - <dd>Un aperçu de la structure et de l'objet du fichier <code>.well-known/browserid</code> que les IdPs utilisent pour signaler leur utilisation du protocole.</dd> -</dl> -</div> -</div> - -<hr> -<h2 id="Le_projet_Persona">Le projet Persona</h2> - -<div class="column-container"> -<div class="column-third"> -<dl> - <dt><a href="/en/Persona/Glossary" title="navigator.id">Glossaire</a></dt> - <dd>Définitions de la terminologie utilisée par BrowserID et Persona.</dd> - <dt><a href="/en/Persona/FAQ" title="en/BrowserID/FAQ">FAQ</a></dt> - <dd>Réponses aux questions fréquentes.</dd> - <dt><a href="/fr/Persona/vue_densemble_du_protocole" title="BrowserID/Protocol overview">Protocole : vue d'ensemble</a></dt> - <dd>Un aperçu de niveau technique intermédiaire du protocole sous-jacent BrowserID.</dd> -</dl> -</div> - -<div class="column-third"> -<dl> - <dt><a href="/en/persona/Crypto" title="MDN">Crypto</a></dt> - <dd>Un aperçu des concepts cryptographiques derrière Persona et BrowserID.</dd> - <dt><a class="link-https" href="https://github.com/mozilla/id-specs/blob/master/browserid/index.md" title="https://github.com/mozilla/id-specs/blob/master/browserid/index.md">Les Spécifications</a></dt> - <dd>Détails techniques approfondis.</dd> -</dl> -</div> - -<div class="column-third"> -<dl> - <dt><a href="/Persona/Bootstrapping_Persona" title="en/BrowserID/Bootstrapping_BrowserID">Le site web de Persona</a></dt> - <dd>Pour faire fonctionner Persona, nous hébergeons trois services sur <a class="link-https" href="https://login.persona.org" rel="freelink">https://login.persona.org</a>: un fournisseur d'identité de substitution, une implémentation portable des APIs <a href="/fr/docs/Web/API/Navigator/id" title="Le protocole BrowserID définit une nouvelle propriété id dans l'objet window.navigator, dans laquelle l'API BrowserID est rendue disponible. Cette API a subi plusieurs importantes modifications. Chaque modification est listée séparément ci-dessous."><code>navigator.id</code></a> et un service de vérification des affirmations d'identité.</dd> - <dt><a href="https://github.com/mozilla/browserid">Code source de Persona </a></dt> - <dd>Le code source de Persona pour les sites web est sur un dépot sur GitHub. Patches bienvenus !</dd> -</dl> -</div> -</div> - -<p></p><div class="overheadIndicator communitybox"> - - <div class="column-container"> - <h2 id="Rejoignez_la_communauté_Identity">Rejoignez la communauté Identity</h2> - <div class="column-half"> - <div class="communitysubhead">Choisissez votre méthode préférée pour rejoindre la discussion :</div> - <ul class="communitymailinglist"> - <li><a href="https://lists.mozilla.org/listinfo/dev-identity"> Liste de diffusion</a></li> - - - <li><a href="http://groups.google.com/group/mozilla.dev.identity"> newsgroup</a></li> - <li><a href="http://groups.google.com/group/mozilla.dev.identity/feeds"> Flux de syndication</a></li> -</ul> - </div> - <div class="column-half"> - <ul class="communitycontact"><li><strong>IRC: </strong><a href="irc://irc.mozilla.org/identity">#identity</a> <span class="smaller">(<a href="https://wiki.mozilla.org/IRC">en apprendre plus</a>)</span></li><li><strong>Blog: </strong><a href="http://identity.mozilla.com/" title="Visitez le blog Identity">identity.mozilla.com</a></li><li><strong>GitHub: </strong><a href="https://github.com/mozilla/browserid/issues/new" title="Signaler un bug">Signaler un bug</a></li></ul> - </div> - </div> -</div><p></p> - -<p> </p> - -<h2 id="Subnav">Subnav</h2> - -<ol> - <li><a href="#">Utiliser Persona sur votre site web</a> - - <ol> - <li><a href="/fr/Persona/Pourquoi_Persona" title="Why Persona?">Pourquoi utiliser Persona ?</a></li> - <li><a href="/fr/Persona/Quick_Setup" title="Quick Start">Configuration rapide</a></li> - <li><a href="/fr/Persona/The_implementor_s_guide" title="Implementor's Guide">Astuces pour implémenter Persona</a></li> - <li><a href="/fr/Persona/Considerations_de_securite" title="Security Considerations">Considérations de sécurité</a></li> - <li><a href="/fr/docs/persona/Browser_compatibility" title="Browser compatibility">Compatibilité navigateurs</a></li> - <li><a href="/fr/Persona/Internationalisation" title="Internationalization">Internationalisation</a></li> - <li><a href="/en-US/Persona/The_navigator.id_API" title="The navigator.id API">L'API navigator.id</a></li> - <li><a href="/fr/Persona/API_de_verification" title="Remote Verification API">L'API de vérification à distance</a></li> - <li><a href="/fr/Persona/Libraries_and_plugins" title="Libraries and plugins">Bibliothèques et plugins</a></li> - <li><a href="/fr/docs/persona/branding" title="User interface guidelines">Recommandations d'interface Utilisateur</a></li> - </ol> - </li> - <li><a href="#">Devenir un fournisseur d'identité</a> - <ol> - <li><a href="/en-US/Persona/Identity_Provider_Overview" title="IdP Overview">Vue d'ensemble IdP</a></li> - <li><a href="/en-US/Persona/Implementing_a_Persona_IdP" title="Implementing an IdP">Implémenter un IdP</a></li> - <li><a href="/en-US/Persona/.well-known-browserid" title=".well-known-browserid format">Format de .well-known-browserid</a></li> - </ol> - </li> - <li><a href="#">Le projet Persona</a> - <ol> - <li><a href="/en-US/Persona/Glossary" title="Glossary">Glossaire</a></li> - <li><a href="/en-US/Persona/FAQ" title="FAQ">FAQ</a></li> - <li><a href="/en-US/Persona/Bootstrapping_Persona" title="Persona hosted services">Services hébergés Persona</a></li> - <li><a href="/fr/Persona/vue_densemble_du_protocole" title="Protocol overview">Vue d'ensemble du protocole</a></li> - <li><a href="/en-US/Persona/Crypto" title="Crypto">Cryptographie</a></li> - </ol> - </li> -</ol> diff --git a/files/fr/archive/mozilla/persona/internationalisation/index.html b/files/fr/archive/mozilla/persona/internationalisation/index.html deleted file mode 100644 index 0989a4d086..0000000000 --- a/files/fr/archive/mozilla/persona/internationalisation/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: Internationalisation -slug: Archive/Mozilla/Persona/Internationalisation -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Internationalization ---- -<h2 id="Qu'est-ce_qui_est_traduit_dans_Persona">Qu'est-ce qui est traduit dans Persona ?</h2> -<p>Dans le futur, l'interface pour se connecter sur des sites avec Persona sera intégrée directement dans le navigateur, et ainsi traduite avec la traduction du navigateur. Pour les navigateurs qui n'intégrent pas Persona, son interface consiste en une série de dialogues affichées depuis <a style="line-height: 1.572;" href="https://login.persona.org" title="https://login.persona.org">login.persona.org</a><span style="line-height: 1.572;">. Ces dialogues sont traduits par une équipe de volontaires de la communauté, et plus de 45 langues sont actuellement </span><a style="line-height: 1.572;" href="https://github.com/mozilla/browserid/blob/dev/config/l10n-prod.json" title="https://github.com/mozilla/browserid/blob/dev/config/l10n-prod.json">activées en production</a><span style="line-height: 1.572;">.</span></p> -<h2 id="Comment_Persona_choisit_la_langue">Comment Persona choisit la langue</h2> -<p>Le service Persona sélectionne une langue en se basant sur le header <code>Accept-Language</code> envoyé dans les requêtes du navigateur. L'algorithme utilisé pour faire correspondre une langue au header <code>Accept-Language</code> est le même que celui utilisé par <code>mozilla.org</code> :</p> -<ol> - <li>Pour chaque identifiant de langue dans le header <code>Accept-Language</code> : - <ul> - <li>vérifier s'il existe une correspondance exacte pour la langue associée à l'identifiant de langue</li> - <li>vérifier s'il existe une correspondance partielle de la première partie de l'identifiant de langue avec une langue</li> - </ul> - </li> - <li>Si une correspondance ne peut pas être établie en utilisant la première règle, s'en remettre à en-US. Cependant, <em>en</em> ou <em>en-US</em> est presque toujours le dernier header de langue préférée envoyé par la plupart des navigateurs.</li> -</ol> -<p>Par exemple, le tableau ci-dessous liste la langue choisie pour différents headers <code>Accept-Language</code>, si les langues suivantes étaient supportées : <code>en-US, es, es-MX</code> :</p> -<table> - <thead> - <tr> - <th scope="col"><strong>Header <code>Accept-Language</code></strong></th> - <th scope="col"><strong>Langue sélectionnée</strong></th> - </tr> - </thead> - <tbody> - <tr> - <td><code>es-AR,es;q=0.8,en-us;q=0.5</code></td> - <td><code>es</code></td> - </tr> - <tr> - <td><code>es-MX,es;q=0.8,en-us;q=0.5</code></td> - <td><code>es-MX</code></td> - </tr> - <tr> - <td><code>e</code><code>s-es,en-us;q=0.5</code></td> - <td><code>en-US</code></td> - </tr> - <tr> - <td><code>e</code><code>s-es</code></td> - <td><code>en-US</code></td> - </tr> - </tbody> -</table> -<p>Il n'y a pour le moment pas de possibilité pour un site de forcer le dialogue d'être dans un langage prédéfini. C'est parce que l'interface de Persona est d'un point de vue logique (et tout comme les futures implémentations natives le seront) intégrée dans l'interface du navigateur, c'est pourquoi sa langue doit être cohérente avec la langue du navigateur.</p> -<h2 id="Comment_aider">Comment aider</h2> -<p>Persona utilise Mozilla Verbatim pour permettre aux volontaires de créer de nouvelles traductions. Si vous souhaitez aider, lisez le guide « <a href="https://developer.mozilla.org/en-US/docs/Localizing_with_Verbatim" title="https://developer.mozilla.org/en-US/docs/Localizing_with_Verbatim">démarrer avec Verbatim</a> (en) » et visitez le <a href="https://localize.mozilla.org/projects/browserid/" title="https://localize.mozilla.org/projects/browserid/">projet « BrowserID »</a> (en) sur Verbatim.</p> diff --git a/files/fr/archive/mozilla/persona/libraries_and_plugins/index.html b/files/fr/archive/mozilla/persona/libraries_and_plugins/index.html deleted file mode 100644 index 54d297c63b..0000000000 --- a/files/fr/archive/mozilla/persona/libraries_and_plugins/index.html +++ /dev/null @@ -1,205 +0,0 @@ ---- -title: Bibliothèques et plugins -slug: Archive/Mozilla/Persona/Libraries_and_plugins -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Libraries_and_plugins ---- -<p>Envie d'utiliser Persona sur votre site ou votre blog ? Implémenter Persona à partir de rien, c'est <a href="/fr/docs/Persona/Quick_Setup" title="/en-US/docs/Persona/Quick_Setup">simple</a>, mais les plugins et bibliothèques listées ici pourraient bien vous aider à aller plus vite !<br> - <br> - Cette page liste trois types de bibliothèques :<br> - <br> - 1. des <strong>p</strong><strong>lugins</strong> qui intégrent Persona dans des environnements de travail et systèmes de gestion de contenu (CMS) existants<br> - 2. des <strong>bibliothèques utilitaires</strong>, utiles lorsque vous développez de nouveaux plugins ou que vous intégrez Persona dans un site à partir de rien<br> - 3. <strong>n'importe quoi d'autre</strong> en rapport avec Persona, ce qui inclut des bibliothèques pour faire de votre domaine un Persona Identity Provider<br> - <br> - Ceci est une liste maintenue par la communauté. Si vous avez créé une bibliothèque ou un plugin, merci de l'ajouter à cette page.</p> - -<div class="note">Cette page est actuellement en cours de tri, et certains plugins pourraient être obsolètes. N'oubliez pas de faire des recherches sur les plugins avant de les utiliser.</div> - -<div class="warning"> -<p>Les liens vers les plugins listés ici sont des documents rédigés en anglais</p> -</div> - -<h2 id="Plugins">Plugins</h2> - -<h3 id="Clojure">Clojure</h3> - -<ul> - <li>Noir: <a href="https://github.com/tmarble/nongrata" title="https://github.com/tmarble/nongrata">https://github.com/tmarble/nongrata</a></li> - <li>ring / cemerick.friend / cljs: <a href="https://github.com/osbert/persona-kit" title="https://github.com/osbert/persona-kit">https://github.com/osbert/persona-kit</a></li> -</ul> - -<h3 id="Cold_Fusion">Cold Fusion</h3> - -<ul> - <li>CFML: <a href="https://github.com/gregmoser/cfpersona" title="https://github.com/gregmoser/cfpersona">https://github.com/gregmoser/cfpersona</a></li> -</ul> - -<h3 id="Haskell">Haskell</h3> - -<ul> - <li>Yesod: <a href="https://github.com/yesodweb/authenticate" title="https://github.com/yesodweb/authenticate">https://github.com/yesodweb/authenticate</a></li> -</ul> - -<h3 id="Java">Java</h3> - -<ul> - <li>Spring: <a href="https://github.com/webdetails/SpringSecurityBrowserID" title="https://github.com/webdetails/SpringSecurityBrowserID">https://github.com/webdetails/SpringSecurityBrowserID</a></li> - <li>Lutece: <a href="http://dev.lutece.paris.fr/plugins/module-mylutece-persona/" title="https://dev.lutece.paris.fr/plugins/module-mylutece-persona/">http://dev.lutece.paris.fr/plugins/module-mylutece-persona/</a></li> -</ul> - -<h3 id="JavaScript">JavaScript</h3> - -<ul> - <li>Mootools: <a href="http://mootools.net/forge/p/browserid" title="http://mootools.net/forge/p/browserid">http://mootools.net/forge/p/browserid</a></li> - <li>jQuery: <a href="https://github.com/altryne/browserID-jQuery" title="https://github.com/altryne/browserID-jQuery">https://github.com/altryne/browserID-jQuery</a></li> - <li>Meteor: <a href="https://github.com/vladikoff/meteor-accounts-persona" title="https://github.com/vladikoff/meteor-accounts-persona">https://github.com/vladikoff/meteor-accounts-persona</a></li> -</ul> - -<h3 id="Node.js">Node.js</h3> - -<ul> - <li>Express: <a href="https://github.com/jbuck/express-persona" title="https://github.com/jbuck/express-persona">https://github.com/jbuck/express-persona</a></li> - <li>Express / Jungles: <a href="https://npmjs.org/package/jungles-auth-persona" title="https://npmjs.org/package/jungles-auth-persona">https://npmjs.org/package/jungles-auth-persona</a></li> - <li>Passport: <a href="https://github.com/jaredhanson/passport-browserid" title="https://github.com/jaredhanson/passport-browserid">https://github.com/jaredhanson/passport-browserid</a></li> - <li>Express / connect - connect-auth: <a href="https://github.com/ciaranj/connect-auth" title="https://github.com/ciaranj/connect-auth">https://github.com/ciaranj/connect-auth</a></li> - <li>Persona + LevelDB session storage: <a href="https://github.com/maxogden/doorknob" title="/en-US/docs/">https://github.com/maxogden/doorknob</a></li> -</ul> - -<h3 id="PHP">PHP</h3> - -<ul> - <li>CakePHP: <a href="https://github.com/overflow636/ofbid" title="https://github.com/overflow636/ofbid">https://github.com/overflow636/ofbid</a> et <a href="https://github.com/markomarkovic/cakephp-plugin-persona" title="https://github.com/markomarkovic/cakephp-plugin-persona">https://github.com/markomarkovic/cakephp-plugin-persona</a></li> - <li>DokuWiki: <a href="https://github.com/Rudloff/dokuwiki-browserid" title="https://github.com/Rudloff/dokuwiki-browserid">https://github.com/Rudloff/dokuwiki-browserid</a></li> - <li>Dotclear: <a href="http://plugins.dotaddict.org/dc2/details/browserID" title="http://plugins.dotaddict.org/dc2/details/browserID">http://plugins.dotaddict.org/dc2/details/browserID</a></li> - <li>Drupal: <a href="https://drupal.org/project/persona" title="https://drupal.org/project/persona">https://drupal.org/project/persona</a></li> - <li>Elgg: <a href="http://community.elgg.org/plugins/1154520/1.0/persona" title="/en-US/docs/">http://community.elgg.org/plugins/1154520/1.0/persona</a></li> - <li>Joomla: <a href="http://extensions.joomla.org/extensions/access-a-security/authentication-cloud-based/18567" title="http://extensions.joomla.org/extensions/access-a-security/authentication-cloud-based/18567">http://extensions.joomla.org/extensions/access-a-security/authentication-cloud-based/18567</a></li> - <li>Midgard MVC: <a href="https://github.com/midgardproject/midgardmvc_core/blob/master/services/authentication/browserid.php" title="https://github.com/midgardproject/midgardmvc_core/blob/master/services/authentication/browserid.php">https://github.com/midgardproject/midgardmvc_core/blob/master/services/authentication/browserid.php</a></li> - <li>MyBB: <a href="https://github.com/Rudloff/mybb-browserid" title="https://github.com/Rudloff/mybb-browserid">https://github.com/Rudloff/mybb-browserid</a></li> - <li>SPIP: <a href="http://www.spip-contrib.net/BrowserID" title="http://www.spip-contrib.net/BrowserID">http://www.spip-contrib.net/BrowserID</a></li> - <li>Symfony2: <a href="https://github.com/Proxiweb/PersonaBundle" title="https://github.com/Proxiweb/PersonaBundle">https://github.com/Proxiweb/PersonaBundle</a>, <a href="https://github.com/bitgrave/BGPersonaBundle" title="https://github.com/bitgrave/BGPersonaBundle">https://github.com/bitgrave/BGPersonaBundle</a>, https://packagist.org/packages/champs-libres/persona-user-bundle</li> - <li>Tiki: <a href="http://dev.tiki.org/Mozilla+Persona" title="http://dev.tiki.org/Mozilla+Persona">http://dev.tiki.org/Mozilla+Persona</a></li> - <li>WordPress / bbPress 2: <a href="http://wordpress.org/extend/plugins/browserid/" title="http://wordpress.org/extend/plugins/browserid/">http://wordpress.org/extend/plugins/browserid/</a></li> -</ul> - -<h3 id="Python">Python</h3> - -<ul> - <li>CherryPy: <a href="https://bitbucket.org/jaraco/jaraco.persona">https://bitbucket.org/jaraco/jaraco.persona</a></li> - <li>Django: <a href="https://github.com/mozilla/django-browserid" title="https://github.com/mozilla/django-browserid">https://github.com/mozilla/django-browserid</a> (voir des <a href="http://godjango.com/11-browser-id/" title="http://godjango.com/11-browser-id/">captures d'écran</a>)</li> - <li>Django Social Auth: <a href="https://github.com/omab/django-social-auth/blob/master/social_auth/backends/browserid.py" title="https://github.com/omab/django-social-auth/blob/master/social_auth/backends/browserid.py">https://github.com/omab/django-social-auth/blob/master/social_auth/backends/browserid.py</a></li> - <li>Django 1.5 and Python 3: <a href="https://github.com/mozillaperu/MozTanta-Persona" title="/en-US/docs/">https://github.com/mozillaperu/MozTanta-Persona</a></li> - <li>Flask: <a href="http://pypi.python.org/pypi/Flask-BrowserID" title="http://pypi.python.org/pypi/Flask-BrowserID">http://pypi.python.org/pypi/Flask-BrowserID</a></li> - <li>Google App Engine: <a href="https://github.com/psawaya/BrowserID-GAE" title="https://github.com/psawaya/BrowserID-GAE">https://github.com/psawaya/BrowserID-GAE</a></li> - <li>Pyramid: <a href="http://www.rfk.id.au/blog/entry/painless-auth-pyramid-browserid/" title="http://www.rfk.id.au/blog/entry/painless-auth-pyramid-browserid/">http://www.rfk.id.au/blog/entry/painless-auth-pyramid-browserid/</a></li> - <li>Pyramid: <a href="https://github.com/madjar/pyramid_persona/" title="https://github.com/madjar/pyramid_persona/">https://github.com/madjar/pyramid_persona/</a> (voir un <a href="http://compiletoi.net/quick-authentication-on-pyramid-with-persona.html" title="http://compiletoi.net/quick-authentication-on-pyramid-with-persona.html">billet de blog</a>)</li> - <li>Repoze: <a href="https://github.com/mozilla-services/repoze.who.plugins.browserid" title="https://github.com/mozilla-services/repoze.who.plugins.browserid">https://github.com/mozilla-services/repoze.who.plugins.browserid</a></li> - <li>Tornado: <a href="http://www.peterbe.com/plog/integrate-browserid-in-a-tornado-web-app" title="http://www.peterbe.com/plog/integrate-browserid-in-a-tornado-web-app">http://www.peterbe.com/plog/integrate-browserid-in-a-tornado-web-app</a></li> - <li>Twisted: <a href="https://github.com/warner/browserid-cred" title="https://github.com/warner/browserid-cred">https://github.com/warner/browserid-cred</a></li> - <li>web.py: <a href="https://github.com/oscarfroberg/browserid-webpy" title="https://github.com/oscarfroberg/browserid-webpy">https://github.com/oscarfroberg/browserid-webpy</a></li> - <li>WSGI: <a href="https://github.com/ianb/wsgibrowserid" title="https://github.com/ianb/wsgibrowserid">https://github.com/ianb/wsgibrowserid</a></li> -</ul> - -<h3 id="Ruby">Ruby</h3> - -<ul> - <li>Devise: <a href="https://rubygems.org/gems/devise-browserid" title="https://rubygems.org/gems/devise-browserid">https://rubygems.org/gems/devise-browserid</a></li> - <li>Devise: <a href="https://github.com/denschub/devise_browserid_authenticatable" title="https://github.com/denschub/devise_browserid_authenticatable">https://github.com/denschub/devise_browserid_authenticatable</a></li> - <li>OmniAuth: <a href="https://github.com/intridea/omniauth-browserid" title="https://github.com/intridea/omniauth-browserid">https://github.com/intridea/omniauth-browserid</a></li> - <li>Rails: <a href="http://rubygems.org/gems/browserid-rails" title="http://rubygems.org/gems/browserid-rails">http://rubygems.org/gems/browserid-rails</a></li> - <li>Sinatra: <a href="http://rubygems.org/gems/sinatra-browserid" title="http://rubygems.org/gems/sinatra-browserid">http://rubygems.org/gems/sinatra-browserid</a></li> - <li>Warden / Rack: <a href="https://rubygems.org/gems/warden-browserid" title="/en-US/en-US/docs/">https://rubygems.org/gems/warden-browserid</a></li> -</ul> - -<h3 id="Miscellaneous">Miscellaneous</h3> - -<ul> - <li>Apache: <a href="https://github.com/mozilla/mod_browserid" title="/Link_Type_Article_Title_Lookup_/_Link_Text_Attachments_URL">https://github.com/mozilla/mod_browserid</a></li> - <li>Cyrus SASL: <a href="https://github.com/ozten/sasl-browserid" title="https://github.com/ozten/sasl-browserid">https://github.com/ozten/sasl-browserid</a></li> - <li>PhoneGap: <a href="https://github.com/couchbaselabs/cordova-browserid" title="https://github.com/couchbaselabs/cordova-browserid">https://github.com/couchbaselabs/cordova-browserid</a></li> -</ul> - -<p>Vous n'avez pas vu votre langage ou environnement de travail ici ? <a href="http://identity.mozilla.com/post/31008721633/" title="http://identity.mozilla.com/post/31008721633/">LoginRadius</a>, un widget d'authentification, offre une intégration de Persona pour beaucoup de plateformes.</p> - -<h2 id="Bibliothèques_utilitaires">Bibliothèques utilitaires</h2> - -<h3 id="C">C</h3> - -<ul> - <li><a href="https://github.com/PADL/gss_browserid" title="https://github.com/PADL/gss_browserid">https://github.com/PADL/gss_browserid</a> (composant libbrowserid)</li> -</ul> - -<h3 id="Go">Go</h3> - -<ul> - <li><a href="https://github.com/elathan/gobrowserid" title="https://github.com/elathan/gobrowserid">https://github.com/elathan/gobrowserid</a></li> -</ul> - -<h3 id="Haskell_2">Haskell</h3> - -<ul> - <li><a href="http://hackage.haskell.org/package/authenticate" title="http://hackage.haskell.org/package/authenticate">http://hackage.haskell.org/package/authenticate</a></li> -</ul> - -<h3 id=".Net">.Net</h3> - -<ul> - <li><a href="https://github.com/cvrajeesh/NBrowserID" title="https://github.com/cvrajeesh/NBrowserID">https://github.com/cvrajeesh/NBrowserID</a></li> - <li><a href="http://www.codeguru.com/csharp/.net/net_asp/using-browserid-authentication-in-asp.net-web-sites.htm" title="http://www.codeguru.com/csharp/.net/net_asp/using-browserid-authentication-in-asp.net-web-sites.htm">http://www.codeguru.com/csharp/.net/net_asp/using-browserid-authentication-in-asp.net-web-sites.htm</a></li> - <li><a href="https://github.com/fernandozamoraj/BrowserIdDemoWithMVC3" title="https://github.com/fernandozamoraj/BrowserIdDemoWithMVC3">https://github.com/fernandozamoraj/BrowserIdDemoWithMVC3</a> (voir un <a href="http://fernandozamorajimenez.blogspot.com/2012/04/integrating-browserid-with-mvc3.html" title="http://fernandozamorajimenez.blogspot.com/2012/04/integrating-browserid-with-mvc3.html">billet de blog</a>)</li> - <li><a href="https://github.com/sergiotapia/ASP.Net-MVC3-Persona-Demo" title="https://github.com/sergiotapia/ASP.Net-MVC3-Persona-Demo">https://github.com/sergiotapia/ASP.Net-MVC3-Persona-Demo</a></li> -</ul> - -<h3 id="Node.js_2">Node.js</h3> - -<ul> - <li><a href="https://github.com/substack/persona-id" title="https://github.com/substack/persona-id">https://github.com/substack/persona-id</a></li> - <li><a href="https://github.com/lloyd/node-browserid" title="https://github.com/lloyd/node-browserid">https://github.com/lloyd/node-browserid</a></li> -</ul> - -<h3 id="PHP_2">PHP</h3> - -<ul> - <li><a href="https://github.com/Falco20019/php-browseridlib" title="https://github.com/Falco20019/php-browseridlib">https://github.com/Falco20019/php-browseridlib</a></li> - <li><a href="https://github.com/raymondjavaxx/php5-browserid" title="https://github.com/raymondjavaxx/php5-browserid">https://github.com/raymondjavaxx/php5-browserid</a></li> -</ul> - -<h3 id="Python_2">Python</h3> - -<ul> - <li><a href="https://github.com/mozilla/PyBrowserID" title="https://github.com/mozilla/PyBrowserID">https://github.com/mozilla/PyBrowserID</a></li> -</ul> - -<h2 id="Autres">Autres</h2> - -<h3 id="Perl">Perl</h3> - -<ul> - <li>Perl/CGI IdP: <a href="https://github.com/benkard/mulkyid" title="https://github.com/benkard/mulkyid">https://github.com/benkard/mulkyid</a></li> -</ul> - -<h3 id="Python_3">Python</h3> - -<ul> - <li>WSGI IdP: <a href="https://bitbucket.org/djc/persona-totp" title="https://bitbucket.org/djc/persona-totp">https://bitbucket.org/djc/persona-totp</a></li> -</ul> - -<h3 id="Ruby_2">Ruby</h3> - -<ul> - <li>Rack IdP: <a href="https://rubygems.org/gems/browserid-provider" title="https://rubygems.org/gems/browserid-provider">https://rubygems.org/gems/browserid-provider</a> (voir un <a href="https://rin.no/category/browserid-2/" title="https://rin.no/category/browserid-2/">billet de blog</a>)</li> -</ul> - -<h3 id="PHP_3">PHP</h3> - -<ul> - <li>Symfony2 IdP: <a href="https://github.com/gigablah/GBPersonaProviderBundle" title="https://github.com/gigablah/persona-provider-bundle">https://github.com/gigablah/GBPersonaProviderBundle</a></li> -</ul> - -<h3 id="Racket">Racket</h3> - -<ul> - <li>web-server module: <a href="https://github.com/cosmez/racket-persona">https://github.com/cosmez/racket-persona</a></li> -</ul> diff --git a/files/fr/archive/mozilla/persona/pourquoi_persona/index.html b/files/fr/archive/mozilla/persona/pourquoi_persona/index.html deleted file mode 100644 index 589c24e8be..0000000000 --- a/files/fr/archive/mozilla/persona/pourquoi_persona/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Pourquoi Persona ? -slug: Archive/Mozilla/Persona/Pourquoi_Persona -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Why_Persona ---- -<p style="">Le mécanisme le plus répandu, basé sur le couple identifiant/mot de passe, n'est pas tenable : on demande aux utilisateurs de créer et de retenir un nouveau mot de passe complexe pour chaque site ou service qu'ils utilisent, et chaque site doit stocker de son côté les mots de passe de manière sécurisée. Pourtant, des intrusions récentes montrent que même des entreprises de premier plan peuvent avoir des failles dans la sécurité de leur base de mots de passe, ce qui met en danger les informations de leurs utilisateurs.</p> -<p>Persona est un système de gestion des identités ouvert, distribué, adapté à l'échelle d'internet, qui remplace le système des mots de passe par site. Il répond aux limitations en termes d'ergonomie et de vie privée que peuvent rencontrer des systèmes comme OpenID, sans avoir recours à une infrastructure centralisée comme le fait Facebook Connect.</p> -<h2 id="Persona_la_fin_des_mots_de_passe_par_site">Persona : la fin des mots de passe par site</h2> -<p>Au lieu d'utiliser un mot de passe pour chaque site, Persona permet aux utillisateurs de se connecter en seulement deux clics après avoir réalisé un processus simple une seule fois pour chacune de leurs identités en ligne. Le processus est totalement sécurisé et basé sur les principes de la cryptographie à clé publique. Plutôt qu'un mot de passe, le navigateur internet de l'utilisateur génère ensuite une « assertion d'identité » chiffrée, qui expire après quelques minutes et n'est valable que pour un seul site. Du fait qu'il n'y a plus de mot de passe spécifique pour chaque site, les sites utilisant Persona n'ont plus à se préoccuper du stockage sécurisé des mots de passe ou de la perte éventuelle de leur base de mots de passe.</p> -<p>Cette méthode rapide d'authentification réduit aussi la complexité lors de la première connexion d'un utilisateur à un nouveau site.</p> -<h2 id="Les_identifiants_Persona_sont_vos_adresses_de_courriel">Les identifiants Persona sont vos adresses de courriel</h2> -<p>Plutôt que des identifiants à saisie libre, Persona utilise des adresses de courriel, ce qui a plusieurs avantages pour les utilisateurs comme pour les développeurs :</p> -<h3 id="Avantages_des_adresses_de_courriel_pour_les_utilisateurs">Avantages des adresses de courriel pour les utilisateurs</h3> -<ul> - <li>Les utilisateurs connaissent déjà leurs adresses de courriel, ils n'ont pas à apprendre une nouvelle adresse internet (URL), potentiellement complexe, comme c'est le cas avec OpenID.</li> - <li>Les adresses de courriel portent en elles l'idée <code>une-personne@un-contexte</code>, facilitant ainsi pour les utilisateurs la séparation de leurs identités comme <code>@travail</code>, <code>@maison</code>, <code>@ecole, etc</code>. C'est très différent de la tendance à la centralisation des identités que l'on retrouve dans les conditions d'utilisation des réseaux sociaux comme Facebook et Google+, de type « un seul compte basé sur la vraie identité ».</li> - <li>Les courriels peuvent etre auto-hébergés ou délégués à d'autres fournisseurs de service, laissant aux utilisateurs le contrôle total de leur indentité en ligne.</li> -</ul> -<h3 id="Avantages_des_adresses_de_courriel_pour_les_développeurs">Avantages des adresses de courriel pour les développeurs</h3> -<ul> - <li>Les adresses de courriel donnent aux développeurs un moyen direct pour contacter leurs utilisateurs.</li> - <li>La plupart des sites demandent une adresse de courriel à leurs utilisateurs. Persona la leur fournit automatiquement quand un utilisateur se connecte, éliminant le besoin d'avoir des formulaires supplémentaires après connexion.</li> - <li>De nombreux systèmes d'authentification traitent déjà les adresses de courriel comme des clés uniques. Cela signifie qu'il n'y a pas d'enfermement (lock-in) avec Persona, et qu'il peut être déployé à côté de systèmes d'authentification déjà existants.</li> -</ul> -<p>Sans oublier par ailleurs que le courriel est un système qui est déjà complètement distribué, avec des milliards de comptes existant chez d'innombrables fournisseurs.</p> -<h2 style="" id="En_quoi_Persona_diffère-t-il_des_autres_systèmes_d'authentification_unique_(Single_Sign-On)">En quoi Persona diffère-t-il des autres systèmes d'authentification unique (Single Sign-On) ?</h2> -<p>Persona est sécurisé et facile à utiliser. Il protège la vie privée des utilisateurs, leur laisse le contrôle et une liberté de choix de façon inégalée.</p> -<p>De nombreux réseaux sociaux comme Facebook ou Google+ imposent aux utilisateurs l'utilisation de leurs vrais noms et leur limitent l'accès à un compte unique. En utilisant comme identifiant de base l'adresse de courriel, Persona permet aux utilisateurs de garder séparées leurs identités de travail, de maison, d'école ainsi que leurs autres identités.</p> -<p>Persona est ouvert et distribué : toute personne ayant une adresse de courriel peut se connecter à des sites web avec Persona. Plus encore, chacun peut héberger son propre service d'authentification ou le déléguer à d'autres, exactement comme dans le cas des courriels, et contrairement aux services uniques et centralisés utilisés par les réseaux sociaux.</p> -<p>Persona propose aussi une nouvelle approche de la protection de la vie privée en mettant le navigateur internet au centre du processus d'authentification : le navigateur obtient d'un côté des certificats du fournisseur de courriel de l'utilisateur, et les présente de l'autre côté au site web. Le service de courriel ne peut pas pister l'utilisateur, et les sites tiers peuvent avoir confiance dans l'identité de l'utilisateur grâce à la signature chiffrée des certificats. La plupart des systèmes concurrents comme OpenID exigent que les sites tiers envoient un message en retour avant d'autoriser l'utilisateur à se connecter.</p> diff --git a/files/fr/archive/mozilla/persona/quick_setup/index.html b/files/fr/archive/mozilla/persona/quick_setup/index.html deleted file mode 100644 index ee692b5274..0000000000 --- a/files/fr/archive/mozilla/persona/quick_setup/index.html +++ /dev/null @@ -1,241 +0,0 @@ ---- -title: Configuration rapide -slug: Archive/Mozilla/Persona/Quick_Setup -tags: - - Persona -translation_of: Archive/Mozilla/Persona/Quick_Setup ---- -<p>Seules cinq étapes sont nécessaires pour installer un système d'authentification Persona sur votre site :</p> - -<ol> - <li>Inclure la bibliothèque JavaScript Persona sur vos pages.</li> - <li>Ajouter les boutons “connexion” et “déconnexion”.</li> - <li>Observer les actions connexion et déconnexion.</li> - <li>Vérifier l'identification de l'utilisateur.</li> - <li>Consulter les meilleures pratiques.</li> -</ol> - -<p>Vous devriez être en mesure de le faire fonctionner en un simple après-midi, mais chaque chose en son temps : si vous comptez utiliser Persona sur votre site, s'il vous plaît, prenez un moment pour vous inscrire sur la liste de diffusion <a href="https://mail.mozilla.org/listinfo/persona-notices">Persona notices</a>. Elle est à faible trafic, étant uniquement utilisée pour annoncer les changements et les problème de sécurité qui pourraient affecter votre site.</p> - -<h2 id="Étape_1_Inclure_la_bibliothèque_Persona">Étape 1 : Inclure la bibliothèque Persona</h2> - -<p>Persona est conçu pour ne pas être lié à un navigateur en particulier et fonctionne bien dans <a href="/fr/docs/persona/Browser_compatibility">les principaux navigateurs de bureau et mobile</a>.</p> - -<p><span style="line-height: inherit;">Dans le futur nous espérons que les navigateurs fourniront un support natif de Persona, mais en attendant nous fournissons une bibliothèque JavaScript qui implémente pleinement l'interface et l'API client du protocole. En incluant cette <span style="line-height: inherit;">bibliothèque</span>, vos utilisateurs seront en mesure de se connecter avec Persona, que leur navigateur en ait un support natif ou non.</span></p> - -<p>Une fois la bibliothèque chargée sur la page, les fonctions Persona dont vous avez besoin (<a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>watch()</code></a>, <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>request()</code></a>, et <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>logout()</code></a>), seront accessible depuis l'objet global <code>navigator.id</code>.</p> - -<p>Pour inclure la <span style="line-height: inherit;"><span style="line-height: inherit;">bibliothèque</span></span> JavaScript Persona, vous pouvez placer cette balise <a href="/fr/docs/Web/HTML/Element/script" title="L'élément HTML <script> est utilisé pour intégrer ou faire référence à un script exécutable."><code><script></code></a> tout en bas de de votre code HTML, avant la fermeture de la balise <a href="/fr/docs/Web/HTML/Element/body" title="L'élément <body> représente le contenu principal du document HTML. Il ne peux y avoir qu'un élément <body> par document."><code><body></code></a> :</p> - -<pre class="brush: html;"><script src="https://login.persona.org/include.js"></script> -</pre> - -<p>Vous <strong>devez</strong> inclure ceci dans toutes les pages qui utilisent les fonctions de <a href="/fr/docs/Web/API/Navigator/id" title="Le protocole BrowserID définit une nouvelle propriété id dans l'objet window.navigator, dans laquelle l'API BrowserID est rendue disponible. Cette API a subi plusieurs importantes modifications. Chaque modification est listée séparément ci-dessous."><code>navigator.id</code></a>. Persona étant toujours en développement, il est déconseillé d'héberger vous-même une copie du fichier <code>include.js</code>.</p> - -<h3 id="Supprimer_le_Mode_de_Compatibilité">Supprimer le Mode de Compatibilité</h3> - -<p>Vous devez vous assurer que les utilisateurs d'Internet Explorer n'utilisent pas le Mode de Compatibilité, car il cassera Persona.</p> - -<p>Vous pouvez soit inclure cette balise <a href="/fr/docs/Web/HTML/Element/meta" title="L'élément HTML <meta> représente toute information de métadonnées qui ne peut pas être représentée par un des éléments (<base>, <link>, <script>, <style> ou <title>)"><code><meta></code></a>, dans votre page, avant tout élément <code>script</code> :</p> - -<pre class="brush: html"><code><meta http-equiv="X-UA-Compatible" content="IE=Edge"></code></pre> - -<p>Ou vous pouvez définir un entête HTTP sur votre page : <code>X-UA-Compatible: IE=Edge</code>.</p> - -<h2 id="Étape_2_Ajoutez_des_boutons_de_connexion_et_de_déconnexion">Étape 2 : Ajoutez des boutons de connexion et de déconnexion</h2> - -<p>Persona étant conçu comme une API DOM, vous devez appeler des fonctions quand un utilisateur clique sur un bouton de connexion ou de déconnexion sur votre site. Pour ouvrir la boîte de dialogue Persona et demander à l'utilisateur de se connecter, vous devez appeler <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a>. Pour la déconnexion, appelez <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.logout()</code></a>. Notez que l'appel à <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>logout()</code></a> <em>doit</em> être fait depuis la fonction attachée à l'évènement.</p> - -<p>Par exemple :</p> - -<pre class="brush: js;">var signinLink = document.getElementById('signin'); -if (signinLink) { - signinLink.onclick = function() { navigator.id.request(); }; -}; - -var signoutLink = document.getElementById('signout'); -if (signoutLink) { - signoutLink.onclick = function() { navigator.id.logout(); }; -}; -</pre> - -<p>À quoi devraient ressembler ces boutons ? Consultez notres page de <a href="/fr/docs/persona/branding">ressources graphiques</a> pour des exemple complets basés sur du CSS !</p> - -<h2 id="Étape_3_Gérez_les_actions_de_connexion_et_de_déconnexion">Étape 3 : Gérez les actions de connexion et de déconnexion</h2> - -<p>Afin que Persona puisse fonctionner, vous devez lui dire quoi faire lorsqu'un utilisateur se connecte ou se déconnecte. Pour cela, appelez la fonction <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a> et passez lui trois paramètres :</p> - -<ol> - <li>L'adresse email de l'utilisateur actuellement connecté à votre site depuis cet ordinateur, ou <code>null</code> si aucun utilisateur n'est connecté. Par exemple, vous pouvez consulter un cookie du navigateur pour déterminer qui est connecté.</li> - <li>Une fonction à appeler lorsqu'une action <code>onlogin</code> est déclenchée. Cette fonction reçoit un seul paramètre, une "assertion d'identité" qui doit être vérifiée.</li> - <li>Une fonction à appeler lorsqu'une action <code>onlogout</code> est déclenchée. Cette fonction ne reçoit aucun paramètre.</li> -</ol> - -<div class="note style-wrap"> -<p><strong>Note:</strong> Vous devez toujours inclure à la fois <code>onlogin</code> et <code>onlogout</code> lorsque vous appelez <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a>.</p> -</div> - -<p>Par exemple, si vous pensez que Bob est connecté à votre site, vous pourriez faire ceci :</p> - -<pre class="brush: js;">var currentUser = 'bob@example.com'; - -navigator.id.watch({ - <code class="language-js">loggedInUser</code>: currentUser, - onlogin: function(assertion) { - // Un utilisateur est connecté ! Voici ce qu'il faut faire : - // 1. Envoyer l'assertion à votre backend pour vérification et pour créer la session. - // 2. Mettre à jour l'interface utilisateur. - <code class="language-js">$<span class="punctuation token">.</span><span class="function token">ajax<span class="punctuation token">(</span></span><span class="punctuation token">{</span> - type<span class="punctuation token">:</span> <span class="string token">'POST'</span><span class="punctuation token">,</span> - url<span class="punctuation token">:</span> <span class="string token">'/auth/login'</span><span class="punctuation token">,</span><span class="comment token"> // Ceci est une URL sur votre site web. -</span> data<span class="punctuation token">:</span> <span class="punctuation token">{</span>assertion<span class="punctuation token">:</span> assertion<span class="punctuation token">}</span><span class="punctuation token">,</span> - success<span class="punctuation token">:</span> <span class="keyword token">function</span><span class="punctuation token">(</span>res<span class="punctuation token">,</span> status<span class="punctuation token">,</span> xhr<span class="punctuation token">)</span> <span class="punctuation token">{</span> window<span class="punctuation token">.</span>location<span class="punctuation token">.</span><span class="function token">reload<span class="punctuation token">(</span></span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="punctuation token">}</span><span class="punctuation token">,</span> - error<span class="punctuation token">:</span> <span class="keyword token">function</span><span class="punctuation token">(</span>xhr<span class="punctuation token">,</span> status<span class="punctuation token">,</span> err<span class="punctuation token">)</span> <span class="punctuation token">{</span> - navigator<span class="punctuation token">.</span>id<span class="punctuation token">.</span><span class="function token">logout<span class="punctuation token">(</span></span><span class="punctuation token">)</span><span class="punctuation token">;</span> - <span class="function token">alert<span class="punctuation token">(</span></span><span class="string token">"Login failure: "</span> <span class="operator token">+</span> err<span class="punctuation token">)</span><span class="punctuation token">;</span> - <span class="punctuation token">}</span> - <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code> - }, - onlogout: function() { - // Un utilisateur s'est déconnecté ! Voici ce qu'il faut faire : - // Détruire la session de l'utilisateur en redirigeant l'utilisateur ou en appelant votre backend. - // Assurez vous aussi de réinitialiser loggedInUser à null sur la prochain fois où la page sera chargée - // (Pas false, ni 0 ou undefined. null) - <code class="language-js">$<span class="punctuation token">.</span><span class="function token">ajax<span class="punctuation token">(</span></span><span class="punctuation token">{</span> - type<span class="punctuation token">:</span> <span class="string token">'POST'</span><span class="punctuation token">,</span> - url<span class="punctuation token">:</span> <span class="string token">'/auth/logout'</span><span class="punctuation token">,</span><span class="comment token"> // Ceci est une URL sur votre site web. -</span> success<span class="punctuation token">:</span> <span class="keyword token">function</span><span class="punctuation token">(</span>res<span class="punctuation token">,</span> status<span class="punctuation token">,</span> xhr<span class="punctuation token">)</span> <span class="punctuation token">{</span> window<span class="punctuation token">.</span>location<span class="punctuation token">.</span><span class="function token">reload<span class="punctuation token">(</span></span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="punctuation token">}</span><span class="punctuation token">,</span> - error<span class="punctuation token">:</span> <span class="keyword token">function</span><span class="punctuation token">(</span>xhr<span class="punctuation token">,</span> status<span class="punctuation token">,</span> err<span class="punctuation token">)</span> <span class="punctuation token">{</span> <span class="function token">alert<span class="punctuation token">(</span></span><span class="string token">"Logout failure: "</span> <span class="operator token">+</span> err<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="punctuation token">}</span> - <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code> - } -}); -</pre> - -<p>Dans cet exemple, <code>onlogin</code> et <code>onlogout</code> sont tous deux implémentés en effectuant des requêtes <code>POST</code> asynchrones vers le backend de votre site. Le backend effectue ensuite la connexion ou la déconnexion de l'utilisateur, généralement en créant ou en effaçant des informations dans un cookie de session. Ensuite, si tout fonctionne bien, la page se recharge afin de prendre en compte le nouvel état de connexion.</p> - -<p>Notez que si l'assertion ne peut être vérifiée, vous devez appeler <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.logout()</code></a>, qui indique à Persona qu'aucun utilisateur n'est actuellement connecté. Si vous ne le faîtes pas, alors Persona peut appeler <code>onlogin</code> immédiatement à nouveau, avec la même assertion, et entrainer une <a href="/en-US/Persona/The_implementor_s_guide/Call_logout()_after_a_failed_login">boucle infinie d'échecs de connexion</a>.</p> - -<p>Bien entendu vous pouvez utiliser des requêtes AJAX pour implémenter cela sans recharger la page ni rediriger l'utilisateur, mais cela ne fait pas partie du périmètre de ce tutoriel.</p> - -<p>Voici un autre exemple, cette fois-ci sans utiliser jQuery.</p> - -<pre class="brush: js;">function simpleXhrSentinel(xhr) { - return function() { - if (xhr.readyState == 4) { - if (xhr.status == 200) { - // recherche la page pour prendre en compte le nouveau statut de connexion - window.location.reload(); - } else { - navigator.id.logout(); - alert("XMLHttpRequest error: " + xhr.status); - } - } - }; -} - -function verifyAssertion(assertion) { - // Votre backend doit retourner un status code HTTP 200 pour indiquer la bonne - // vérification de l'adresse e-mail de l'utilisateur et il doit s'arranger pour que - // currentUser soit bien associer à cette adresse quand la page est rechargée - var xhr = new XMLHttpRequest(); - xhr.open("POST", "/xhr/sign-in", true); - // voir http://www.openjs.com/articles/ajax_xmlhttp_using_post.php - var param = "assertion="+assertion; - xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); - xhr.setRequestHeader("Content-length", param.length); - xhr.setRequestHeader("Connection", "close"); - xhr.send(param); // pour la vérification par votre backend - xhr.onreadystatechange = simpleXhrSentinel(xhr); -} - -function signoutUser() { - // Votre backend doit retourner un code statut HTTP 200 pour indique la bonne déconnexion - // (habituellement après la réinitialisation de plusieurs variables de session) - // et s'arranger pour que l'association à currentUser soit 'null' quand la page est rechargée - var xhr = new XMLHttpRequest(); - xhr.open("GET", "/xhr/sign-out", true); - xhr.send(null); - xhr.onreadystatechange = simpleXhrSentinel(xhr); -} - -// C'est parti ! -navigator.id.watch({ - loggedInUser: currentUser, - onlogin: verifyAssertion, - onlogout: signoutUser -}}; -</pre> - -<p>Vous <strong>devez</strong> appeler <code>navigator.id.watch()</code> sur toutes les pages comprenant un bouton de connexion ou de déconnexion. Pour gérer les améliorations de Persona comme la connexion automatique et la déconnexion globale de vos utilisateurs, <strong>il est conseillé</strong> d'appeler cette fonction sur toutes les pages de votre site.</p> - -<p>Persona comparera l'adresse e-mail que vous passez dans <code>loggedInUser</code> avec celle qu'il connaît pour l'utilisateur actuellement connecté. Si elles ne correspondent pas, il peut déclencher automatiquement <code>onlogin</code> ou <code>onlogout</code> au chargement de la page.</p> - -<h2 id="Étape_4_Vérifiez_les_identifiants_de_l'utilisateur">Étape 4 : Vérifiez les identifiants de l'utilisateur</h2> - -<p>Plutôt qu'un mot de passe, Persona utilise des "assertions d'identité" qui sont une sorte de mot de passe à usage unique, lié à un seul site et combiné à l'adresse e-mail de l'utilisateur. Lorsqu'un utilisateur désire se connecter, votre fonction de callback <code>onlogin</code> sera appelée et recevra en paramètre une assertion de cet utilisateur. Avant d'autoriser la connexion, vous devez vérifier la validité de cette assertion.</p> - -<p>Il est <em>extrêmement important</em> que vous vérifiiez cette assertion sur votre serveur et non en JavaScript (qui s'exécute dans le navigateur de votre utilisateur) car cela serait trop facile à contourner. L'exemple ci-dessous confie l'assertion au backend du site en utilisant le helper jQuery <code>$.ajax()</code> pour effectuer un <code>POST</code> de celle-ci vers <code>/api/login</code>.</p> - -<p>Une fois que le serveur dispose d'une assertion, comment la vérifier ? Le moyen le plus simple est d'utiliser un helper fourni par Mozilla. Effectuez un simple <code>POST</code> de l'assertion vers <code>https://verifier.login.persona.org/verify</code> avec deux paramètres :</p> - -<ol> - <li><code>assertion</code>: L'assertion d'identité fournie par l'utilisateur.</li> - <li><code>audience</code>: Le nom de domaine et le port de votre site web. Vous devez coder cette valeur en dur dans votre backend ; ne la composez pas en fonction d'une quelconque donnée fournie par l'utilisateur.</li> -</ol> - -<p>Par exemple, si vous êtes <code>example.com</code>, vous pouvez utiliser la ligne de commande pour tester une assertion avec :</p> - -<pre class="brush: bash;">$ curl -d "assertion=<ASSERTION>&audience=https://example.com:443" "https://verifier.login.persona.org/verify" -</pre> - -<p>Si elle est valide, vous recevrez une réponse en JSON comme celle-ci :</p> - -<pre class="brush: js;">{ - "status": "okay", - "email": "bob@eyedee.me", - "audience": "https://example.com:443", - "expires": 1308859352261, - "issuer": "eyedee.me" -} -</pre> - -<p>Pour en apprendre plus à propos du service de vérification, lisez l'<a href="/fr/Persona/API_de_verification">API de vérification à distance</a>. Un exemple d'implémentation de <code>/api/login</code> utilisant <a href="http://python.org/">Python</a>, le framework web <a href="http://flask.pocoo.org/">Flask</a>, et la librairie HTTP <a href="http://python-requests.org">Requests</a> ressemblerait à ça :</p> - -<pre class="brush: python;">@app.route('/api/login', methods=['POST']) -def login(): - # La requête doit avoir une assertion à vérifier - if 'assertion' not in request.form: - abort(400) - - # Envoyer l'assertion au service de vérification de Mozilla. - data = {'assertion': request.form['assertion'], 'audience': 'https://example.com:443'} - resp = requests.post('https://verifier.login.persona.org/verify', data=data) - - # Le vérificateur a-t-il répondu ? - if resp.ok: - # Décoder la réponse - verification_data = json.loads(resp.content) - - # Si l'assertion est valide - if verification_data['status'] == 'okay': - # Connecter l'utilisateur en lui envoyant un cookie de session sécurisé - session.update({'email': verification_data['email']}) - return resp.content - - # Oups, quelque chose a échoué. Abandon. - abort(500) -</pre> - -<p>La gestion de session est probablement très similaire à votre système de connexion existant. Le premier grand changement est de vérifier l'identité de l'utilisateur en vérifiant une assertion plutôt que son mot de passe. L'autre grand changement est de s'assurer que l'adresse email de l'utilisateur est disponible pour la passer dans le paramètre <code>loggedInEmail</code> de <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a>.</p> - -<p>La déconnexion est simple : vous n'avez qu'à effacer le cookie de session de l'utilisateur.</p> - -<h2 id="Étape_5_Consultez_les_bonnes_pratiques">Étape 5 : Consultez les bonnes pratiques</h2> - -<p>Une fois que tout fonctionne et que vous vous êtez connecté et déconnecté avec succès de votre site, vous devriez prendre un moment pour consulter les <a href="/fr/Persona/Considerations_de_securite">bonnes pratiques</a> pour utiliser Persona de manière sûre et sécurisée.</p> - -<p>Si vous construisez un site de production, consulter le <a href="/fr/Persona/The_implementor_s_guide">guide de l'implémenteur</a>, où nous collections les astuces pour intégrer les fonctionnalités souvent requises dans les systèmes de connexion.</p> - -<p>Enfin, n'oubliez pas de vous inscrire à la<span style="line-height: inherit;"> liste de difussion </span><a style="line-height: inherit;" href="https://mail.mozilla.org/listinfo/persona-notices">Persona notices</a><span style="line-height: inherit;"> afin d'être informé des failles de sécurité ou de changements incompatibles avec de précédentes versions de l'API Persona. Cette liste a un taffic extrêmement faible : elle est uniquement utilisée pour annoncer des changements qui pourraient avoir un impact négatif sur votre site.</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/ajouter_adresse_email_supplementaire_avec_persona/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/ajouter_adresse_email_supplementaire_avec_persona/index.html deleted file mode 100644 index 2058fd4b0a..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/ajouter_adresse_email_supplementaire_avec_persona/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: Ajouter des adresses e-mail supplémentaires avec Persona -slug: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Ajouter_adresse_email_supplementaire_avec_Persona -tags: - - Persona -translation_of: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Adding_extra_email_addresses_with_Persona ---- -<p>C'est une bonne idée de permettre à vos utilisateurs d'ajouter des adresses e-mail supplémentaires à leurs comptes. Ceci leur permet de <a href="/fr/Persona/The_implementor_s_guide/permettre_utilisateurs_changer_adresse_email">changer leurs adresses e-mail</a>, et d'accéder à leur compte même s'ils sont dans l'impossibilité d'accéder à leur compte e-mail principal.</p> -<p>Vous devrez vérifier les adresses supplémentaires. Vous pouvez le faire manuellement, en envoyant un e-mail contenant un lien de vérification à la nouvelle adresse, ou le faire en utilisant Persona.</p> -<p>Si vous utilisez Persona pour ajouter des adresses e-mail, il vous faut alors faire attention à plusieurs points : rendez le contexte de la requête explicite, et mettez à jour la valeur passer dans <code>loggedInUser </code>pour assurer que la transaction n'est pas cassée par le gestionnaire de session de Persona</p> -<h3 id="Clarifier_le_context_de_la_requête">Clarifier le context de la requête</h3> -<p>Quand vous requêtez une nouvelle assertion en utilisant soit la vieille API <a href="/fr/docs/Web/API/Navigator/id/get" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.get()</code></a> ou l'API <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a>, Persona part du principe que l'utilisateur est en train d'essayer de se connecter au site web, et l'interface utilisateur est affiché en conséquence. Si vous utilisez Persona seulement pour vérifier une nouvelle adresse e-mail, votre site doit expliquer ceci clairement aux utilisateurs, afin qu'ils ne soient pas étonnés par la fenêtre de Persona.</p> -<h3 id="Mettre_à_jour_loggedInUser">Mettre à jour <code>loggedInUser</code></h3> -<p>Si vous utilisez l'API <a href="/fr/docs/Web/API/Navigator/id/get" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.get()</code></a> sur l'ensemble de votre site, alors vous pouvez simplement faire un nouvel appel à <a href="/fr/docs/Web/API/Navigator/id/get" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.get()</code></a> pour obtenir la nouvelle adresse e-mail.</p> -<p>Mais si vous utilisez <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a>, il vous faut alors utiliser <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a> pour obtenir l'adresse e-mail supplémentaire. Dans ce cas, quand vous avez vérifié l'assertion dans votre gestionnaire <code>onlogin</code>, vous devez mettre à jour l'argument <code>loggedInUser</code> de <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a> avec la nouvelle adresse.</p> -<p>Si vous ne le faîtes pas, il y aura une mauvaise correspondance : Persona pensera que l'utilisateur connecté est <code>nouvelle_adresseemail@example.org</code>, mais votre site web dira que l'utilisateur connecté est <code>vieille_adresseemail@example.org</code>. Persona réagira en déclenchant <code>onlogin </code>avec une assertion pour <code>nouvelle_adresseemail@example.org</code>, que votre site web reconnatra sûrement comme un nouveau utilisateur souhaitant se connecter.</p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/appeler_request()_seulement_depuis_gestionnaire_clic/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/appeler_request()_seulement_depuis_gestionnaire_clic/index.html deleted file mode 100644 index fb2c27e81b..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/appeler_request()_seulement_depuis_gestionnaire_clic/index.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: Appeler request() seulement depuis un gestionnaire de clic -slug: >- - Archive/Mozilla/Persona/The_implementor_s_guide/appeler_request()_seulement_depuis_gestionnaire_clic -tags: - - Persona -translation_of: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Call_request()_only_from_a_click_handler ---- -<p>Le fenêtre Persona est actuellement implémentée comme une fenêtre popup. Les navigateurs web modernes <a href="https://support.mozilla.org/fr/kb/parametres-exceptions-depannage-blocage-popup">bloquent les popups</a>, sauf s'ils sont déclenchés directement depuis un clic de la souris ou depuis un touche du clavier. Ceci veut dire que vous devez appeler <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a> ou <a href="/fr/docs/Web/API/Navigator/id/get" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.get()</code></a> directement depuis la fonction gérant le clic ou la touche pressée. Si c'est fait en réaction à un autre évènement, le popup ne s'affichera pas et l'utilisateur ne pourra pas s'identifier.</p> -<p>Par exemple : Supposons que votre site web diffère l'identification. Les utilisateurs peuvent parcourir le contenu, mais ils ne doivent s'identifier que lorsqu'ils souhaitent éditer le contenu. Si vous implémentez ceci en appelant <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a> en réponse à un évènement <code>focus</code> sur un champ texte, alors la popup sera bloquée.</p> -<p>Vous pouvez toujours implémenter l'identification sur le focus de cette façon : sur l'évènement <code>focus</code>, affichez un dialogue avec un bouton "Identifiez-vous", et attachez le déclenchement de <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a> sur l'évènement <code>click</code>.</p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/call_logout()_after_a_failed_login/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/call_logout()_after_a_failed_login/index.html deleted file mode 100644 index b587288f2d..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/call_logout()_after_a_failed_login/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: Appeler logout() après une connexion échouée -slug: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Call_logout()_after_a_failed_login -tags: - - Persona -translation_of: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Call_logout()_after_a_failed_login ---- -<p>Après que votre gestionnaire <code>onlogin</code> a été appelé avec une assertion, si pour quelque raison, vous ne pouvez utiliser cette assertion pour connecter l'utilisateur, vous devez appeler <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.logout()</code></a>.</p> -<p>Si vous ne le faîtes pas, la prochaine que vous appelerez <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a>, Persona appelera immédiatement, à nouveau, votre gestionnaire <code>onlogin</code>, avec la même assertion. Ceci amène généralement à une boucle infinie d'echec de connexion :</p> -<ol> - <li>L'utilisateur clique sur "Se connecter"</li> - <li>L'utilisateur intéragit avec l'interface de Persona, et Persona génère une assertion</li> - <li>Persona livre l'assertion au gestionnaire <code>onlogin</code> de la page</li> - <li>Le gestionnaire <code>onlogin</code> rejète l'assertion, et redirige l'utilisateur vers la page de connexion</li> - <li>La page de connexion se charge, et appelle <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a>. Nous retournons à l'étape 3.</li> -</ol> -<p>Ceci car Persona essaye de se souvenir de l'adresse e-mail que vous voulez utilisez pour la connexion sur un site donné. Une fois que l'utilisateur a essayé de se connecté à votre site en tant que bob@example.org, Personna se souvient que c'est l'adresse que vous souhaitez utiliser pour ce site. Quand une nouvelle page se charge et appele <a href="/fr/docs/Web/API/Navigator/id/watch" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.watch()</code></a> avec un <code>loggedInUser</code> à '<code>null</code>', Persona compare à nouveau avec sa valeur "bob@example.org", et envoie l'assertion à nouveau.</p> -<p>Pour que Persona oublie l'association entre votre site l'adresse e-mail, appelez <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.logout()</code></a> si vous ne souhaitez pas identifier l'utilisateur avec cette assertion. Ceci parce que l'assertion n'est pas valide, ou parce que vous ne voulez pas utiliser cette adresse e-mail.</p> -<p>Un scénario commun, où ce problème peut survenir, est quand un service veut autoriser ses utilisateurs à <strong>se connecter</strong> avec Persona, mais ne veut pas permettre de <strong>s'inscrire</strong> avec Persona, préférant un système d'inscription personnalisé pour les nouveaux utilisateurs. Dans ce cas, quand vous recevez l'assertion, vous vérifiez que l'adresse e-mail est bien celui d'un de vos utilisateurs, et si ce n'est pas le cas, vous rejetez la connexion. Si vous rejetez l'assertion, vous devez appeler <a href="/fr/docs/Web/API/Navigator/id/logout" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.logout()</code></a>.</p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/index.html deleted file mode 100644 index 6057c265b6..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/index.html +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: Guide de l'implémenteur -slug: Archive/Mozilla/Persona/The_implementor_s_guide -tags: - - Persona -translation_of: Archive/Mozilla/Persona/The_implementor_s_guide ---- -<p>Le <a href="/fr/Persona/Quick_Setup">guide de configuration rapide</a> peut être suffisant pour démarrer, mais quand vous construisez un site complet pour la production, vous aurez probablement besoin de fonctionnalités qui n'ont pas été couvertes par ce guide. Dans cette page, nous avons rassemblé les fonctionnalités qui sont couramment nécessaires pour les systèmes de connexion, et nous expliquons les meilleures pratiques pour les implémenter avec Persona.</p> -<div class="section"> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/Call_logout()_after_a_failed_login">Appeler logout() après une connexion échouée</a></dt> - <dd> - Appeler toujours logout() si vous rejetez une assertion, pour évider une différence entre votre idée de l'utilisateur courant et l'idée de Persona, qui pourrait amener à une boucle infinie d'échecs de connexion.</dd> - </dl> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/Ajouter_adresse_email_supplementaire_avec_Persona">Ajouter des adresses e-mail supplémentaires avec Persona</a></dt> - <dd> - Comment permettre à vos utilisateurs d'ajouter une adresse e-mail secondaire en utilisant Persona.</dd> - </dl> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/permettre_utilisateurs_changer_adresse_email">Permettre aux utilisateurs de changer d'adresse e-mail</a></dt> - <dd> - Comme permettre à vos utilisateurs de changer d'adresse e-mail en utilisant Persona.</dd> - </dl> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/problemes_integrer_protection_CRSF">Problèmes pour intégrer une protection CSRF</a></dt> - <dd> - Un problème causé par l'intération entre un mécanisme courant de protection CSRF et l'API Observer de Persona.</dd> - </dl> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/supporter_utilisateurs_sans_javascript" title="BrowserID/Quick setup">Supporter les utilisateurs sans JavaScript</a></dt> - <dd> - Persona requiert JavaScript. Cette page a quelques astuces pour supporter les utilisateurs qui n'ont pas JavaScript.</dd> - </dl> - <dl> - </dl> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/appeler_request()_seulement_depuis_gestionnaire_clic">Appeler request() seulement depuis un gestionnaire de clic</a></dt> - <dd> - Parce que Persona utilise une fenêtre popup, vous devez appeler<code> request() </code>ou <code>get()</code> seulement dans la fonction attachée à l'évènement <code>click</code> ou <code>keypress</code>, pas à un autre type d'évènement.</dd> - </dl> - <dl> - <dt> - <a href="/fr/Persona/The_implementor_s_guide/tester">Tester votre système</a></dt> - <dd> - Quelques conseils pour simuler la connexion et la déconnexion des utilisateurs sur votre site web.</dd> - </dl> -</div> -<p> </p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/permettre_utilisateurs_changer_adresse_email/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/permettre_utilisateurs_changer_adresse_email/index.html deleted file mode 100644 index be06388a44..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/permettre_utilisateurs_changer_adresse_email/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: Permettre aux utilisateurs de changer d'adresse e-mail -slug: >- - Archive/Mozilla/Persona/The_implementor_s_guide/permettre_utilisateurs_changer_adresse_email -tags: - - Persona -translation_of: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Enabling_users_to_change_their_email_address ---- -<p>Parce que les noms d'utilisateur Persona sont des adresses e-mail, il n'est pas forcément évident de savoir comment vous pouvez permettre à vos utilisateurs de changer d'adresse e-mail. Nous sommes en train de travailler pour améliorer le processus, et pour le moment, c'est un peu particulier, mais faisable en suivant ces étapes :</p> -<ol> - <li>Utilisez un identifiant qui est indépendant de l'adresse e-mail de l'utilisateur comme clef primaire dans votre table d'utilisateurs. Elle peut ainsi rester la même lorsque l'adresse e-mail change.</li> - <li>Permettez aux utilisateurs d'ajouter des adresses e-mail à leurs comptes. Vous devrez vérifier leurs adresses e-mail, ce que vous pouvez faire manuellement, en envoyer un lien de vérification dans un e-mail à leur nouvelle adresse, ou en utilisant Persona. Si vous utilisez Persona, lisez <a href="/fr/Persona/The_implementor_s_guide/Ajouter_adresse_email_supplementaire_avec_Persona">Ajouter des adresses e-mail supplémentaires avec Persona</a>.</li> - <li>Permettez aux utilisateurs de se connecter avec n'importe quelle adresse e-mail de leur compte.</li> - <li>Permettez aux utilisateurs de supprimer leurs adresses e-mail.</li> -</ol> -<p>Avec ces fonctionnalités, les utilisateurs peuvent changer leur adresse e-mail de cette façon :</p> -<ol> - <li>Connexion à leur compte en utilisant leur adresse e-mail courante</li> - <li>Ajout d'une nouvelle adresse e-mail à leur compte</li> - <li>Suppression de l'ancienne adresse e-mail de leur compte.</li> -</ol> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/problemes_integrer_protection_crsf/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/problemes_integrer_protection_crsf/index.html deleted file mode 100644 index 134f7954ec..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/problemes_integrer_protection_crsf/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: Problèmes pour intégrer une protection CSRF -slug: >- - Archive/Mozilla/Persona/The_implementor_s_guide/problemes_integrer_protection_CRSF -tags: - - Persona -translation_of: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Problems_integrating_with_CRSF_protection ---- -<p>Si vous implémentez une protection particulière contre les attaques de connexion CSRF (Cross-Site Request Forgery, contrefaçon de requêtes trans-sites), vous rencontrerez des problèmes quand un utilisateur a plusieurs pages ouvertes sur votre site, et essaie ensuite de se connecter avec l'une d'elles. Ce document explique ce problème, et comment le résoudre.</p> -<h3 id="CSRF_et_les_attaques_de_connexion_CSRF">CSRF et les attaques de connexion CSRF</h3> -<p>Dans le cas normal d'une attaque CSRF, l'utilisateur est déjà connecté au site ciblé (par exemple, leur banque). L'utilisateur charge alors une page sur un autre site, construite de manière malveillante. Cette page envoie une requête HTTP vers le site web ciblé : la requête présente un intérêt particulier (par exemple, le transfert d'argent vers l'attaqueur). Le site ciblé permet la requête car il pense que puisque l'utilisateur est connecté au site, elle est faite par l'utilisateur.</p> -<p>Dans le cas d'une attaque de connexion CSRF, l'utilisateur charge une page construite de manière malveillante qui connecte l'utilisateur sur le site ciblé, mais <strong>en tant que l'attaquant</strong> : le site ciblé dépose alors un cookie de session dans le navigateur de l'utilisateur. L'attaquant peut accéder au compte plus tard, et récupérer les informations que le site a collectées sur l'utilisateur.</p> -<h3 id="Protection_contre_CSRF_jetons_CSRF_déclinés_à_partir_de_l'identifiant_de_session">Protection contre CSRF : jetons CSRF déclinés à partir de l'identifiant de session</h3> -<p>Une protection courante contre les attaques normales CSRF consiste pour les sites web de générer un jeton à partir de l'identifiant de session de l'utilisateur, et l'inclure dans les pages qu'ils servent : ensuite les requêtes POST doivent inclure ce jeton, qui est vérifié par le serveur. Ceci veut dire que les requêtes POST ne peuvent pas être faites depuis d'autres domaines, car ils ne peuvent pas accéder au jeton utilisé pour la vérification.</p> -<p>Avec les attaques de <strong>connexion</strong> CSRF, bien sûr, l'utilisateur n'est pas encore connecté au site web. Donc le site prépare une première session dès que l'utilisateur visite une page. Elle est utilisée pour générer le jeton CSRF jusqu'à ce que l'utilisateur se connecte. Une fois l'utilisateur connecté, un nouvel identifiant de session est généré, et un jeton CSRF est regénéré.</p> -<h3 id="Le_problème_avec_Persona">Le problème avec Persona</h3> -<p>Le problème avec Persona survient quand l'utilisateur n'est pas encore identifié, et a des pages de votre site web dans deux différents onglets, A et B. Les pages contiennent le même jeton CSRF, généré à partir de l'identifiant de la première session. Ensuite l'utilisateur se connecte dans l'onglet A, et le site genère un nouvel identifiant de session, et de par le fait, un nouveau jeton CSRF. Mais l'onglet B a toujours l'ancienne page de chargée, contenant l'ancien jeton, maintenant invalide.</p> -<p>Dans des circonstances ordinaires cela n'aurait pas d'importance : dès que l'onglet B recharge la page, ou que l'utilisateur navigue sur une nouvelle page, le jeton CSRF inclus est mis à jour. Mais lorsque Persona a généré une assertion en réponse à un appel à <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a>, Persona appelle <code>onlogin</code> pour chaque onglet qui a chargé le site Web, et pas seulement pour celui qui a réclamé l'assertion. Dès l'appel du gestionnaire <code>onlogin</code> sur l'onglet B, il essaie d'envoyer en POST l'assertion vers le serveur qui utilise l'ancien jeton CSRF — et le serveur lance alors une erreur CSRF.</p> -<h3 id="La_solution">La solution</h3> -<p>La solution consiste pour le gestionnaire de <code>onlogin</code> à envoyer une requête GET qui réclame un nouveau jeton CSRF et vérifie que l'utilisateur est déjà identifié. Si l'utilisateur est bien identifié, le gestionnaire n'a plus qu'à recharger la page. Sinon il utilise le nouveau jeton CSRF pour envoyer l'assertion en POST au serveur.</p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/supporter_utilisateurs_sans_javascript/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/supporter_utilisateurs_sans_javascript/index.html deleted file mode 100644 index 429975768b..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/supporter_utilisateurs_sans_javascript/index.html +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Supporter les utilisateurs sans JavaScript -slug: >- - Archive/Mozilla/Persona/The_implementor_s_guide/supporter_utilisateurs_sans_javascript -tags: - - Persona -translation_of: >- - Archive/Mozilla/Persona/The_implementor_s_guide/Supporting_users_without_JavaScript ---- -<p>Persona <a href="/en-US/Persona/FAQ#Why_does_Persona_require_JavaScript.3F">requiert actuellement JavaScript</a>. Si vous avez besoin de supporter les utilisateurs qui n'ont pas JavaScript activé, il vous faudra implémenter un système de connexion alternatif pour ces utilisateurs, et désactiver le bouton "Se connecter avec Persona", en l'activant avec le code JavaScript qui associe le bouton avec <a href="/fr/docs/Web/API/Navigator/id/request" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>navigator.id.request()</code></a>.</p> diff --git a/files/fr/archive/mozilla/persona/the_implementor_s_guide/tester/index.html b/files/fr/archive/mozilla/persona/the_implementor_s_guide/tester/index.html deleted file mode 100644 index cc9db5711b..0000000000 --- a/files/fr/archive/mozilla/persona/the_implementor_s_guide/tester/index.html +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Tester -slug: Archive/Mozilla/Persona/The_implementor_s_guide/tester -tags: - - Persona -translation_of: Archive/Mozilla/Persona/The_implementor_s_guide/Testing ---- -<p>Si vous développez un système pour la production, vous aurez sûrement besoin d'écrire des tests d'intégration qui simuleront l'identification par un utilisateur et sa déconnexion, en utilisant Persona.</p> -<p>Si vous utilisez <a href="http://docs.seleniumhq.org/" title="http://docs.seleniumhq.org/">Selenium</a> pour tester, considérez l'utilisation de la bibliothèque <a href="https://github.com/mozilla/bidpom" title="https://github.com/mozilla/bidpom">bidpom</a>. Les sites <a href="https://mockmyid.com/" title="https://mockmyid.com/">mockmyid.com</a> et <a href="http://personatestuser.org" title="http://personatestuser.org">personatestuser.org</a> peuvent aussi être utiles.</p> -<p>Vous voudrez aussi peut-être regarder <a href="http://toolness.github.io/stubbyid/" title="http://toolness.github.io/stubbyid/">stubbyid</a>.</p> diff --git a/files/fr/archive/mozilla/persona/vue_densemble_du_protocole/index.html b/files/fr/archive/mozilla/persona/vue_densemble_du_protocole/index.html deleted file mode 100644 index 2b14af2b69..0000000000 --- a/files/fr/archive/mozilla/persona/vue_densemble_du_protocole/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: Vue d'ensemble du protocole -slug: Archive/Mozilla/Persona/vue_densemble_du_protocole -translation_of: Archive/Mozilla/Persona/Protocol_Overview ---- -<p>Persona est construit sur le protocole BrowserID. Cette page décrit le fonctionnement haut niveau de BrowserID.</p> -<h2 id="Acteurs">Acteurs</h2> -<p>Le protocole implique trois acteurs:</p> -<ul> - <li><strong>Les utilisateurs :</strong> Les personnes voulant se connecter a des sites web en utilisant Persona.</li> - <li><strong>Relying Parties (RPs): </strong>Les sites web autorisant la connexion avec Persona.</li> - <li><strong>Fournisseur d</strong>'<strong>identite (IdPs): </strong>Domains that can issue Persona-compatible identity certificates to their users.</li> -</ul> -<p>Persona et le protocole BrowserID utilisent les adresses e-mail comme identifiant, il est donc naturel que les fournisseurs d'e-mail deviennent des IdPs.</p> -<p>Mozilla intervient en tant qu'IdP par défaut pour que les utilisateurs puissent utiliser n'importe quelle adresse e-mail, même si son fournisseur n'est pas un IdP.</p> -<h2 id="Étapes_du_protocole">Étapes du protocole</h2> -<p>Il y a trois étapes distinctes dans le protocole :</p> -<ol> - <li>Fourniture du certificat de l'utilisateur</li> - <li>Génération de l'assertion</li> - <li>Vérification de l'assertion</li> -</ol> -<p>Comme prérequis, l'utilisateur doit avoir une adresse e-mail active qu'il souhaite utiliser pour se connecter. Le protocole ne requière pas que le fournisseur d'identité soit un routeur SMTP, mais il requière que l'identité soit au format <code>utilisateur@domaine</code>.</p> -<h3 id="Fourniture_du_certificat_de_l'utilisateur">Fourniture du certificat de l'utilisateur</h3> -<p>Pour se connecter à un site, un utilisateur doit prouver qu'il est le propriétaire de l'e-mail. La base de cette preuve est un certificat signé et chiffré fourni par l'IdP attestant le lien entre le navigateur d'un utilisateur et une identité donnée par l'IdP.</p> -<p>Comme Persona utilise les techniques standard de <a href="https://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique" title="https://fr.wikipedia.org/wiki/Cryptographie_asym%C3%A9trique">cryptographie par clef publique</a>, le certificat de l'utilisateur est signé avec la clef privée de l'IdP et contient :</p> -<ul> - <li>L'adresse e-mail de l'utilisateur.</li> - <li>La clef publique de l'utilisateur pour cette adresse sur ce navigateur.</li> - <li>La date où le certificat a été publié.</li> - <li>La date où le certificat expire.</li> - <li>Le nom de domaine de l'IdP.</li> -</ul> -<p>Le navigateur de l'utilisateur génére une paire de clef différente pour chaque adresse de l'utilisateur, et ces paires ne sont pas partagées entre les navigateurs. En conséquence, un utilisateur doit obtenir un nouveau certificat à chaque fois qu'un expire, ou à chaque fois qu'il utilise un nouveau navigateur ou ordinateur. Les certificats doivent expirer dans les 24h après leur emission.</p> -<p>Quand un utilisateur séléctionne une identité à utiliser quand il se connécte a un site, le navigateur vérifie s'il a un certificat valide pour cette identité. Si c'est le cas, l'étape est terminée et la navigation continue avec l'étape d'après : la génération de l'assertion. Si le navigateur n'a pas de certificat valide, il essaye d'en obtenir un du domaine associé avec l'identité choisie.</p> -<ol> - <li>Le navigateur va chercher le document de support <a href="/en-US/docs/Persona/.well-known-browserid" title="/en-US/docs/Persona/.well-known-browserid">/.well-known/browserid</a> par SSL depuis le domaine de l'identité.</li> - <li>Avec les informations du document, le navigateur transmet l'adresse e-mail de l'utilisateur et la clef publique associée au fournisseur d'identité et demande un certificat signé.</li> - <li>Si nécessaire, l'utilisateur est invité à se connecter chez le fournisseur avant la fourniture du certificat.</li> - <li>Le fournissseur crée, signe et donne le certificat de l'utilisateur au navigateur de l'utilisateur.</li> -</ol> -<p>Le certificat en main, le navigateur peut continuer avec la génération de l'assertion et la connexion au site.</p> -<p><img alt="user-certificate-provisioning.png" class="internal default" src="/@api/deki/files/6043/=user-certificate-provisioning.png"></p> -<h3 id="Génération_de_l'assertion">Génération de l'assertion</h3> -<p>Le certificat de l'utilisateur établie un lien vérifiable entre une adresse e-mail et une clef publique. Cependant, seul, ce n'est pas suffisant pour se connecter à un site web : l'utilisateur doit encore monter son lien avec le certificat en prouvant sa possession de la clef privée.</p> -<p>Pour cela, le navigateur de l'utilisateur crée et signe un nouveau document appelé "assertion de l'identité". Il contient :</p> -<ul> - <li>Le domaine du site où l'utilisateur veut se connecter.</li> - <li>Une date d'expiration de l'assertion, généralement moins de 5 minutes après sa création.</li> -</ul> -<p>Le navigateur présente alors à la fois le certificat de l'utilisateur et l'assertion de l'identité au site web pour la vérification.</p> -<h3 id="Vérification_de_l'assertion">Vérification de l'assertion</h3> -<p>La combinaison du certificat et de l'assertion est suffisante pour confirmer l'identité d'un utilisateur.</p> -<p>D'abord, le site vérifie le domaine et la date d'expiration dans l'assertion. Si l'assertion est expirée ou destinée a un domaine different, elle est rejetée. Cela évite la réutilisation malicieuse de l'assertion</p> -<p>Ensuite, le site valide la signature de l'assertion avec la clef publique de l'utilisateur contenu dans le certificat. Si la clef et la signature correspondent, le site est assuré que l'utilisateur posséde vraiment la clef associée au certificat.</p> -<p>En dernier, le site va chercher la clef publique du fournisseur depuis son document <a href="/en-US/docs/Persona/.well-known-browserid" title="/en-US/docs/Persona/.well-known-browserid">/.well-known/browserid</a> et verifie qu'il correspond a la signature du certificat de l'utilisateur. Si c'est le cas, le site peut etre certain que le certificat a vraiment ete issue du domaine en question.</p> -<p>Une fois cela vérifié, this is a current login attempt for the proper RP, that the user certificate matches the current user, and that the user certificate is legitimate, the RP is done and can authenticate the user as the identity contained in the certificate.</p> -<p><img alt="assertion-generation-and-verify.png" class="internal default" src="/@api/deki/files/6042/=assertion-generation-and-verify.png"></p> -<h2 id="The_Persona_Fallback_IdP">The Persona Fallback IdP</h2> -<p>What if a user's email provider doesn't support Persona? In that case, the provisioning step would fail. By convention, the user's browser handles this by asking a trusted third party, <a href="https://login.persona.org/" title="https://login.persona.org/">https://login.persona.org/</a>, to certify the user's identity on behalf of the unsupported domain. After demonstrating ownership of the address, the user would then receive a certificate issued by the fallback IdP, <code>login.persona.org</code>, rather than the identity's domain.</p> -<p>RPs follow a similar process when validating the assertion: the RP would ultimately request the fallback IdP's public key in order to verify the certificate.</p> diff --git a/files/fr/archive/mozilla/when_to_use_ifdefs/index.html b/files/fr/archive/mozilla/when_to_use_ifdefs/index.html deleted file mode 100644 index d0c04f0367..0000000000 --- a/files/fr/archive/mozilla/when_to_use_ifdefs/index.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: Quand utiliser les "ifdefs" ? -slug: Archive/Mozilla/When_To_Use_ifdefs -translation_of: Archive/Mozilla/When_To_Use_ifdefs ---- -<p>La base du code Mozilla est utilisée dans de nombreux projets et produits, incluant Firefox, Thunderbird, XULRunner et bien d'autres. Ce code de base est parfois utilisé dans plusieurs projets mais des différences dans certains endroits sont parfois nécessaires. Les "ifdefs", ou instructions conditionnelles, sont alors utilisées pour obtenir un code différent.</p> -<h3 id="What_are_ifdefs" name="What_are_ifdefs">Qu'est-ce qu'un "ifdef" ?</h3> -<p><span style="line-height: inherit;">Un "ifdef" est une directive de compilation conditionnelle pour le préprocesseur qui permet de sélectionner certains bouts de code lorsque certaines conditions sont remplies. Dans ce document, le terme est utilisé en vrac pour désigner n'importe quel type de conditions qui permettent de générer différentes configurations.</span></p> -<h3 id="When_are_ifdefs_used.3F" name="When_are_ifdefs_used.3F">Quand les "ifdefs" sont utilisés ?</h3> -<p><span style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', Lucida, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: inherit;">Il existe 3 principaux cas d'utilisations dans l'arborescence de Mozilla : les ifdefs pour la partie "platform/widget"</span><span style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', Lucida, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: inherit;">, les ifdefs définissant certaines fonctionnalités et les ifdefs spécifiques à une application:</span></p> -<h4 id="Platform.2Fwidget_ifdefs" name="Platform.2Fwidget_ifdefs">ifdefs pour "Platform/widget"</h4> -<p>Le code dans Mozilla aura fréquemment besoin d'être différent pour certaines plateformes et widgets. Ces ifdefs sont pour la plupart acceptés. La seule fois où ils peuvent poser problèmes est lorsque l'on a du code d'une extension multi-plateforme ou pour la localisation: étant donné que ces codes sont téléchargés à travers plusieurs plateformes, les ifdefs spécifiques à une seule plateforme sont interdits.</p> -<p>Pour un exemple d'ifdef spécifique à une plateforme, voir <a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/xpcom/ds/nsCRT.h&rev=3.72&mark=48-61#46" style="line-height: inherit;">nsCRT.h</a><span style="line-height: inherit;">.</span></p> -<h4 id="Feature_ifdefs" name="Feature_ifdefs">ifdefs pour les fonctionnalités (ou "feature")</h4> -<p>Le code dans Mozilla contient beaucoup de fonctionnalités pouvant être activées/désactivées via des flags dans un fichier configure. Par exemple, il est possible de désactiver une grande partie du moteur de rendu de XUL en spécifiant <code>--disable-xul </code>quand on crée une configuration pour un build. Quand on ajoute des ifdefs qui implémente ces flags de configuration, une grande attention doit être portée sur les <strong>dépendances de construction</strong> (<em>build dependencies</em>). Par exemple, XPCOM, le moteur Javascript SpiderMonkey et le moteur réseau ne connaissent rien de XUL et ne devraient avoir aucun ifdefs basé sur <code>--disable-xul</code>.</p> -<p>Un ifdef spécial mérite votre attention : "MOZ_XUL_APP". Cette variable permet de "marquer" toutes applications utilisant le "toolkit". Les ifdefs sur MOZ_XUL_APP ne sont pas acceptables pour le <a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/Makefile.in&rev=1.291&mark=146-208#144">tier 9</a>, mais sont tolérés (et parfois même indispensable) pour les tiers suivants.</p> -<p>Pour un exemple d'ifdef gérant des caractéristiques, voir<span style="line-height: inherit;"> </span><a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/layout/Makefile.in&rev=1.22&mark=57-59,61-63,65-67#55" style="line-height: inherit;">layout/Makefile.in</a><span style="line-height: inherit;">.</span></p> -<h4 id="Application-specific_ifdefs" name="Application-specific_ifdefs">ifdefs spécifiques aux applications</h4> -<p>Pour finir, chaque application/projet a besoin de générer différents morceaux de code. <strong>Les ifdefs liés à une application ne devraient se trouver que dans du code spécifique à cette application</strong>. C'est le ifdef le plus délicat à placer car il est souvent difficile de savoir quel code est partagé et quel code est spécifique à une application. En règle général, tout code dans le <b><a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/Makefile.in&rev=1.291&mark=132-144#130">tier 2</a>, <a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/Makefile.in&rev=1.291&mark=146-208#144">tier 9</a>, ou <a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/Makefile.in&rev=1.291&mark=210-301#208">tier 50</a></b> est du code partagé et ne devrait pas contenir d'ifdef spécifique à une application. N'importe quel code dans les tiers suivants est spécifique à une application. Cette règle comporte de nombreuses exceptions dont certaines sont listées ici :</p> -<ul> - <li>Le code dans <code>editor/ui/</code> est généré pour la suite et la version standalone de l'éditeur de texte Mozilla composer ainsi que pour thunderbird mais il est considéré comme étant du code spécifique à une application (<em>application-specific</em>).</li> - <li>Le code dans <code>xpfe/</code> (excepté pour <code>xpfe/appshell/</code> et <code>xpfe/components/shistory/</code>) est un mélange de code "toolkit" et "application-specific". Ce code est destiné à être déplacé ailleurs (la plupart dans <code>toolkit/</code> ou <code>suite/</code>), mais pour le moment la plupart des ifdefs spécifique à une application sont autorisés car la situation est difficile à changer. Si vous souhaitez plus de détails, demander à <a>Benjamin Smedberg</a>.</li> -</ul> -<p>Pour un exemple d'ifdef spécifique à une application mauvais et qui devrait être supprimé, voir <a class="external" href="http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/toolkit/xre/nsNativeAppSupportWin.cpp&rev=1.19&mark=687-694#684" style="line-height: inherit;">nsNativeAppSupportWin.cpp</a><span style="line-height: inherit;">.</span></p> -<h3 id="Types_of_ifdef" name="Types_of_ifdef">Types d'<em>ifdef</em></h3> -<p>Il existe deux grands types d'ifdef : les ifdef pour le préprocesseur et les ifdefs pour le Makefile. Les ifdefs pour le préprocesseur sont généralement facile à repérer: dans du code C, C++ on les trouve avec des instructions comme #ifdef ou #if.</p> -<p>Les ifdefs dans un Makefile sont cependant plus dur à repérer et peuvent indirectement provoquer des erreurs ce qui est bien plus grave. Les ifdefs d'un Makefile sont utilisés pour construire ou non certains répertoires. Cela signifie qu'il existe des interfaces complètement différentes mais portant le même nom qui sont construites via des conditions. Par exemple (au moment de la rédaction), il existe 2 interfaces <span style="line-height: inherit;">nsIExtensionManager : {{ Source("toolkit/mozapps/extensions/public/nsIExtensionManager.idl", "toolkit version") }} et {{ Source("xpfe/components/extensions/public/nsIExtensionManager.idl", "suite version") }}. Les ifdefs du Makefile qui choisissent l'un ou l'autre ne sont pas évidents à trouver (voir {{ Source("Makefile.in") }} et {{ Source("xpfe/components/Makefile.in") }}).</span></p> -<p>Si vous introduisez un quelconque ifdef dans un makefile, veuillez demander une revue de votre code à un des mainteneurs du "build-config": <a href="/User:Benjamin_Smedberg" title="/User:Benjamin_Smedberg"><span style="line-height: inherit;">Benjamin Smedberg</span></a><span style="line-height: inherit;"> sera généralement ravi de vérifier vos changements.</span></p> diff --git a/files/fr/archive/mozilla/xbl/index.html b/files/fr/archive/mozilla/xbl/index.html deleted file mode 100644 index 126b055462..0000000000 --- a/files/fr/archive/mozilla/xbl/index.html +++ /dev/null @@ -1,37 +0,0 @@ ---- -title: XBL -slug: Archive/Mozilla/XBL -tags: - - XBL -translation_of: Archive/Mozilla/XBL ---- -<p> -<b>XML Binding Language</b> (<b>XBL</b>, parfois aussi appelé langage de liaison extensible) est un langage permettant de décrire des liaisons pouvant être attachées à des éléments dans d'autres documents. L'élément auquel la liaison est attachée, appelé l'élément lié (<i>bound element</i>), acquiert le nouveau comportement spécifié par la liaison. -</p><p>Les liaisons peuvent contenir des gestionnaires d'évènements enregistrés sur l'élément lié, une implémentation de nouvelles méthodes et propriétés devenant accessibles depuis cet élément, et du contenu anonyme qui sera inséré par dessous l'élément lié. -</p><p>La plupart des éléments d'interface <a href="fr/XUL">XUL</a> sont au moins partiellement implémentés à l'aide de XBL. Vous pouvez construire vos propres éléments réutilisables à partir d'éléments <a href="fr/XUL">XUL</a>, <a href="fr/HTML">HTML</a>, <a href="fr/SVG">SVG</a>, et d'autres primitives à l'aide de XBL. -</p> -<h3 id="Spécifications"> Spécifications </h3> -<ul><li> XBL 1.0 est spécifié dans la <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0">Référence XBL 1.0</a>. Malheureusement, l'implémentation actuelle dans Mozilla diffère de la spécification, et il n'y a pas de document connu décrivant les différences. Il est à espérer que la référence sera mise à jour pour décrire ces différences.<br>XBL 1.0 est une technologie spécifique à Mozilla, et n'est pas un standard du <a class="external" href="http://w3.org/">W3C</a>. Cependant, au moins deux standards sont en cours d'élaboration : sXBL et XBL 2.0. -</li><li> <a class="external" href="http://w3.org/TR/sXBL/">sXBL</a> du W3C (actuellement un brouillon de travail daté de 2005) signifie <i>SVG's XML Binding Language</i> (langage de liaisons XML pour SVG). Il est supposé inclure un sous-ensemble des fonctionnalités de XBL 2.0 nécessaires à <a href="fr/SVG">SVG</a>. Il est similaire dans l'esprit au XBL de Mozilla, mais il y a quelques différences subtiles (et d'autres moins). Par exemple, les noms des éléments sont différents. Certaines fonctionnalités de XBL sont également absentes de sXBL, comme l'héritage des liaisons et la définition de méthodes/propriétés sur les éléments liés. -</li><li> <a class="external" href="http://www.mozilla.org/projects/xbl/xbl2.html">XBL 2.0</a> (<a class="external" href="http://w3.org/TR/XBL/">brouillon de travail du W3C</a>) est en cours de développement pour résoudre des problèmes découverts dans XBL 1.0 et pour permettre des implémentations dans un plus grand ensemble de navigateurs Web. Mozilla envisage d'implémenter XBL2 dans les futures versions de <a href="fr/Gecko">Gecko</a>. -</li></ul> -<p>Certaines des différences entre sXBL et XBL2 ont été relevées dans <a class="external" href="http://annevankesteren.nl/2005/11/xbl">un article d'Anne van Kesteren</a> (en anglais). -</p><p>Une présentation des différences entre le XBL de Mozilla et XBL2 est disponible dans <a class="external" href="http://groups.google.com/group/mozilla.dev.tech.xbl/msg/af3d4e37cce1d907">ce message de Jonas Sicking</a> (avril 2007). -</p> -<h3 id="Voir_aussi"> Voir aussi </h3> -<ul><li> <a href="fr/Tutoriel_XUL/Introduction_%c3%a0_XBL">Introduction à XBL</a> dans le <a href="fr/Tutoriel_XUL">Tutoriel XUL</a>. -</li><li> Le <a class="external" href="http://mb.eschew.org/15.php">chapitre XBL</a> de « <a class="external" href="http://mb.eschew.org/">Rapid Application Development with Mozilla</a> » -</li><li> <a class="external" href="http://www.w3.org/TR/xbl-primer/">XBL 2.0 Primer (en)</a> (brouillon) -</li><li> <a>Plus de ressources sur XBL…</a> -</li></ul> -<h3 id="Communauté"> Communauté </h3> -<ul><li> Voir les forums Mozilla… -</li></ul> -<p></p><ul> - <li><a href="https://lists.mozilla.org/listinfo/dev-tech-xbl"> Liste de diffusion</a></li> - - - <li><a href="http://groups.google.com/group/mozilla.dev.tech.xbl"> newsgroup</a></li> - <li><a href="http://groups.google.com/group/mozilla.dev.tech.xbl/feeds"> Flux de syndication</a></li> -</ul> -<p></p> diff --git a/files/fr/archive/mozilla/xbl/référence_xbl_1.0/index.html b/files/fr/archive/mozilla/xbl/référence_xbl_1.0/index.html deleted file mode 100644 index 19f7e528e9..0000000000 --- a/files/fr/archive/mozilla/xbl/référence_xbl_1.0/index.html +++ /dev/null @@ -1,106 +0,0 @@ ---- -title: Référence XBL 1.0 -slug: Archive/Mozilla/XBL/Référence_XBL_1.0 -tags: - - XBL -translation_of: Archive/Mozilla/XBL/XBL_1.0_Reference ---- -<p> -</p> -<h3 id="Résumé"> Résumé </h3> -<p>Ce document décrit le langage de liaison extensible (Extensible Binding Language, <a href="fr/XBL">XBL</a>) 1.0 tel qu'implémenté dans les navigateurs basés sur <a href="fr/Gecko">Gecko</a>. -</p><p>XBL est un langage de balisage basé sur <a href="fr/XML">XML</a> pour implémenter des composants réutilisables (liaisons ou <i>bindings</i>) qui peuvent être liés à des éléments d'autres documents. L'élément pour lequel une liaison a été spécifiée, appelé l'élément lié ou <i>bound element</i>, reçoit un nouveau comportement spécifié par la liaison. Les liaisons peuvent être liées à des éléments à l'aide de feuilles de style en cascade (<a href="fr/CSS">CSS</a>) ou via le <a href="fr/DOM">DOM</a>. Un élément peut être lié à plusieurs liaisons différentes en même temps. </p><p>Fonctionnellement, les liaisons XBL peuvent être comparées avec les fonctionnalités <a class="external" href="http://msdn.microsoft.com/workshop/components/htc/reference/htcref.asp">Behaviors</a> et <a class="external" href="http://msdn.microsoft.com/workshop/author/behaviors/overview/viewlink_ovw.asp">Viewlink</a> de Microsoft, mais implémentées comme une solution XML intégrée. -</p><p>Les liaisons peuvent contenir des gestionnaires d'évènements enregistrées sur l'élément lié, une implémentation de nouvelles méthodes et propriétés qui deviennent accessibles depuis celui-ci, et du contenu anonyme à insérer autour de cet élément. -</p> -<div class="note"> -<p>Différents ajustements dans l'implémentation actuelle ont été faits depuis les <a class="external" href="http://www.w3.org/TR/xbl/">propositions XBL plus anciennes</a>, et tous ne sont pas encore reflétés dans ce document. Le processus de documentation est toujours en cours : gardez cela à l'esprit lorsque vous utilisez les informations fournies. -</p> -</div> -<h3 id="Éléments_XBL"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments">Éléments XBL</a> </h3> -<p>Les éléments XBL 1.0 sont dans l'espace de noms <code><span class="nowiki">http://www.mozilla.org/xbl</span></code>. -</p> -<ul><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#bindings">bindings</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#binding">binding</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#_content">content</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#children">children</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#implementation">implementation</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#constructor">constructor</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#destructor">destructor</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#field">field</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#property">property</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#getter">getter</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#setter">setter</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#method">method</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#parameter">parameter</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#body">body</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#handlers">handlers</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#handler">handler</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#resources">resources</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#stylesheet">stylesheet</a></code> -</li><li> <code><a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/%c3%89l%c3%a9ments#image">image</a></code> -</li></ul> -<h3 id="Attachement_et_détachement_de_liaisons"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Attachement_et_d%c3%a9tachement_de_liaisons">Attachement et détachement de liaisons</a> </h3> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Attachement_et_d%c3%a9tachement_de_liaisons#Attachement_avec_CSS">Attachement avec CSS</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Attachement_et_d%c3%a9tachement_de_liaisons#Attachement_avec_la_propri.C3.A9t.C3.A9_element.style">Attachement avec la propriété element.style</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Attachement_et_d%c3%a9tachement_de_liaisons#Appel_de_.3Cconstructor.3E">Appel de <constructor></a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Attachement_et_d%c3%a9tachement_de_liaisons#Appel_de_.3Cdestructor.3E">Appel de <destructor></a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Attachement_et_d%c3%a9tachement_de_liaisons#Documents_de_liaison">Documents de liaison</a> -</li></ul> -<h3 id="Interfaces_DOM"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Interfaces_DOM">Interfaces DOM</a> </h3> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Interfaces_DOM#L.27interface_DocumentXBL">L'interface DocumentXBL</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Interfaces_DOM#L.27interface_ElementXBL">L'interface ElementXBL</a> -</li></ul> -<h3 id="Contenu_anonyme"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme">Contenu anonyme</a> </h3> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Introduction">Introduction</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Visibilit.C3.A9_et_acc.C3.A8s_depuis_le_DOM">Visibilité et accès depuis le DOM</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#G.C3.A9n.C3.A9ration_de_contenu">Génération de contenu</a> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#R.C3.A8gles_de_g.C3.A9n.C3.A9ration">Règles de génération</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#L.27.C3.A9v.C3.A8nement_contentgenerated">L'évènement contentgenerated</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#L.27.C3.A9v.C3.A8nement_contentdestroyed">L'évènement contentdestroyed</a> -</li></ul> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Redirection_d.27attribut">Redirection d'attribut</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Points_d.27insertion">Points d'insertion</a> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#.3Cchildren.3E_et_.3Celement.3E"><children> et <element></a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Gestion_des_changements_du_DOM">Gestion des changements du DOM</a> -</li></ul> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Flux_et_ciblage_des_.C3.A9v.C3.A8nements">Flux et ciblage des évènements</a> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Flux_et_ciblage_au_travers_des_visibilit.C3.A9s">Flux et ciblage au travers des visibilités</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#.C3.89v.C3.A8nements_Focus_et_Blur">Évènements Focus et Blur</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#.C3.89v.C3.A8nements_Mouseover_et_Mouseout">Évènements Mouseover et Mouseout</a> -</li></ul> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Contenu_anonyme_et_CSS">Contenu anonyme et CSS</a> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#S.C3.A9lecteurs_et_visibilit.C3.A9">Sélecteurs et visibilité</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Contenu_anonyme#Liaison_de_feuilles_de_style">Liaison de feuilles de style</a> -</li></ul> -</li></ul> -<h3 id="Implémentations_de_liaisons"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Impl%c3%a9mentations_de_liaisons">Implémentations de liaisons</a> </h3> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Impl%c3%a9mentations_de_liaisons#Introduction">Introduction</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Impl%c3%a9mentations_de_liaisons#M.C3.A9thodes">Méthodes</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Impl%c3%a9mentations_de_liaisons#Propri.C3.A9t.C3.A9s">Propriétés</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Impl%c3%a9mentations_de_liaisons#H.C3.A9ritage_d.27impl.C3.A9mentations">Héritage d'implémentations</a> -</li></ul> -<h3 id="Gestionnaires_d'évènements"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Gestionnaires_d'%c3%a9v%c3%a8nements">Gestionnaires d'évènements</a> </h3> -<h3 id="Exemple_-_Notes"> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Exemple_-_Notes">Exemple - Notes</a> </h3> -<p>Mis à jour et ajusté pour l'implémentation actuelle de Firefox. -</p> -<div class="note"> -<p>Cet exemple est destiné à montrer l'utilisation de XBL plutôt que pour être une application utile en pratique. Pour cette raison, il contient de nombreux commentaires et certains blocs qui auraient pu être évités dans une solution plus compacte mais sont utilisés ici à des fins de démonstration. -</p> -</div> -<ul><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Exemple_-_Notes#notes.html">notes.html</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Exemple_-_Notes#notes.xml">notes.xml</a> -</li><li> <a href="fr/XBL/R%c3%a9f%c3%a9rence_XBL_1.0/Exemple_-_Notes#notes.css">notes.css</a> -</li></ul> -<p><a class="external" href="http://www.nskom.com/external/xbl/notes.html">Voir cet exemple</a> -</p><p><br> -<span class="comment"><a class="external" href="http://www.nskom.com/external/xbl/notes.zip" title="http://www.nskom.com/external/xbl/notes.zip">Téléchargement de tous les fichiers (archive .zip)</a> need to ask to adjust the server - it gives "Access denied" for zip files (?)</span> -</p> -<h3 id="Références"> Références </h3> -<ul><li> <a class="external" href="http://www.w3.org/TR/xbl/">Proposition initiale de XBL 1.0 soumise comme note au W3C</a> (en anglais, ne reflète pas l'implémentation actuelle dans Mozilla, ni les plans futurs) -</li><li> <a class="external" href="http://www.mozilla.org/projects/xbl/xbl2.html">Projet XBL 2.0</a> -</li></ul> -<div class="originaldocinfo"> -<h3 id="Informations_sur_le_document_original"> Informations sur le document original </h3> -<ul><li> Date de dernière mise à jour : le 24 avril 2006 -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xbl/référence_xbl_1.0/éléments/index.html b/files/fr/archive/mozilla/xbl/référence_xbl_1.0/éléments/index.html deleted file mode 100644 index fffa11dcf9..0000000000 --- a/files/fr/archive/mozilla/xbl/référence_xbl_1.0/éléments/index.html +++ /dev/null @@ -1,462 +0,0 @@ ---- -title: Éléments -slug: Archive/Mozilla/XBL/Référence_XBL_1.0/Éléments -translation_of: Archive/Mozilla/XBL/XBL_1.0_Reference/Elements ---- -<h3 id="bindings" name="bindings">bindings</h3> - -<p><span class="comment">Cette section est testée et ajustée selon l'implémentation courante de Firefox. Veuillez ne la modifier que si le comportement réel diffère de celui qui est décrit. Veuillez ne pas le faire seulement sur base d'une autre spécification XBL.</span></p> - -<pre><!ELEMENT bindings ( binding* ) > - -Hiérarchie : élément racine -Peut contenir : <binding> -</pre> - -<p>L'élément <code>bindings</code> est l'élément racine de tout document XBL. Il doit habituellement déclarer XBL en tant qu'espace de noms par défaut (à moins qu'un préfixe d'espaces de noms XBL soit utilisé) et peut également déclarer d'autres préfixes d'espace de noms utilisés dans votre liaison.</p> - -<p><code>bindings</code> contient zéro ou plus éléments <code><a href="/fr/XBL/Référence_XBL_1.0/Éléments#binding" title="fr/XBL/Référence_XBL_1.0/Éléments#binding">binding</a></code> comme enfants. Chaque élément <code><a href="/fr/XBL/Référence_XBL_1.0/Éléments#binding" title="fr/XBL/Référence_XBL_1.0/Éléments#binding">binding</a></code> enfant définit une liaison unique pouvant être attachée à des éléments dans d'autres documents.</p> - -<p>Un élément ne peut avoir qu'une liaison attachée (explicitement ou héritée) à un moment donné. Si plusieurs liaisons sont définies, seule la dernière de la séquence sera utilisée (comme avec toute règle CSS).</p> - -<p>helloworld.html :</p> - -<pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> -<head> -<title>Hello world!</title> -<style type="text/css"> -p { - -moz-binding: url(hello.xml#default); -} -#p03 { - -moz-binding: url(hello.xml#hello2); -} -</style> -</head> -<body> - - <p>Default content</p> - <p>Default content</p> - <p id="p03">Default content</p> - -</body> -</html> -</pre> - -<p>hello.xml :</p> - -<pre><?xml version="1.0"?> -<bindings xmlns="http://www.mozilla.org/xbl" - xmlns:html="http://www.w3.org/1999/xhtml"> - <binding id="default"> - <content><html:b>Hello world! </html:b><children/></content> - </binding> - <binding id="hello2"> - <content><html:b>Hello from my binding! </html:b><children/></content> - </binding> -</bindings> -</pre> - -<p>Vous pouvez voir le résultat en ouvrant <code>helloworld.html</code> dans Firefox. hello.xml doit se trouver dans le même répertoire que <code>helloworld.html</code>.</p> - -<p>Suivant : <code>bindings > élément <a href="/fr/XBL/Référence_XBL_1.0/Éléments#binding" title="fr/XBL/Référence_XBL_1.0/Éléments#binding">binding</a></code>.</p> - -<h4 id="Notes" name="Notes">Notes</h4> - -<ul> - <li>Dans les versions stables actuelles des produits Mozilla (par exemple Firefox 2), il est impossible d'attacher des liaisons à des sous-éléments de tableaux (lignes, cellules, etc.). Il n'est possible d'attacher des liaisons qu'à l'élément <code>table</code> lui-même. Cela a été corrigé dans les prochaines versions des produits Mozilla. Consultez le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=83830" title="FIXED: Binding TD cells (with XBL) doesn't work, at all">bug 83830</a> pour plus d'informations et des méthodes de contournement.</li> - <li>L'encodage par défaut des documents XML (dont les fichiers XBL) est l'UTF-8. Des déclarations explicites d'encodage peuvent être présentes pour écraser celui par défaut, par exemple <code><?xml version="1.0" encoding="ISO-8859-1"?></code>.</li> - <li>L'URI dans les déclarations d'espaces de noms (<code>namespace</code>) est une chaîne opaque utilisée uniquement pour identifier l'espace de noms de manière unique. Il n'est pas nécessaire (et souvent ce n'est pas le cas) qu'ils pointent vers un schéma réel ou une ressource liée à l'espace de noms. Voir la spécification <a class="external" href="http://www.w3.org/TR/REC-xml-names/#ns-decl">Namespaces in XML</a>.</li> - <li>Outre l'espace de noms par défaut, vous pouvez déclarer un nombre illimité d'autres espaces de noms pour gérer votre contenu. Les plus utiles sont sans doute HTML/XHTML, <a href="/fr/XUL" title="fr/XUL">XUL</a> (XML User Interface Language), <a href="/fr/SVG" title="fr/SVG">SVG</a> (Scalable Vector Graphics) et <a class="external" href="http://www.w3.org/TR/xlink/">XLink</a>. Ainsi, une déclaration plus ou moins universelle d'espaces de noms dans votre élément <code>bindings</code> pourrait ressembler à ceci :</li> -</ul> - -<pre><bindings xmlns="http://www.mozilla.org/xbl" - xmlns:html = "http://www.w3.org/1999/xhtml" - xmlns:xul = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" - xmlns:svg = "http://www.w3.org/2000/svg" - xmlns:xlink= "http://www.w3.org/1999/xlink"> -</pre> - -<h3 id="binding" name="binding">binding</h3> - -<pre><!ENTITY % binding-content "(resources?,content?,implementation?,handlers?)"> -<!ELEMENT binding %binding-content;> -<!ATTLIST binding - id ID #REQUIRED - extends CDATA #IMPLIED - display CDATA #IMPLIED - inheritstyle true #IMPLIED -> -</pre> - -<p>L'élément <code>binding</code> décrit une seule liaison XBL. Une liaison XBL peut ajouter du <em><a href="/fr/XBL/Référence_XBL_1.0/Éléments#_content" title="fr/XBL/Référence_XBL_1.0/Éléments#_content">contenu anonyme</a></em>, des <em><a href="/fr/XBL/Référence_XBL_1.0/Éléments#field" title="fr/XBL/Référence_XBL_1.0/Éléments#field">champs</a></em>, des <em><a href="/fr/XBL/Référence_XBL_1.0/Éléments#property" title="fr/XBL/Référence_XBL_1.0/Éléments#property">propriétés</a></em>, des <em><a href="/fr/XBL/Référence_XBL_1.0/Éléments#method" title="fr/XBL/Référence_XBL_1.0/Éléments#method">méthodes</a></em> et <em><a href="/fr/XBL/Référence_XBL_1.0/Éléments#handlers" title="fr/XBL/Référence_XBL_1.0/Éléments#handlers">des gestionnaires d'évènements</a></em> à des éléments HTML/XML.</p> - -<p>Une seule liaison XBL peut être attachée à un élément à l'aide de feuilles de style pour par script. (Consultez le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=83830" title="FIXED: Binding TD cells (with XBL) doesn't work, at all">bug 83830</a> pour les spécificités de <table>).</p> - -<p>CSS :</p> - -<pre>div { - -moz-binding: url(myBinding.xml#default); -} -</pre> - -<p>DOM :</p> - -<pre>elementReference.style.MozBinding = "url(myBinding.xml#default)"; -</pre> - -<p>Dans les deux cas qui précèdent, on utilise <code>binding</code> avec <code>id="default"</code> dans un fichier <code>myBinding.xml</code>.</p> - -<p> À partir de Firefox 3, il est également possible d'utiliser une URL <code>data:</code> pour intégrer la liaison directement :</p> - -<pre>div { - -moz-binding: url(data:text/xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%0A%3Cbindings%20id%3D%22xbltestBindings%22%20xmlns%3D%22http%3A//www.mozilla.org/xbl%22%3E%0A%20%20%3Cbinding%20id%3D%22xbltest%22%3E%3Ccontent%3EPASS%3C/content%3E%3C/binding%3E%0A%3C/bindings%3E%0A); -} -</pre> - -<p>Comme les URL <code>data:</code> ne gèrent pas les identifiants de fragments, la première liaison trouvée dans le XML intégré est utilisée à la place. N'oubliez pas que la liaison doit toujours avoir un ID même si on ne la référence pas. De plus, les URL <code>data:</code> ne sont gérées que depuis du code chrome (autrement dit, depuis l'application ou une extension).</p> - -<div class="blockIndicator note"><strong>Note :</strong> La politique de même origine est utilisée pour les sites web ; ils peuvent seulement lier des fichiers XBL du même domaine, ou dans le chrome.</div> - -<p>Pour des raisons de clarté, voici à quoi ressemble le XML intégré dans l'exemple qui précède :</p> - -<pre><?xml version="1.0"?> -<bindings id="xbltestBindings" xmlns="http://www.mozilla.org/xbl"> - <binding id="xbltest"><content>PASS</content></binding> -</bindings> -</pre> - -<p>La seule manière simple d'attacher des liaisons à tout ensemble d'éléments est d'utiliser des déclarations CSS. Cela permet également de rendre l'implémentation des liaisons partiellement fonctionnelle si le scripting est désactivé. Dans ce dernier cas, toutes les méthodes et tous les gestionnaires d'évènements seront bloqués, mais le contenu anonyme et les styles seront toujours utilisés. C'est pourquoi que les déclarations CSS doivent toujours être utilisées — à moins que vous deviez ajouter des liaisons en cours d'exécution à des éléments particuliers.</p> - -<p>Un élément <code>binding</code> peut contenur une balise <a href="/fr/XBL/Référence_XBL_1.0/Éléments#resources" title="fr/XBL/Référence_XBL_1.0/Éléments#resources">resources</a>, une balise <a href="/fr/XBL/Référence_XBL_1.0/Éléments#_content" title="fr/XBL/Référence_XBL_1.0/Éléments#_content">content</a>, une balise <a href="/fr/XBL/Référence_XBL_1.0/Éléments#implementation" title="fr/XBL/Référence_XBL_1.0/Éléments#implementation">implementation</a> et une balise <a href="/fr/XBL/Référence_XBL_1.0/Éléments#handlers" title="fr/XBL/Référence_XBL_1.0/Éléments#handlers">handlers</a>.</p> - -<ul> - <li><code><strong>id</strong></code> — L'attribut <code>id</code> est un identifiant unique dans le document. Pour l'élément <code>binding</code>, cet attribut est obligatoire, puisqu'il est utilisé pour attacher des liaisons.</li> - <li><code><strong>extends</strong></code> — L'attribut <code>extends</code> est utilisé pour spécifier l'URL d'une liaison dont cette liaison hérite (consultez <a href="/fr/XBL/Référence_XBL_1.0/Implémentations_de_liaisons#H.C3.A9ritage_d.27impl.C3.A9mentations" title="fr/XBL/Référence_XBL_1.0/Implémentations_de_liaisons#H.C3.A9ritage_d.27impl.C3.A9mentations">Héritage d'implémentations</a>). L'URL spécifie un document de liaison particulier. La notation # doit être utilisée pour pointer vers un <code>id</code> particulier au sein d'un document de liaison. Notez que le contenu ne peut pas être hérité, seulement le comportement.</li> - <li><code><strong>display</strong></code> — Cet attribut spécifie comment sera affichée la balise. En définissant cet attribut, vous pouvez donner à un élément les caractéristiques d'affichage et de positionnement d'un élément existant. Par exemple, utilisez la valeur « xul:button » pour créer un élément qui s'affichera comme un bouton. La partie précédant les deux points est un préfixe d'espace de noms, vous devrez donc égélement déclarer l'espace de noms XUL. Toutes les balises n'ont pas un type d'affichage unique. Les types d'affichage XUL suivant peuvent être utilisés : browser, button, checkbox, description, editor, grippy, iframe, image, label, menu, menuitem, menubar, progressmeter, radio, resizer, scrollbar, scrollbox, spacer, splitter, titlebar, treechildren et treecol. Vous pourriez également utiliser une série de balises HTML, MathML et SVG. L'attribut « display » ne fonctionne pas à mois que l'attribut <code>extends</code> soit défini, consultez le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=119389" title="display= doesn't work if extends= is not present">bug 119389</a>. Dans ce cas, mettre la valeur de l'attribut <code>display</code> dans l'attribut <code>extends</code>.</li> - <li><code><strong>inheritstyle</strong></code> — L'attribut <code>inheritstyle</code> indique si les règles de style du document affecteront le contenu anonyme généré par la liaison XBL. Si cet attribut est à <code>true</code>, les styles du document seront également appliqués au contenu anonyme généré par XBL.</li> -</ul> - -<p> </p> - -<h3 id="content" name="content">content</h3> - -<pre><!ELEMENT content ANY> -<!ATTLIST content - id ID #IMPLIED -> -</pre> - -<p>Une liaison peut spécifier du nouveau contenu qui sera placé à l'intérieur de l'élément lié. Bien que ce contenu soit visible à l'écran comme s'il était directement dans le fichier, il est anonyme et est invisible du <a href="/fr/DOM" title="fr/DOM">DOM</a> normal. Pour accéder à des nœuds anonymes sur un élément XBL lié, vous pouvez utiliser les fonctions <a href="/fr/XBL/Référence_XBL_1.0/Interfaces_DOM#getAnonymousElementByAttribute" title="fr/XBL/Référence_XBL_1.0/Interfaces_DOM#getAnonymousElementByAttribute">getAnonymousElementByAttribute</a> et <a href="/fr/XBL/Référence_XBL_1.0/Interfaces_DOM#getAnonymousNodes" title="fr/XBL/Référence_XBL_1.0/Interfaces_DOM#getAnonymousNodes">getAnonymousNodes</a>. Le seul élément XBL pouvant apparaître dans la balise <code>content</code> est l'élément <a href="/fr/XBL/Référence_XBL_1.0/Éléments#children" title="fr/XBL/Référence_XBL_1.0/Éléments#children">children</a>. Les attributs de l'élément <span class="nowiki"><content></span> dans la liaison sont définis sur l'élément lié.</p> - -<ul> - <li><code><strong>id</strong></code> — L'attribut id est un identifiant unique dans le document.</li> -</ul> - -<h3 id="children" name="children">children</h3> - -<pre><!ELEMENT children EMPTY> -<!ATTLIST children - id ID #IMPLIED - includes CDATA #IMPLIED -> -</pre> - -<p>Spécifie l'emplacement où les éventuels enfants de l'élément lié seront placés dans le contenu généré.</p> - -<p>Normalement, si l'élément lié a son propre contenu, le contenu anonyme n'est pas généré. Cependant, avec un élément <code>children</code>, il est possible de fusionner le contenu de l'élément HTML/XML avec le contenu XBL.</p> - -<p>Si la balise <code>children</code> a elle-même un contenu, celui-ci deviendra le contenu par défaut. Si l'élément auquel la liaison est attachée a du contenu, le contenu par défaut sera ignoré. Si l'élément n'a aucun contenu, le contenu par défaut sera ajouté.</p> - -<ul> - <li><code><strong>id</strong></code> — L'attribut <code>id</code> est un identifiant unique dans le document.</li> - <li><code><strong>includes</strong></code> — L'attribut <code>includes</code> peut être utilisé pour indiquer que seul un certain contenu doit être placé au point d'insertion spécifié par l'élément <code>children</code>. Sa valeur peut être un nom de balise ou plusieurs noms séparés par des virgules. (Avec xulrunner 1.9, il faut utiliser la barre verticale '|` comme séparateur et non pas une virgule.) Un enfant ne peut être placé au point d'insertion que s'il correspond à la valeur de l'attribut <code>includes</code>. Seuls les enfants immédiats sont comparés au sélecteur. Par exemple, pour un fragment XML <code><customElement><foobar><hoge/></foobar></customElement></code> avec une définition de liaison <code><binding id="customElement"><content><xul:box><children includes="hoge"/></xul:box></content></binding></code> pour l'élément <code>customElement</code>, <code><xul:box/></code> devient vide parce que le sélecteur <code>includes="hoge"</code> ne correspond pas à l'élément enfant direct <code>foobar</code>.</li> -</ul> - -<h3 id="implementation" name="implementation">implementation</h3> - -<pre><!ENTITY % implementation-content "(method|property)*"> -<!ELEMENT implementation %implementation-content;> -<!ATTLIST implementation - id ID #IMPLIED - name CDATA #IMPLIED - implements CDATA #IMPLIED -> -</pre> - -<p>The <code>implementation</code> element describes the set of methods and properties that are attached to the bound element. Once the binding is attached, these methods and properties can be invoked directly from the bound element.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>name</strong></code> — The <code>name</code> attribute can be used to provide a specific name for an implementation. This name can then be used to reference the implementation. For example, in JavaScript the value of this attribute represents the name of the corresponding class that is constructed for the implementation. If no name attribute is specified then the binding's document URI and id are used to uniquely reference the binding's implementation.</li> - <li><code><strong>implements</strong></code> — The <code>implements</code> attribute can be used to describe the set of interfaces that are implemented by the binding. Its value is a comma-separated list of named interfaces. If supported, in strongly typed languages the bound element can be referenced not only as any of the interfaces that the element might already support (e.g., HTMLElement) but also as any of the interfaces described by this attribute. Support of this capability is optional.</li> -</ul> - -<h3 id="constructor" name="constructor">constructor</h3> - -<p>The code inside the <code>constructor</code> is called when a <code>binding</code> has just been attached to an element. So full access to anonymous nodes generated by the binding is already possible. The <code>constructor</code> tag must be placed inside the <code>implementation</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<div class="note"><strong>Note:</strong> Prior to Firefox 3, the constructor could be called at a time when reflow of the document layout was locked down, so that attempting to get layout information from within the constructor could return out of date information. In Firefox 3 and later, the constructor is called when reflow can take place, which results in up-to-date information being returned. See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=398404" title="FIXED: [FIX]Disallow reflow while processing constructors">bug 398404</a> for details.</div> - -<h3 id="destructor" name="destructor">destructor</h3> - -<p>The code inside the <code>destructor</code> is called when a <code>binding</code> is being removed from an element. You can use this to unload resources to free memory. However the <code>destructor</code> is often not called when it should, see <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=230086" title="Destructor of XBL element isn't called when I remove this element from DOM">bug 230086</a>. The <code>destructor</code> tag must be placed inside the <code>implementation</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<h3 id="method" name="method">method</h3> - -<pre><!ENTITY % method-content "(parameter*,body?)"> -<!ELEMENT method %method-content;> -<!ATTLIST method - id ID #IMPLIED - name CDATA #REQUIRED - type CDATA #IMPLIED -> -</pre> - -<p>The <code>method</code> element is used to describe a single method of a binding implementation.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>name</strong></code> — The <code>name</code> attribute's value is the name given to the method when it is attached to the bound element. The method can be invoked directly from the bound element using this value.</li> -</ul> - -<p><em>Example</em></p> - -<pre><method name="scrollTo"> - <parameter name="index"/> - <body> - this.setAttribute("scrollpos", index); - </body> -</method> -</pre> - -<h3 id="parameter" name="parameter">parameter</h3> - -<pre><!ELEMENT parameter EMPTY> -<!ATTLIST parameter - id ID #IMPLIED - name CDATA #REQUIRED -> -</pre> - -<p>The <code>parameter</code> element is used inside a <code>method</code> element. It represents a single parameter of a method.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>name</strong></code> — The value of the <code>name</code> attribute is used by script within a method's <code>body</code> element to reference this parameter.</li> -</ul> - -<h3 id="body" name="body">body</h3> - -<pre><!ELEMENT body CDATA> -<!ATTLIST body - id ID #IMPLIED -> -</pre> - -<p>The <code>body</code> element represents the implementation of its corresponding <code>method</code>. Its contents are the script that is executed when the method is invoked.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<h3 id="field" name="field">field</h3> - -<pre><!ELEMENT field EMPTY> -<!ATTLIST field - id ID #IMPLIED - name CDATA #REQUIRED - readonly (true|false) #IMPLIED -> -</pre> - -<p>A field is similar to a <code><a href="/fr/XBL/Référence_XBL_1.0/Éléments#property" title="fr/XBL/Référence_XBL_1.0/Éléments#property">property</a></code>, except that it should not have a getter or setter. It is useful as a simple holder for a value. The field element must have content which is code that determines the initial value of the field. The <code>field</code> tag must be inside the <code>implementation</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>name</strong></code> — The name of the field. This is the name used to refer to the field on the bound element.</li> - <li><code><strong>readonly</strong></code> — If true, this field is read-only. If this attribute is omitted, the field will be readable and writable.</li> -</ul> - -<div class="note"><strong>Note:</strong> In Firefox 3, fields are now evaluated the first time they're accessed instead of at binding attachment time. This shouldn't cause any problems in typical use cases, but there are cases in which this will impact the behavior of your code. See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=372769" title="FIXED: [FIX]<field> evaluation happens at an unsafe time">bug 372769</a> for details.</div> - -<p>Here are some examples of cases in which the behavior of your code may change due to this change in Firefox 3:</p> - -<ol> - <li>If you have two fields, one named <code>A</code> and one named <code>B</code>, and field <code>A</code> sets <code>.B</code>, the value of <code>.B</code> will depend on whether or not <code>.A</code> has already been accessed.</li> - <li>If a proto is inserted into the proto chain after binding instantiation, doing so may affect field values (this wasn't the case in prior versions of Firefox).</li> - <li>At binding attachment time, <code><span class="nowiki"><field name="parentNode">this.parentNode</field></span></code> is undefined instead of the value of <code>parentNode</code>.</li> - <li>A field no longer changes the value of a property set on the object itself (rather than a proto) before binding attachment.</li> -</ol> - -<h3 id="property" name="property">property</h3> - -<pre><!ENTITY % property-content "(getter?,setter?)"> -<!ELEMENT property %property-content;> -<!ATTLIST property - id ID #IMPLIED - name CDATA #REQUIRED - readonly (true|false) #IMPLIED - onget CDATA #IMPLIED - onset CDATA #IMPLIED -> -</pre> - -<p>The <code>property</code> element represents a single property of an implementation. A property consists of a pair of getter/setter functions that can be defined using <code>onget</code>/<code>onset</code> attributes or <a href="/fr/XBL/Référence_XBL_1.0/Éléments#getter" title="fr/XBL/Référence_XBL_1.0/Éléments#getter">getter</a>/<a href="/fr/XBL/Référence_XBL_1.0/Éléments#setter" title="fr/XBL/Référence_XBL_1.0/Éléments#setter">setter</a> elements underneath the <code>property</code> element. Like methods, once the binding is attached, the property can be obtained directly from the bound element. The <code>property</code> tag must be inside the <code>implementation</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>name</strong></code> — The name of the property. This is the name used to refer to the property on the bound element.</li> - <li><code><strong>readonly</strong></code> — The <code>readonly</code> attribute is used to designate a property as read-only. If set to <code>true</code>, the value of the property cannot be altered. If this attribute is omitted, the property will be readable and writable.</li> - <li><code><strong>onget</strong></code> — The <code>onget</code> attribute's value is a script that executes when the value of the property is requested. If this attribute is set, any initial value contained underneath the element will be ignored. The return value of the script represents the value of the property that will be returned to the requestor. A property getter can also be specified as a child of the <code>property</code> element using the <code>getter</code> tag.</li> - <li><code><strong>onset</strong></code> — The <code>onset</code> attribute's value is a script that executes when the value of the property is being altered. If this attribute is set, any initial value contained underneath the element will be ignored. Within the script, the parameter <code>val</code> represents the new value being assigned. A property setter can also be specified as a child of the <code>property</code> element using a <code>setter</code> tag.</li> -</ul> - -<h3 id="getter" name="getter">getter</h3> - -<pre><!ELEMENT getter PCDATA> -<!ATTLIST getter - id ID #IMPLIED -> -</pre> - -<p>The <code>getter</code> element contains script that gets executed when a specific property gets called. The <code>getter</code> tag must be inside the <code>property</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<h3 id="setter" name="setter">setter</h3> - -<pre><!ELEMENT setter PCDATA> -<!ATTLIST setter - id ID #IMPLIED -> -</pre> - -<p>The <code>setter</code> element contains script that gets executed when a specific property is being set. The <code>setter</code> tag must be inside the <code>property</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<h3 id="handlers" name="handlers">handlers</h3> - -<pre><!ENTITY % handlers-content "handler*"> -<!ELEMENT handlers %handlers-content;> -<!ATTLIST handlers - id ID #IMPLIED -> -</pre> - -<p>The <code>handlers</code> element contains event handlers that can be attached to elements within the bound document. These handlers are installed when the binding is attached and removed when the binding is detached. The <code>handlers</code> tag must be inside the <code>binding</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<h3 id="handler" name="handler">handler</h3> - -<pre><!ENTITY % handler-content "PCDATA"> -<!ELEMENT handler %handler-content;> -<!ATTLIST handler - id ID #IMPLIED - event NMREF #REQUIRED - action CDATA #IMPLIED - phase (capturing|bubbling|target) #IMPLIED - button (1|2|3) #IMPLIED - modifiers CDATA #IMPLIED - keycode CDATA #IMPLIED - key CDATA #IMPLIED - charcode CDATA #IMPLIED - clickcount (1|2|3) #IMPLIED - command ID #IMPLIED - preventdefault false|true #IMPLIED -> -</pre> - -<p>The <code>handler</code> element describes a single event handler. This handler is attached to its target at the time the binding is attached and unhooked when the binding is detached from the bound element. The script inside the <code>handler</code> is executed when the event handler is matched. The <code>handler</code> tag must be inside the <code>handlers</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>event</strong></code> — The <code>event</code> attribute describes the specific event that this handler is listening for. Its value can be any legal DOM event name (including custom events created using the DocumentEvent interface of the DOM).</li> - <li><code><strong>action</strong></code> — The <code>action</code> attribute contains script that is invoked when the handler fires. The <code>type</code> attribute on the enclosing <code>handlers</code> element determines the language of the script. The handler script can also be specified as a child of the <code>handler</code> element.</li> - <li><code><strong>phase</strong></code> — This attribute specifies the phase of the event flow that this handler should monitor. The possible values are <code>capturing</code>, <code>bubbling</code>, and <code>target</code>. If a phase is specified, the handler will only be invoked during that phase of the event handling process. If no phase is specified, a default of <code>bubbling</code> is assumed.</li> - <li><code><strong>button</strong></code> — The <code>button</code> attribute imposes a <em>filter</em> on the handler. It is used with mouse handlers to specify a particular button. The event handler will only be matched if the value of the <code>button</code> field in the DOM mouse event object matches the value of the attribute.</li> - <li><code><strong>modifiers</strong></code> — The <code>modifiers</code> attribute imposes a filter on key and mouse handlers. Its value is a whitespace- or comma-separated list of modifier keys. If present in the list, then the modifier key must be set in the DOM event object in order for the handler to be matched. If the <code>modifiers</code> is not empty and the modifier is not present in the list, then the modifier key must not be set in the DOM event object in order for the handler to be matched.<br> - Supported modifiers are: - <ul> - <li><code>shift</code></li> - <li><code>alt</code></li> - <li><code>control</code></li> - <li><code>meta</code></li> - <li><code>accel</code> — the platform's primary accelerator key. It is left up to the user agent to decide which modifier key represents the primary key. (It's the Control key on Windows and Meta on Mac.)</li> - <li><code>accesskey</code> — the platform's primary shortcut mnemonic key should be used (the Alt key on Windows and Linux, has no effect on Mac).</li> - </ul> - </li> - <li><code><strong>keycode</strong></code> — The <code>keycode</code> attribute imposes a filter on key handlers. Its value is a key identifier for a specific keycode, e.g., <code>vk_enter</code>.<br> - <em>[Editor's Note: A forthcoming DOM events specification will presumably outline the list of valid keycode strings.]</em><br> - If this attribute is present, then its value must match the <a href="/fr/DOM/event.keyCode" title="fr/DOM/event.keyCode">keyCode</a> field of the DOM key event object in order for the handler to fire.</li> - <li><code><strong>charcode</strong></code> — The <code>charcode</code> attribute imposes a filter on key handlers. Its value is a single character, e.g., "<code>z</code>". If this attribute is present, then its value must match the <a href="/fr/DOM/event.charCode" title="fr/DOM/event.charCode">charCode</a> field of the DOM key event object in order for the handler to fire.<br> - <em>[Editor's note: As DOM Events mature more attributes may be added. For example, mutation events define several new fields such as relatedTarget that could be supported in the filtering syntax.]</em></li> - <li><code><strong>key</strong></code> — The <code>key</code> attribute has the same meaning as <code>charcode</code>.</li> - <li><code><strong>clickcount</strong></code> — The <code>clickcount</code> attribute imposes a <em>filter</em> on the handler. It is used with mouse handlers to specify how many times a button has been clicked. The event handler will only be matched if the value of the <code>clickcount</code> field in the DOM mouse event object matches the value of the attribute.</li> - <li><code><strong>command</strong></code> — The id of a command to invoke when the event occurs. If used in a non-chrome document, the entire handler will be ignored.</li> - <li><code><strong>preventdefault</strong></code> — If set to true, the default action of the event is not performed. See also <a href="/fr/DOM/event.preventDefault" title="fr/DOM/event.preventDefault">preventDefault</a> method of the Event object.</li> -</ul> - -<h3 id="resources" name="resources">resources</h3> - -<pre><!ENTITY % resources-content "(image?,stylesheet?)"> -<!ELEMENT resources %resources-content;> -<!ATTLIST property - id ID #IMPLIED -> -</pre> - -<p>Used for inclusion of <a href="/fr/XBL/Référence_XBL_1.0/Éléments#image" title="fr/XBL/Référence_XBL_1.0/Éléments#image">image</a> elements, to cache them for later use, and for inclusion of <a href="/fr/XBL/Référence_XBL_1.0/Éléments#stylesheet" title="fr/XBL/Référence_XBL_1.0/Éléments#stylesheet">stylesheet</a> elements. The <code>resources</code> tag must be used directly inside the <code>binding</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> -</ul> - -<h3 id="stylesheet" name="stylesheet">stylesheet</h3> - -<pre><!ELEMENT stylesheet EMPTY> -<!ATTLIST stylesheet - id ID #IMPLIED - src URI #REQUIRED -> -</pre> - -<p>The <code>stylesheet</code> element declares a style sheet used by the binding. The style rules in the style sheet will only be applied to the binding, not to other elements in the document. The <code>stylesheet</code> tag must be inside the <code>resources</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>src</strong></code> — The URL of the style sheet to apply to the binding content.</li> -</ul> - -<h3 id="image" name="image">image</h3> - -<pre><!ELEMENT image EMPTY> -<!ATTLIST image - id ID #IMPLIED - src URI #REQUIRED -> -</pre> - -<p>Declares an image resource used by the binding. The image is loaded as soon as the binding is used. You can use this to preload a number of images for later use. The <code>image</code> tag must be inside the <code>resources</code> tag.</p> - -<ul> - <li><code><strong>id</strong></code> — The <code>id</code> attribute is a document-unique identifier.</li> - <li><code><strong>src</strong></code> — The URL of the image to load.</li> -</ul> diff --git a/files/fr/archive/mozilla/xpinstall/index.html b/files/fr/archive/mozilla/xpinstall/index.html deleted file mode 100644 index 6c582079a1..0000000000 --- a/files/fr/archive/mozilla/xpinstall/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: XPInstall -slug: Archive/Mozilla/XPInstall -tags: - - XPInstall -translation_of: Archive/Mozilla/XPInstall ---- -<div><strong>Cross-Platform Install (XPInstall)</strong> est une technologie utilisée par la suite d'applications Mozilla, Mozilla Firefox, Mozilla Thunderbird et d'autres applications basées sur <a href="/fr/XUL" title="fr/XUL">XUL</a>, pour l'installation d'<a href="/fr/Extensions" title="fr/Extensions">extensions</a>. Un module d'installation XPI (prononcez « zippy », dérivé de XPInstall) est un fichier ZIP contenant un script d'installation ou un manifeste (intitulé install.js ou <a href="/fr/Manifestes_d'installation" title="fr/Manifestes_d'installation">install.rdf</a>) à la racine de ce fichier.</div> - -<table class="topicpage-table"> - <tbody> - <tr> - <td> - <h4 id="Documentation" name="Documentation"><a href="/Special:Tags?tag=XPInstall&language=fr" title="Special:Tags?tag=XPInstall&language=fr">Documentation</a></h4> - - <dl> - <dt><a href="/fr/Référence_de_l'API_XPInstall" title="fr/Référence_de_l'API_XPInstall">Référence de l'API XPInstall</a></dt> - </dl> - - <dl> - <dt><a href="/fr/Apprenez_à_créer_un_installeur_XPI_par_l'exemple" title="fr/Apprenez_à_créer_un_installeur_XPI_par_l'exemple">Apprenez à créer un installeur XPI par l'exemple</a></dt> - <dd><small>Cet article utilise le script de l'installeur du paquetage d'installation de <code>browser.xpi</code> comme base générale de la discussion autour des installations XPI (à traduire de <a href="/en/Learn_XPI_Installer_Scripting_by_Example">en:Learn XPI Installer Scripting by Example</a>).</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Création_de_modules_d'installation_XPI" title="fr/Création_de_modules_d'installation_XPI">Création de modules d'installation XPI</a></dt> - <dd><small>Cet article décrit le schéma de création de paquetage de Mozilla et offre un tutoriel pour la création d'un nouveau paquetage qui peut alors être redistribué, installé et rendu disponible pour les utilisateurs (à traduire de <a href="/en/Creating_XPI_Installer_Modules">en:Creating XPI Installer Modules</a>).</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Assistants_d'installation_(ou_Stub_Installers)" title="fr/Assistants_d'installation_(ou_Stub_Installers)">Assistants d'installation (ou Stub Installers)</a></dt> - <dd><small>(à traduire de <a href="/en/Install_Wizards_(aka:_Stub_Installers)">en:Install Wizards (aka: Stub Installers)</a>).</small></dd> - </dl> - - <p><span class="alllinks"><a href="/Special:Tags?tag=XPInstall&language=fr" title="Special:Tags?tag=XPInstall&language=fr">Tous les articles…</a></span></p> - </td> - <td> - <h4 id="Communaut.C3.A9" name="Communaut.C3.A9">Communauté</h4> - - <ul> - <li>Voir les forums de Mozilla…</li> - </ul> - - <p>{{ DiscussionList("dev-platform", "mozilla.dev.platform") }}</p> - - <h4 id="Outils" name="Outils">Outils</h4> - - <ul> - <li><a class="external" href="http://www.mozilla.org/quality/smartupdate/xpinstall-trigger.html">Déclencheurs XPInstall</a></li> - </ul> - - <h4 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s">Sujets liés</h4> - - <dl> - <dd><a href="/fr/Extensions" title="fr/Extensions">Extensions</a>, <a href="/fr/XUL" title="fr/XUL">XUL</a>, <a href="/fr/XPI" title="fr/XPI">XPI</a></dd> - </dl> - </td> - </tr> - </tbody> -</table> - -<p><span class="comment">Categories</span></p> - -<p><span class="comment">Interwiki Language Links</span></p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/codes_retournés/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/codes_retournés/index.html deleted file mode 100644 index 8bd22877f9..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/codes_retournés/index.html +++ /dev/null @@ -1,274 +0,0 @@ ---- -title: Codes retournés -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Codes_retournés -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Return_Codes ---- -<p> </p> -<h2 id="Codes_retourn.C3.A9s" name="Codes_retourn.C3.A9s">Codes retournés</h2> -<p>Les méthodes décrites dans ce document peuvent retournés tous les codes d'erreur ci-dessous. Dans Mozilla/SeaMonkey, ces constantes sont définies comme des composants de l'objet xpinstall (anciennement l'objet SoftwareUpdate dans Netscape Communicator 4.5).</p> -<table class="fullwidth-table"> - <tbody> - <tr> - <td class="header">Nom</td> - <td class="header">Code</td> - <td class="header">Explication</td> - </tr> - <tr> - <td><code>SUCCESS</code></td> - <td>0</td> - <td>Succès.</td> - </tr> - <tr> - <td><code>REBOOT_NEEDED</code></td> - <td>999</td> - <td>Les fichiers ont été installés mais un ou plusieurs composants étaient en cours d'utilisation. Redémarrez l'application et votre ordinateur pour compléter l'installation. Sous Windows NT, vous ne devriez avoir besoin que de relancer l'application tant que vous n'avez pas modifié les fichiers système.</td> - </tr> - <tr> - <td><code>BAD_PACKAGE_NAME</code></td> - <td>-200</td> - <td>Un problème est survenu avec le nom de paquetage fourni à <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a>.</td> - </tr> - <tr> - <td><code>UNEXPECTED_ERROR</code></td> - <td>-201</td> - <td>Une erreur inconnue est survenue.</td> - </tr> - <tr> - <td><code>ACCESS_DENIED</code></td> - <td>-202</td> - <td>L'utilisateur (ou le système d'exploitation) ne possède pas les droits suffisant à l'installation.</td> - </tr> - <tr> - <td><code>TOO_MANY_CERTIFICATES</code></td> - <td>-203</td> - <td>Le script d'installation est signé par plus d'un certificat.</td> - </tr> - <tr> - <td><code>NO_INSTALL_SCRIPT</code></td> - <td>-204</td> - <td>Le script d'installation n'est pas signé.</td> - </tr> - <tr> - <td><code>NO_CERTIFICATE</code></td> - <td>-205</td> - <td>Le fichier extrait n'est pas signé ou le fichier (et donc son certificat) est introuvable.</td> - </tr> - <tr> - <td><code>NO_MATCHING_CERTIFICATE</code></td> - <td>-206</td> - <td>Le fichier extrait n'est pas signé avec le même certificat que celui utilisé pour signer le script d'installation.</td> - </tr> - <tr> - <td><code>CANT_READ_ARCHIVE</code></td> - <td>-207</td> - <td>Le paquetage XPI ne peut pas être lu.</td> - </tr> - <tr> - <td><code>INVALID_ARGUMENTS</code></td> - <td>-208</td> - <td>Les paramètres fournis à la fonction sont incorrects.</td> - </tr> - <tr> - <td><code>ILLEGAL_RELATIVE_PATH</code></td> - <td>-209</td> - <td>Chemin d'accès relatif illégal.</td> - </tr> - <tr> - <td><code>USER_CANCELLED</code></td> - <td>-210</td> - <td>L'utilisateur a annulé l'installation.</td> - </tr> - <tr> - <td><code>INSTALL_NOT_STARTED</code></td> - <td>-211</td> - <td>Il s'est produit un problème avec les paramètres fournis à <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a>, ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a> n'a pas été appelé en premier.</td> - </tr> - <tr> - <td><code>SILENT_MODE_DENIED</code></td> - <td>-212</td> - <td>Les droit pour une installation silencieuse ne sont pas accordés.</td> - </tr> - <tr> - <td><code>NO_SUCH_COMPONENT</code></td> - <td>-213</td> - <td>Le composant spécifié n'existe pas dans la - <i> - Client Version Registry</i> - .</td> - </tr> - <tr> - <td><code>DOES_NOT_EXIST</code></td> - <td>-214</td> - <td>Échec de la suppression. Le fichier spécifié n'existe pas.</td> - </tr> - <tr> - <td><code>READ_ONLY</code></td> - <td>-215</td> - <td>Échec de la suppression. Le fichier spécifié est en lecture seule.</td> - </tr> - <tr> - <td><code>IS_DIRECTORY</code></td> - <td>-216</td> - <td>Échec de la suppression. Le fichier spécifié est un répertoire.</td> - </tr> - <tr> - <td><code>NETWORK_FILE_IS_IN_USE</code></td> - <td>-217</td> - <td>Échec de la suppression. Le fichier spécifié est en cours d'utilisation.</td> - </tr> - <tr> - <td><code>APPLE_SINGLE_ERR</code></td> - <td>-218</td> - <td>Une erreur est survenue lors de la décompression d'un fichier au format AppleSingle.</td> - </tr> - <tr> - <td><code>INVALID_PATH_ERR</code></td> - <td>-219</td> - <td>Le chemin d'accès fourni à <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a> n'existe pas.</td> - </tr> - <tr> - <td><code>PATCH_BAD_DIFF</code></td> - <td>-220</td> - <td>Une erreur est survenue dans GDIFF.</td> - </tr> - <tr> - <td><code>PATCH_BAD_CHECKSUM_TARGET</code></td> - <td>-221</td> - <td>La somme de contrôle du fichier source ne correspond pas à celle indiquée dans le fichier XPI.</td> - </tr> - <tr> - <td><code>PATCH_BAD_CHECKSUM_RESULT</code></td> - <td>-222</td> - <td>La somme de contrôle du patch n'a pu être calculée.</td> - </tr> - <tr> - <td><code>UNINSTALL_FAILED</code></td> - <td>-223</td> - <td>Une erreur s'est produite durant la désinstallation d'un paquetage.</td> - </tr> - <tr> - <td><code>PACKAGE_FOLDER_NOT_SET</code></td> - <td>-224</td> - <td>Le répertoire d'installation n'est pas défini dans le script d'installation.</td> - </tr> - <tr> - <td><code>EXTRACTION_FAILED</code></td> - <td>-225</td> - <td>L'extraction du fichier XPI a échoué.</td> - </tr> - <tr> - <td><code>FILENAME_ALREADY_USED</code></td> - <td>-226</td> - <td>Un fichier portant ce nom existe déjà dans l'installation</td> - </tr> - <tr> - <td><code>INSTALL_CANCELLED</code></td> - <td>-227</td> - <td>L'installation est abandonnée.</td> - </tr> - <tr> - <td><code>DOWNLOAD_ERROR</code></td> - <td>-228</td> - <td>Problème lors du téléchargement.</td> - </tr> - <tr> - <td><code>SCRIPT_ERROR</code></td> - <td>-229</td> - <td>Erreur dans le script.</td> - </tr> - <tr> - <td><code>ALREADY_EXISTS</code></td> - <td>-230</td> - <td>Un fichier existe déjà localement.</td> - </tr> - <tr> - <td><code>IS_FILE</code></td> - <td>-231</td> - <td>Un fichier a été trouvé là où un répertoire cible était attendu.</td> - </tr> - <tr> - <td><code>SOURCE_DOES_NOT_EXIST</code></td> - <td>-232</td> - <td>Le fichier/répertoire source n'a pas été trouvé.</td> - </tr> - <tr> - <td><code>SOURCE_IS_DIRECTORY</code></td> - <td>-233</td> - <td>Un répertoire a été trouvé là où un fichier source était attendu.</td> - </tr> - <tr> - <td><code>SOURCE_IS_FILE</code></td> - <td>-234</td> - <td>Un fichier a été trouvé là où un répertoire source était attendu.</td> - </tr> - <tr> - <td><code>INSUFFICIENT_DISK_SPACE</code></td> - <td>-235</td> - <td>Espace disque insuffisant pour l'installation.</td> - </tr> - <tr> - <td><code>FILENAME_TOO_LONG</code></td> - <td>-236</td> - <td> </td> - </tr> - <tr> - <td><code>UNABLE_TO_LOCATE_LIB_FUNCTION</code></td> - <td>-237</td> - <td> </td> - </tr> - <tr> - <td><code>UNABLE_TO_LOAD_LIBRARY</code></td> - <td>-238</td> - <td> </td> - </tr> - <tr> - <td><code>CHROME_REGISTRY_ERROR</code></td> - <td>-239</td> - <td> </td> - </tr> - <tr> - <td><code>MALFORMED_INSTALL</code></td> - <td>-240</td> - <td> </td> - </tr> - <tr> - <td><code>KEY_ACCESS_DENIED</code></td> - <td>-241</td> - <td>Accès refusé à la clef de registre</td> - </tr> - <tr> - <td><code>KEY_DOES_NOT_EXIST</code></td> - <td>-242</td> - <td>La clef de registre n'existe pas</td> - </tr> - <tr> - <td><code>VALUE_DOES_NOT_EXIST</code></td> - <td>-243</td> - <td>La valeur de registre n'existe pas</td> - </tr> - <tr> - <td><code>INVALID_SIGNATURE</code></td> - <td>-260</td> - <td>Signature du XPI invalide</td> - </tr> - <tr> - <td><code>OUT_OF_MEMORY</code></td> - <td>-299</td> - <td>Mémoire insuffisante pour cette opération.</td> - </tr> - <tr> - <td><code>GESTALT_UNKNOWN_ERROR</code></td> - <td>-5550</td> - <td> </td> - </tr> - <tr> - <td><code>GESTALT_INVALID_ARGUMENT</code></td> - <td>-5551</td> - <td> </td> - </tr> - </tbody> -</table> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Return_Codes" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/file.macalias/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/file.macalias/index.html deleted file mode 100644 index d114a737d6..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/file.macalias/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: File.macAlias -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/File.macAlias -translation_of: Archive/Mozilla/XPInstall/Reference/Examples/File.macAlias ---- -<p> </p> -<h3 id="File.macAlias" name="File.macAlias">File.macAlias</h3> -<p>Dans cet exemple, on crée un alias mac pour le logiciel (AppleCD Audio Player) installé en local.</p> -<pre class="eval">xpiSrc = "Miscellaneous Program"; -var vi = "1.1.1.1"; -initInstall( - "Macintosh Alias", - "misc", - vi, - 0); -f = getFolder("Program"); -g = getFolder("Mac Desktop"); -addFile( - "filemacalias", - "2.2.2.2", - xpiSrc, - f, - xpiSrc, - true); -err = File.macAlias(f, xpiSrc, g, xpiSrc + " alias"); -logComment("File.macAlias returns: " + err); -if (0 == getLastError()) - performInstall(); -else - cancelInstall(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/File.macAlias" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/file.windowsshortcut/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/file.windowsshortcut/index.html deleted file mode 100644 index b3877c949f..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/file.windowsshortcut/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: File.windowsShortcut -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/File.windowsShortcut -translation_of: Archive/Mozilla/XPInstall/Reference/Examples/File.windowsShortcut ---- -<p> </p> -<h3 id="File.windowsShortcut" name="File.windowsShortcut">File.windowsShortcut</h3> -<p>Dans cet exemple, la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsShortcut">windowsShortcut</a> est utilisée pour ajouter un raccourci dans le répertoire - <i> - Program</i> - ( - <i> - Program</i> - est un mot clef pour désigner le répertoire d'installation du programme, par exemple, C:\Program Files\Netscape\Netscape 6\" sous Microsoft Windows) au logiciel Windows (misc.exe) installé dans le répertoire - <i> - Windows</i> - .</p> -<pre class="eval">var xpiSrc = "misc.exe"; -var vi = "1.1.1.1"; -initInstall( - "Windows Shortcut", - "test", - vi, - 0); -f = getFolder("Windows"); -g = getFolder("Temporary"); -addFile( - "miscshortcut", - "2.2.2.2", - xpiSrc, - f, - xpiSrc, - true); -target = getFolder(f, xpiSrc); -shortcutpath = getFolder("Program"); -err = File.windowsShortcut( - target, - shortcutpath, - "misc shortcut", - g, - "", - target, - 0); -logComment("file.windowsShortcut returns: " + err); -if (0 == getLastError()) - performInstall(); -else - cancelInstall(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/File.windowsShortcut" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/index.html deleted file mode 100644 index b379807ff9..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/index.html +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Exemples -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples -translation_of: Archive/Mozilla/XPInstall/Reference/Examples ---- -<p>{{wiki.localize('System.API.page-generated-for-subpage')}}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/install.adddirectory/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/install.adddirectory/index.html deleted file mode 100644 index 9c7ed53d4b..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/install.adddirectory/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: Install.addDirectory -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/Install.addDirectory -translation_of: Archive/Mozilla/XPInstall/Reference/Examples/Install.addDirectory ---- -<p> </p> -<h3 id="Install.addDirectory" name="Install.addDirectory">Install.addDirectory</h3> -<p>La méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addDirectory">addDirectory</a> de l'objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a> met en file d'attente un répertoire entier pour qu'il soit installé après l'appel de la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a>.</p> -<pre class="eval">var vi = "10.10.10.10"; -var xpiSrc = "adddir1"; -initInstall("addFileNoVers1", "adddir_1", vi, 1); -f = getFolder("Program"); -setPackageFolder(f); -err = addDirectory(xpiSrc); -logComment("the error = " + err); -if (0 == getLastError()) - performInstall(); -else - cancelInstall(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/Install.addDirectory" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/install.addfile/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/install.addfile/index.html deleted file mode 100644 index 33f1e12e8a..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/install.addfile/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: Install.addFile -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/Install.addFile -translation_of: Archive/Mozilla/XPInstall/Reference/Examples/Install.addFile ---- -<p> </p> -<h3 id="Install.addFile" name="Install.addFile">Install.addFile</h3> -<p>La méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a> de l'objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a> est la manière standard de mettre les fichiers en file d'attente pour l'installation.</p> -<pre class="eval">var xpiSrc = "file.txt"; -initInstall( - "Ajout d'un fihcier", - "testFile", - "1.0.1.7", - 1); -f = getFolder("Program"); -setPackageFolder(f); -addFile(xpiSrc); -if (0 == getLastError()) - performInstall(); -else - cancelInstall(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/Install.addFile" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/installtrigger.installchrome/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/installtrigger.installchrome/index.html deleted file mode 100644 index 108b77fb85..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/installtrigger.installchrome/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: InstallTrigger.installChrome -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/InstallTrigger.installChrome -translation_of: Archive/Mozilla/XPInstall/Reference/Examples/InstallTrigger.installChrome ---- -<p> </p> -<h3 id="InstallTrigger.installChrome" name="InstallTrigger.installChrome">InstallTrigger.installChrome</h3> -<p>Les scripts de déclenchement sont généralement invoqués par des événements JavaScript sur des hyperliens. Lorsqu'un utilisateur clique sur le lien « Installer le thème "New Blue" » dans l'exemple ci-dessous, <code>XPInstall</code> télécharge, enregistre et installe le thème contenu dans le fichier <tt>newblue.xpi</tt> dans le répertoire de profil de l'utilisateur.</p> -<pre class="eval"><a href="#" - onclick="InstallTrigger.installChrome( - InstallTrigger.SKIN, - '<span class="nowiki">http://wildskins/newblue.xpi</span>', - 'newblue/1.0');"> - Installer le thème "New Blue"</a> -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/InstallTrigger.installChrome" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/installtrigger.startsoftwareupdate/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/installtrigger.startsoftwareupdate/index.html deleted file mode 100644 index c70d1b55b1..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/installtrigger.startsoftwareupdate/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: InstallTrigger.startSoftwareUpdate -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/InstallTrigger.startSoftwareUpdate -translation_of: >- - Archive/Mozilla/XPInstall/Reference/Examples/InstallTrigger.startSoftwareUpdate ---- -<p> </p> -<h3 id="InstallTrigger.startSoftwareUpdate" name="InstallTrigger.startSoftwareUpdate">InstallTrigger.startSoftwareUpdate</h3> -<p>Ceci est un exemple très simple de la méthode principale de l'objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger">InstallTrigger</a>, <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/startSoftwareUpdate">startSoftwareUpdate</a>, qui prend une chaîne représentant le chemin vers le fichier <tt>xpi</tt> et l'installe sur la machine locale.</p> -<pre class="eval">function triggerURL(url) -{ - InstallTrigger.startSoftwareUpdtate(url); -} -// Récupère l'URL du fichier .xpi depuis un formulaire -// ou une entrée de champ texte. Puis exécute : -... onclick="triggerURL(this.form.url.value); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/InstallTrigger.startSoftwareUpdate" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/scripts_de_déclenchement_et_scripts_d'installation/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/scripts_de_déclenchement_et_scripts_d'installation/index.html deleted file mode 100644 index c46ff4a9ad..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/scripts_de_déclenchement_et_scripts_d'installation/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: Scripts de déclenchement et scripts d'installation -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/Scripts_de_déclenchement_et_scripts_d'installation -translation_of: >- - Archive/Mozilla/XPInstall/Reference/Examples/Trigger_Scripts_and_Install_Scripts ---- -<p> </p> -<h3 id="Scripts_de_d.C3.A9clenchement_et_scripts_d.27installation" name="Scripts_de_d.C3.A9clenchement_et_scripts_d.27installation">Scripts de déclenchement et scripts d'installation</h3> -<p>Les scripts de déclenchement sont de simples installations qui peuvent être initialisées depuis des gestionnaires d'événements ou tout autre code JavaScript présent dans une page Web.</p> -<p>Ils utilisent les méthodes de l'objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger">InstallTrigger</a> pour comparer les versions des logiciels, installer le chrome et exécuter des installations simples de logiciels.</p> -<p>Les scripts d'installation utilisent les méthodes des objets <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a>, <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a> et <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a> ainsi que des méthodes d'objets spécifiques à chaque plate-forme pour initialiser, mettre en file d'attente, gérer et exécuter l'installation d'un ou de plusieurs paquetages de logiciels.</p> -<p>Ces scripts d'installation sont généralement localisés au plus haut niveau de l'arborescence des archives <tt>xpi</tt> dans lesquelles les installations sont stockées. Un script de déclenchement peut déclencher le téléchargement d'un <tt>xpi</tt>, qui utisera son propre script <tt>install.js</tt> pour gérer l'installation complète.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Examples/Trigger_Scripts_and_Install_Scripts" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/windows_install/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/windows_install/index.html deleted file mode 100644 index 090866a4c1..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/exemples/windows_install/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: Windows Install -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Exemples/Windows_Install -translation_of: Archive/Mozilla/XPInstall/Reference/Examples/Windows_Install ---- -<h3 id="Exemple_d.27installation_Windows" name="Exemple_d.27installation_Windows">Exemple d'installation Windows</h3> -<p>Cet exemple décrit l'installation d'un fichier <code>xpi</code> dans lequel sont contenues les informations sur le profil de l'utilisateur.</p> -<p>La vérification de l'espace disque, l'édition du registre Windows, l'écriture du journal d'installation et la vérification des erreurs se font avant l'appel des méthodes <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a> ou <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/cancelInstall">cancelInstall</a>.</p> -<pre>// Cette fonction vérifie l'espace disque en kio -function verifyDiskSpace(dirPath, spaceRequired) -{ - var spaceAvailable; - // Récupère l'espace disque pour le chemin donné - spaceAvailable = fileGetDiskSpaceAvailable(dirPath); - // Convertit l'espace disque disponible en kio - spaceAvailable = parseInt(spaceAvailable / 1024); - // Fait la vérification - if(spaceAvailable < spaceRequired) - { - logComment("Espace disque insuffisant : " + dirPath); - logComment(" requis : " + spaceRequired + " kio"); - logComment(" disponible : " + spaceAvailable + " kio"); - return(false); - } - return(true); -} - -function updateWinReg4Ren8dot3() -{ - var fProgram = getFolder("Program"); - var fTemp = getFolder("Temporary"); - // Notes : - // On ne peut pas utiliser un double backslash avant une sous-clef - // car Windows les met déjà. - // Les sous-clefs doivent exister avant d'y mettre une valeur. - var subkey; // Le nom de la sous-clef dans laquelle vous voulez intervenir - var valname; // Le nom de la paire nom_de_valeur/valeur à modifier - var value; // La nouvelle valeur chaîne - var winreg = getWinRegistry() ; - if(winreg != null) - { - // Ici, nous récupérons la version courante. - winreg.setRootKey(winreg.HKEY_CURRENT_USER) ;// CURRENT_USER - subkey = - "SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\RunOnce" ; - winreg.createKey(subkey,""); - valname = "ren8dot3"; - value = fProgram + "ren8dot3.exe " + fTemp + "ren8dot3.ini"; - err = winreg.setValueString(subkey, valname, value); - } -} - -function prepareRen8dot3(listLongFilePaths) -{ - var fTemp = getFolder("Temporary"); - var fProgram = getFolder("Program"); - var fRen8dot3Ini = getWinProfile(fTemp, "ren8dot3.ini"); - var bIniCreated = false; - var fLongFilePath; - var sShortFilePath; - if(fRen8dot3Ini != null) - { - for(i = 0; i < listLongFilePaths.length; i++) - { - fLongFilePath = getFolder(fProgram, listLongFilePaths[i]); - sShortFilePath = File.windowsGetShortName(fLongFilePath); - if(sShortFilePath) - { - fRen8dot3Ini.writeString("rename", - sShortFilePath, fLongFilePath); - bIniCreated = true; - } - } - if(bIniCreated) - updateWinReg4Ren8dot3() ; - } - return(0); -} - -// main -var srDest; -var err; -var fProgram; -srDest = 449; -err = initInstall(prettyName, regName, "6.0.0.2000110801"); -logComment("initInstall: " + err); -fProgram = getFolder("Program"); -logComment("fProgram: " + fProgram); -if(verifyDiskSpace(fProgram, srDest)) -{ - setPackageFolder(fProgram); - err = addDirectory("", - "6.0.0.2000110801", - "bin", // Dans le jar, nom du répertoire à extraire - fProgram, // Où mettre le fichier (valeur retournée depuis GetFolder) - "", // Noms des sous-répertoires à créer, relativement à fProgram - true); // Force Flag - logComment("addDirectory() returned: " + err); - // Vérifie la valeur retournée - if(err == SUCCESS) - { - err = performInstall(); - logComment("performInstall() returned: " + err); - } - else - cancelInstall(err); -} -else - cancelInstall(INSUFFICIENT_DISK_SPACE); -// Fin de main -</pre> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/index.html deleted file mode 100644 index cc23e6ee7d..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/index.html +++ /dev/null @@ -1,193 +0,0 @@ ---- -title: Référence de l'API XPInstall -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall -tags: - - Référence_de_l'API_XPInstall - - XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference ---- -<div class="warning"><p>Cette page fait parti de la <a href="https://developer.mozilla.org/fr/docs/Référence_de_l'API_XPInstall">Référence de l'API XPInstall</a>. Notez que si vous être un développeur d'<a href="https://developer.mozilla.org/fr/docs/Extensions">extension</a>, de <a href="https://developer.mozilla.org/fr/docs/Thèmes">thème</a>, ou de <a href="https://developer.mozilla.org/fr/docs/Plugins">plug-in</a>, vous n'avez plus besoin d'une grande partie de cette API. Plus particulièrement, le script <code>install.js</code> utilisé pour l'installation et l'enregistrement du contenu des <code>XPI</code> est déprécié en faveur du nouveau manifeste déclaratif <code><a href="https://developer.mozilla.org/fr/docs/Manifestes_d'installation">install.rdf</a></code> et du nouveau <a href="https://developer.mozilla.org/fr/docs/Bundles">schéma de paquetage</a>.</p></div> - -<h3 id="Objets" name="Objets">Objets</h3> - -<h4 id="Install" name="Install"><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></h4> - -<dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/Propri%c3%a9t%c3%a9s">Propriétés</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes">Méthodes</a></dd> -</dl> - -<dl> - <dd> - <dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addDirectory">addDirectory</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/alert">alert</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/cancelInstall">cancelInstall</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/confirm">confirm</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/deleteRegisteredFile">deleteRegisteredFile</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/execute">execute</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/gestalt">gestalt</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getComponentFolder">getComponentFolder</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getLastError">getLastError</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinProfile">getWinProfile</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinRegistry">getWinRegistry</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/loadResources">loadResources</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/logComment">logComment</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/patch">patch</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/refreshPlugins">refreshPlugins</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/registerChrome">registerChrome</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/resetError">resetError</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/setPackageFolder">setPackageFolder</a></dd> - </dl> - </dd> -</dl> - -<h4 id="InstallTrigger" name="InstallTrigger"><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger">InstallTrigger</a></h4> - -<dl> - <dd><em>Aucune propriété</em></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes">Méthodes</a></dd> -</dl> - -<dl> - <dd> - <dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/compareVersion">compareVersion</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/enabled">enabled</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/getVersion">getVersion</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/install">install</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/installChrome">installChrome</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/startSoftwareUpdate">startSoftwareUpdate</a></dd> - </dl> - </dd> -</dl> - -<h4 id="InstallVersion" name="InstallVersion"><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a></h4> - -<dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/Propri%c3%a9t%c3%a9s">Propriétés</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes">Méthodes</a></dd> -</dl> - -<dl> - <dd> - <dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/compareTo">compareTo</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/init">init</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/toString">toString</a></dd> - </dl> - </dd> -</dl> - -<h4 id="File" name="File"><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></h4> - -<dl> - <dd><em>Aucune propriété</em></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes">Méthodes</a></dd> -</dl> - -<dl> - <dd> - <dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/copy">copy</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirCreate">dirCreate</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirGetParent">dirGetParent</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirRemove">dirRemove</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirRename">dirRename</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/diskSpaceAvailable">diskSpaceAvailable</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/execute">execute</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/exists">exists</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/isDirectory">isDirectory</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/isFile">isFile</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/macAlias">macAlias</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/modDate">modDate</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/modDateChanged">modDateChanged</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/move">move</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/remove">remove</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/rename">rename</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/size">size</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsGetShortName">windowsGetShortName</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsRegisterServer">windowsRegisterServer</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsShortcut">windowsShortcut</a></dd> - </dl> - </dd> -</dl> - -<h4 id="WinProfile" name="WinProfile"><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile">WinProfile</a></h4> - -<dl> - <dd><em>Aucune propriété</em></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile/M%c3%a9thodes">Méthodes</a></dd> -</dl> - -<dl> - <dd> - <dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile/M%c3%a9thodes/getString">getString</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile/M%c3%a9thodes/writeString">writeString</a></dd> - </dl> - </dd> -</dl> - -<h4 id="WinReg" name="WinReg"><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></h4> - -<dl> - <dd><em>Aucune propriété</em></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes">Méthodes</a></dd> -</dl> - -<dl> - <dd> - <dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/createKey">createKey</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/deleteKey">deleteKey</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/deleteValue">deleteValue</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/enumKeys">enumKeys</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/enumValueNames">enumValueNames</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValue">getValue</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValueNumber">getValueNumber</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValueString">getValueString</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/isKeyWritable">isKeyWritable</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/keyExists">keyExists</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setRootKey">setRootKey</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValue">setValue</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueNumber">setValueNumber</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueString">setValueString</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/valueExists">valueExists</a></dd> - </dl> - </dd> -</dl> - -<dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/WinRegValue">Constructeur WinRegValue</a></dd> -</dl> - -<h3 id="Autres_informations" name="Autres_informations">Autres informations</h3> - -<h4 id="Codes_retourn.C3.A9s" name="Codes_retourn.C3.A9s">Codes retournés</h4> - -<dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Voir la liste complète</a></dd> -</dl> - -<h4 id="Exemples" name="Exemples">Exemples</h4> - -<dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/Scripts_de_d%c3%a9clenchement_et_scripts_d'installation">Scripts de déclenchement et scripts d'installation</a></dd> -</dl> - -<h5 id="Extraits_de_code" name="Extraits_de_code">Extraits de code</h5> - -<dl> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/File.macAlias">File.macAlias</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/File.windowsShortcut">File.windowsShortcut</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/Install.addDirectory">Install.addDirectory</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/Install.addFile">Install.addFile</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/InstallTrigger.installChrome">InstallTrigger.installChrome</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/InstallTrigger.startSoftwareUpdate">InstallTrigger.startSoftwareUpdate</a></dd> - <dd><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/Windows_Install">Windows Install</a></dd> -</dl> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/index.html deleted file mode 100644 index fdfa76bd31..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: Objet File -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object ---- -<p> </p> -<h2 id="File" name="File">File</h2> -<p>L'objet <code>File</code> s'utilise pour manipuler des fichiers et des répertoires locaux lors d'un processus d'installation.</p> -<h3 id="Pr.C3.A9sentation" name="Pr.C3.A9sentation">Présentation</h3> -<p>L'objet <code>File</code> a des méthodes servant à l'analyse du système de fichiers et à sa préparation (dans le cas de création de répertoires, de raccourcis, de comparaison de versions ou de suppression de fichiers) pour les logiciels nouvellement installés. L'objet <code>File</code> fonctionne en conjonction avec l'objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/copy/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/copy/index.html deleted file mode 100644 index 18343a62aa..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/copy/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: copy -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/copy -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/copy ---- -<p> </p> -<h3 id="copy" name="copy">copy</h3> -<p>Fait une copie mise en file d'attente du fichier spécifié.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int copy( FileSpecObject source, FileSpecObject dest ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>copy</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>source</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le fichier à copier.</dd> - <dt> - <code>dest</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant la destination.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La destination peut être un nom de répertoire ou un nom de fichier. Si la destination n'existe pas, un nouveau fichier sera créé.</p> -<p><span class="comment">Inerwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/copy" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dircreate/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dircreate/index.html deleted file mode 100644 index 84f235f369..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dircreate/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: dirCreate -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/dirCreate -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/dirCreate ---- -<p> </p> -<h3 id="dirCreate" name="dirCreate">dirCreate</h3> -<p>Crée un nouveau répertoire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int dirCreate( FileSpecObject dirToCreate ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>dirCreate</code> a le paramètre suivant:</p> -<dl> - <dt> - <code>dirToCreate</code></dt> - <dd> - Un - <i> - FileSpecObject</i> - représentant le chemin du répertoire à créer.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Le paramètre d'entrée est un FileSpecObject précédemment créé avec la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></code> de l'objet <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></code>. L'exemple suivant montre l'utilisation de la méthode <code>dirCreate</code>. On remarque que la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></code> ne nécessite pas que le dossier ou répertoire spécifié existe pour que la référence objet soit valide.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">f = getFolder("Program", "myNewDirectory"); -err = File.dirCreate(f); -</pre> -<p><br> - <span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/dirCreate" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirgetparent/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirgetparent/index.html deleted file mode 100644 index eadcae9762..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirgetparent/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: dirGetParent -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/dirGetParent -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/dirGetParent ---- -<p> </p> -<h3 id="dirGetParent" name="dirGetParent">dirGetParent</h3> -<p>Retourne un objet représentant le répertoire parent du répertoire ou du fichier courant.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">FileSpecObject dirGetParent( FileSpecObject fichierOuRépertoire ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>dirGetParent</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>fichierOuRépertoire</code></dt> - <dd> - Un - <i> - FileSpecObject</i> - représentant le chemin du fichier ou du répertoire dont il faut retourner le parent.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un FileSpecObject si réussite ; <code>null</code> dans le cas contraire.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">f = getFolder("Program", "myNewDirectory"); -err = File.dirCreate(f); -err = File.getParent(f) // retourne "Program" -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/dirGetParent" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirremove/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirremove/index.html deleted file mode 100644 index d6030a3719..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirremove/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: dirRemove -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/dirRemove -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/dirRemove ---- -<p> </p> -<h3 id="dirRemove" name="dirRemove">dirRemove</h3> -<p>Supprime un répertoire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int dirRemove( FileSpecObject dirToRemove [, booléen recursive] ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>dirRemove</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>dirToRemove</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le répertoire à supprimer.</dd> - <dt> - <code>recursive</code></dt> - <dd> - Une valeur booléenne optionnelle indiquant si l'opération de suppression doit être exécutée récursivement (1) ou non (0).</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/dirRemove" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirrename/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirrename/index.html deleted file mode 100644 index c86cd38cb4..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/dirrename/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: dirRename -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/dirRename -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/dirRename ---- -<p> </p> -<h3 id="dirRename" name="dirRename">dirRename</h3> -<p>Renomme un répertoire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int dirRename( FileSpecObject répertoire, Chaîne nouveauNom ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>dirRename</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>répertoire</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le répertoire à renommer.</dd> - <dt> - <code>nouveauNom</code></dt> - <dd> - Le nouveau nom terminal (ou nœud terminal) du répertoire.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/dirRename" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/diskspaceavailable/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/diskspaceavailable/index.html deleted file mode 100644 index 62847a38d4..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/diskspaceavailable/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: diskSpaceAvailable -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/diskSpaceAvailable -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/diskSpaceAvailable ---- -<p> </p> -<h3 id="diskSpaceAvailable" name="diskSpaceAvailable">diskSpaceAvailable</h3> -<p>Retourne la taille de l'espace disque disponible, en octets, sur le disque local.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">double diskSpaceAvailable ( String NativeFolderPath ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>diskSpaceAvailable</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>NativeFolderPath</code></dt> - <dd> - Une chaîne représentant le chemin de la partition, un fichier ou un répertoire sur la partition, dont on veut connaître l'espace disponible.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre à double précision représentant la taille de l'espace disponible, en octets, du disque vérifié.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Cette méthode est utilisée pour s'assurer qu'il y a assez d'espace disque pour l'extraction et l'installation des fichiers (voir l'exemple ci-dessous).</p> -<p>On peut utiliser une chaîne représentant n'importe quel fichier sur le disque à vérifier et XPInstall résoudra de lui-même la référence à la partition.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">var diskAmtNeeded = 10000; -f = getFolder("Program"); -diskSpace = File.diskSpaceAvailable(f); -g = getFolder(f, "myfile.txt"); -if (diskSpace > diskAmtNeeded) -{ - err = addFile(..., ... g, ...); - if (err == 0) - performInstall(); - else - cancelInstall(); -} -else -{ - alert("Espace disque insuffisant. Aucune installation); - cancelInstall(); -} -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/diskSpaceAvailable" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/execute/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/execute/index.html deleted file mode 100644 index fb929d6424..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/execute/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: execute -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/execute -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/execute ---- -<p> </p> -<h3 id="execute" name="execute">execute</h3> -<p>Met en attente l'exécution d'un fichier local.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int execute ( FileSpecObject executableFile, [Chaîne aParameters] ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>execute</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>executableFile</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le fichier local, déjà présent sur le disque, à exécuter. Les noms de fichier sont sensibles à la casse.</dd> - <dt> - <code>aParameters</code></dt> - <dd> - Une chaîne optionnelle passée à l'exécutable (ignoré sous Mac OS).</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Le fichier spécifié ne sera pas exécuté jusqu'à l'appel de la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a>. Pour plus d'informations sur la mise en attente des commandes pendant le processus d'installation, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">f = getFolder("Program", "myTextEditor.exe"); -err = File.execute(f, "myfile.txt"); -// indique que 'myfile.txt' sera -// ouvert dans l'éditeur -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/execute" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/exists/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/exists/index.html deleted file mode 100644 index 35fb3b658f..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/exists/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: exists -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/exists -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/exists ---- -<p> </p> -<h3 id="exists" name="exists">exists</h3> -<p>Retourne un valeur indiquant si le fichier ou le répertoire spécifié existe.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean exists( FileSpecObject cible ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>exists</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>cible</code></dt> - <dd> - Un - <i> - FileSpecObject</i> - représentant le fichier ou le répertoire dont on veut tester l'existence.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Une valeur booléenne indiquant si le fichier ou le répertoire existe ou pas.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">f = getFolder( "Program", "sample.txt" ); -if ( File.exists(f) ) // fait quelque chose avec le fichier -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/exists" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/index.html deleted file mode 100644 index 7476871a02..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: Méthodes -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods ---- -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h3> -<dl> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirCreate">dirCreate</a></dt> - <dd> - Crée un nouveau répertoire.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirGetParent">dirGetParent</a></dt> - <dd> - Retourne un objet représentant le répertoire parent.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirRemove">dirRemove</a></dt> - <dd> - Supprime un répertoire.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/dirRename">dirRename</a></dt> - <dd> - Renomme le répertoire spécifié.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/copy">copy</a></dt> - <dd> - Copie le fichier spécifié.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/diskSpaceAvailable">diskSpaceAvailable</a></dt> - <dd> - Retourne l'espace disque disponible en octets.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/exists">exists</a></dt> - <dd> - Retourne une valeur booléenne indiquant l'existence ou non du fichier spécifié.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/execute">execute</a></dt> - <dd> - Met un fichier en file d'attente pour son exécution lors du processus d'installation.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/isFile">isFile</a></dt> - <dd> - Retourne une valeur booléenne indiquant si un objet est un fichier.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/modDate">modDate</a></dt> - <dd> - Retourne un nombre représentant la dernière date de modification du fichier spécifié.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/modDateChanged">modDateChanged</a></dt> - <dd> - Spécifie si la dernière modification d'un fichier est antérieure à la date spécifiée.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/move">move</a></dt> - <dd> - Déplace un fichier d'un répertoire vers un autre.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/remove">remove</a></dt> - <dd> - Supprime un fichier.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/rename">rename</a></dt> - <dd> - Renomme un fichier.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/size">size</a></dt> - <dd> - Retourne la taille du fichier en octets.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsShortcut">windowsShortcut</a></dt> - <dd> - Crée un raccourci Windows pour un fichier.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/macAlias">macAlias</a></dt> - <dd> - Crée un alias Macintosh pour un fichier.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsGetShortName">windowsGetShortName</a></dt> - <dd> - Retourne le nom Windows du chemin.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/windowsRegisterServer">windowsRegisterServer</a></dt> - <dd> - Enregistre les DLL dans le registre.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/isdirectory/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/isdirectory/index.html deleted file mode 100644 index ad2c6f5d29..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/isdirectory/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: isDirectory -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/isDirectory -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/isDirectory ---- -<p> </p> -<h3 id="isDirectory" name="isDirectory">isDirectory</h3> -<p>Retourne une valeur booléenne indiquant si l'objet <code>FileSpecObject</code> spécifié est un répertoire ou non.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean isDirectory ( FileSpecObject NativeFolderPath ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>isDirectory</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>NativeFolderPath</code></dt> - <dd> - Un objet <code>FileSpecObject</code> représentant le répertoire questionné.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Une valeur booléenne indiquant si l'objet <code>FileSpecObject</code> spécifié est un répertoire ou non.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/isDirectory" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/isfile/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/isfile/index.html deleted file mode 100644 index 19aca8da63..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/isfile/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: isFile -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/isFile -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/isFile ---- -<p> </p> -<h3 id="isFile" name="isFile">isFile</h3> -<p>Retourne une valeur booléenne indiquant si le <code>FileSpecObject</code> donné est un fichier ou non.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean isFile (FileSpecObject NativeFolderPath); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>isFile</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>NativeFolderPath</code></dt> - <dd> - Un FileSpecObject représentant l'objet fichier demandé.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Une valeur booléenne indiquant si <code>FileSpecObject</code> est un fichier ou pas.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">f = getFolder( "Program", "sample.txt" ); -if ( File.isFile(f) ) // the object represents a file -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/isFile" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/macalias/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/macalias/index.html deleted file mode 100644 index 1011ebfbe9..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/macalias/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: macAlias -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/macAlias -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/macAlias ---- -<p> </p> -<h3 id="macAlias" name="macAlias">macAlias</h3> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int macAlias( - FileSpecObject destDir, - Chaîne fileName, - FileSpecObject aliasDir, - Chaîne aliasName ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>macAlias</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>destDir</code></dt> - <dd> - Un FileSpecObject représentant le répertoire dans lequel le fichier programme sera installé.</dd> - <dt> - <code>fileName</code></dt> - <dd> - Une chaîne représentant le nom du fichier à installer.</dd> - <dt> - <code>aliasDir</code></dt> - <dd> - Un FileSpecObject représentant le répertoire dans lequel le fichier alias sera installé (par exemple, - <i> - Mac Desktop</i> - ).</dd> - <dt> - <code>aliasName</code></dt> - <dd> - Une chaîne représentant le nom de l'alias lui-même.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/File.macAlias">File.macAlias</a> dans les exemples de scripts.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/macAlias" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/moddate/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/moddate/index.html deleted file mode 100644 index c333050427..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/moddate/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -title: modDate -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/modDate -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/modDate ---- -<p> </p> -<h3 id="modDate" name="modDate">modDate</h3> -<p>Retourne la dernière date de modification du fichier ou du répertoire spécifié.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">double modDate ( FileSpecObject NativeFolderPath ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>modDate</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>NativeFolderPath</code></dt> - <dd> - Un FileSpecObject représentant le fichier demandé.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre à double précision représentant la date de dernière modification du fichier.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">f = getFolder("Program"); -fileSource = getFolder(f, "myfile.txt"); -err = File.modDate(fileSource); -</pre> -<p>Voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/modDateChanged">modDateChanged</a> pour un exemple de comparaison des dates de deux fichiers.</p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/modDate" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/moddatechanged/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/moddatechanged/index.html deleted file mode 100644 index 87bc66f2ba..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/moddatechanged/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: modDateChanged -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/modDateChanged -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/modDateChanged ---- -<p> </p> -<h3 id="modDateChanged" name="modDateChanged">modDateChanged</h3> -<p>Retourne si le fichier a été modifié depuis une certaine date.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean modDateChanged (FileSpecObject aSourceFolder, Number anOldDate); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>modDateChanged</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>aSourceFolder</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le fichier à interroger.</dd> - <dt> - <code>anOldDate</code></dt> - <dd> - Un nombre à double précision représentant la date.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Une valeur booléenne indiquant si le fichier a été modifié ou non depuis la date spécifiée.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Le plus souvent, la date passée comme second paramètre de la méthode <code>modDateChanged</code> est la valeur retournée par une méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File/M%c3%a9thodes/modDate">modDate</a> appliquée à un fichier séparé, comme dans l'exemple ci-dessous, dans lequel on compare les dates de modification des deux fichiers.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">fileSource1 = getFolder("Program", "file1.txt"); -fileSource2 = getFolder("Program", "file2.txt"); -err1 = File.modDate(fileSource1); // retourne la valeur de base - -err2 = File.modDateChanged(fileSource1, err1); -logComment("File.modDateChanged doit retourner 'false' = " + err2); -// La raison pour laquelle False est attendu, est que -// nous comparons la valeur de date retournée pour -// file1.txt avec le fichier réel file1.txt lui-même. -// Ainsi, il n'y a pas de changement de la valeur de date (time stamp) - -err3 = File.modDateChanged(fileSource2, err1); -logComment("File.modDateChanged doit retourner 'true' = " + err2); -// La raison pour laquelle True est attendu, est que -// nous comparons la valeur de date retournée pour -// file1.txt avec un autre fichier, file2.txt, avec -// une valeur de date différente. -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/modDateChanged" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/move/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/move/index.html deleted file mode 100644 index 901530fde2..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/move/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: move -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/move -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/move ---- -<p> </p> -<h3 id="move" name="move">move</h3> -<p>Déplace un fichier d'un emplacement vers un autre.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int move( FileSpecObject source, FileSpecObject dest ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>move</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>source</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le fichier source.</dd> - <dt> - <code>dest</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le répertoire de destination.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Il faut créer un objet - <i> - FileSpecObject</i> - pour le répertoire de destination à passer à cette fonction. Si la destination n'existe pas, on suppose qu'elle correspond à un nom de fichier.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">source = getFolder("Program", "file.txt"); -dest = getFolder("Chrome"); -err = File.move(source, dest); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/move" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/remove/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/remove/index.html deleted file mode 100644 index 0838d0a68d..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/remove/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: remove -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/remove -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/remove ---- -<p> </p> -<h3 id="remove" name="remove">remove</h3> -<p>Efface un fichier spécifié.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int remove( FileSpecObject file ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>remove</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>file</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le fichier à effacer.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/remove" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/rename/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/rename/index.html deleted file mode 100644 index f4c9147a62..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/rename/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: rename -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/rename -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/rename ---- -<p> </p> -<h3 id="rename" name="rename">rename</h3> -<p>Renomme le fichier spécifié.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int rename( FileSpecObject fichier, Chaîne nouveauNom ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>rename</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>fichier</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le fichier à renommer.</dd> - <dt> - <code>nouveauNom</code></dt> - <dd> - Le nouveau nom terminal (ou nœud terminal) du fichier.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/rename" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/size/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/size/index.html deleted file mode 100644 index 752f615dc5..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/size/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: size -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/size -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/size ---- -<p> </p> -<h3 id="size" name="size">size</h3> -<p>Retourne la taille en octets du fichier spécifié.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int size (Chaîne NativeFolderPath); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>size</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>NativeFolderPath</code></dt> - <dd> - Le chemin complet vers le fichier.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre représentant la taille, en octets, du fichier spécifié.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/size" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsgetshortname/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsgetshortname/index.html deleted file mode 100644 index c81608787b..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsgetshortname/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: windowsGetShortName -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/windowsGetShortName -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/windowsGetShortName ---- -<p> </p> -<h3 id="windowsGetShortName" name="windowsGetShortName">windowsGetShortName</h3> -<p>Retourne un chemin conforme à la convention de nommage des fichiers de Windows, version 8.3.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">string windowsGetShortName( Object localDirSpec ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>windowsRegisterServer</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>localDirSpec</code></dt> - <dd> - Un <code>FileSpecObject</code> représentant un répertoire obtenu par les méthodes <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getComponentFolder">getComponentFolder</a> ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a>.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Une chaîne avec le nom raccourci windows. Si le chemin est déjà conforme à la convention de nommage 8.3, la valeur retournée est <code>NULL</code>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">fLongFilePath = getFolder(fProgram, "LongFileName.File"); -sShortFilePath = File.windowsGetShortName(fLongFilePath); -if(sShortFilePath) -{ - // fait quelque chose -} -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/windowsGetShortName" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsregisterserver/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsregisterserver/index.html deleted file mode 100644 index 1dc5de1345..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsregisterserver/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: windowsRegisterServer -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/windowsRegisterServer -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/windowsRegisterServer ---- -<p> </p> -<h3 id="windowsRegisterServer" name="windowsRegisterServer">windowsRegisterServer</h3> -<p><code>windowsRegisterServer</code> enregistre, dans la base de registre Windows, les <tt>dll</tt> installées.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int windowsRegisterServer( Objet localDirSpec ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>windowsRegisterServer</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>localDirSpec</code></dt> - <dd> - Un <code>FileSpecObject</code> représentant un répertoire obtenu par les méthodes <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getComponentFolder">getComponentFolder</a> ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a>.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">fileCdTool = getFolder("<a class="external" rel="freelink">file:///</a>", fAoD + "cdTool.dll"); -err = File.windowsRegisterServer(fileCdTool); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/windowsRegisterServer" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsshortcut/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsshortcut/index.html deleted file mode 100644 index 1d96217e38..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_file/méthodes/windowsshortcut/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: windowsShortcut -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_File/Méthodes/windowsShortcut -translation_of: Archive/Mozilla/XPInstall/Reference/File_Object/Methods/windowsShortcut ---- -<p> </p> -<h3 id="windowsShortcut" name="windowsShortcut">windowsShortcut</h3> -<p>Crée un raccourci Windows vers le logiciel installé.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int WindowsShortcut( - FolderObject aTarget, - FolderObject aShortcutPath, - String aDescription, - FolderObject aWorkingPath, - String aParams, - FolderObject aIcon, - Number aIconId); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>windowsShortcut</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>aTarget</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le chemin absolu (nom de fichier inclus) vers le fichier pour lequel on veut créer un raccourci.</dd> - <dt> - <code>aShortcutPath</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le chemin absolu (nom de fichier exclu) vers l'emplacement où le raccourci sera créé.</dd> - <dt> - <code>aDescription</code></dt> - <dd> - Chaîne de description du raccourci à utiliser comme nom de raccourci, avec l'extension <tt>.lnk</tt> (ne pas mettre l'extension dans la chaîne).</dd> - <dt> - <code>aWorkingPath</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le chemin absolu vers le répertoire de travail depuis lequel <code>aTarget</code> sera exécuté.</dd> - <dt> - <code>aParams</code></dt> - <dd> - Paramètres requis par aTarget.</dd> - <dt> - <code>aIcon</code></dt> - <dd> - Un objet - <i> - FileSpecObject</i> - représentant le chemin absolu (nom de fichier inclus) vers un fichier contenant l'icône. Le format de fichier peut être <tt>.ico</tt>, <tt>.dll</tt>, <tt>.exe</tt> ou tout autre fichier binaire contenant des icônes.</dd> - <dt> - <code>aIconId</code></dt> - <dd> - Index de l'icône depuis aIcon à utiliser pour ce raccourci.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Exemples/File.windowsShortcut">File.windowsShortcut</a> dans les exemples de scripts.</p> -<p><span class="comment">Interwiki Langages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/File_Object/Methods/windowsShortcut" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/index.html deleted file mode 100644 index c2ef84f7a1..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: Objet Install -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object ---- -<p> </p> - -<h2 id="Install" name="Install">Install</h2> - -<p>Utilisez l'objet <code>Install</code> pour gérer le téléchargement et l'installation d'un logiciel à partir du gestionnaire d'installations XPI.</p> - -<h3 id="Pr.C3.A9sentation" name="Pr.C3.A9sentation">Présentation</h3> - -<p>L'objet <code>Install</code> est principalement utilisé dans les scripts d'installation. Dans tous les cas, l'objet <code>Install</code> est implicite, comme l'objet <code>window</code> dans les scripts de pages Web, et n'a pas besoin d'être mis en préfixe des méthodes de l'objet. Les deux lignes suivantes, par exemple, sont équivalentes :</p> - -<pre class="eval">f = getFolder("Program"); -f = Install.getFolder("Program"); -</pre> - -<p>Un script d'installation est composé d'appels à l'objet <code>Install</code> et possède généralement la structure suivante :</p> - -<dl> - <dt>Initialisation de l'installation</dt> - <dd>Appelle initInstall avec le nom de l'installation et les informations nécessaires d'enregistrement et de version.</dd> - <dt>Ajout des fichiers pour l'installation</dt> - <dd>Ajoute les fichiers à installer en appelant getFolder pour obtenir les objets <code>fichier</code> et passe ces références objet à addFile autant de fois que nécessaire.</dd> - <dt>Exécution de l'installation</dt> - <dd>Vérifie que les fichiers ont été ajoutés avec succès (c'est-à-dire, en vérifiant les <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">codes d'erreur retournés</a> depuis les principales méthodes de l'installation), et poursuit l'installation si tout est correct :</dd> -</dl> - -<pre class="eval">performOrCancel(); -function performOrCancel() -{ - if (0 == getLastError()) - performInstall(); - else - cancelInstall(); -} -</pre> - -<p>Pour des exemples de scripts complets, voir des <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall#Exemples">exemples de scripts</a>.</p> - -<p><span class="comment">Interwiki Languages Links</span></p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/adddirectory/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/adddirectory/index.html deleted file mode 100644 index 00aebd4753..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/adddirectory/index.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: addDirectory -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/addDirectory -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/addDirectory ---- -<p> </p> -<h3 id="addDirectory" name="addDirectory">addDirectory</h3> -<p>Extrait un répertoire entier dans un emplacement temporaire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">public int addDirectory ( - Chaîne xpiSourcePath); - -public int addDirectory ( - Chaîne registryName, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); - -public int addDirectory ( - Chaîne registryName, - Chaîne version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); - -public int addDirectory ( - Chaîne registryName, - Chaîne version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath, - Booléen forceUpdate); - -public int addDirectory ( - Chaîne registryName, - InstallVersion version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath, - Booléen forceUpdate); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>addDirectory</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>registryName</code></dt> - <dd> - Le chemin, dans la - <i> - Client Version Registry</i> - , du répertoire racine dans lequel les fichiers seront installés. Ce paramètre peut être un chemin absolu (commençant par un /), tel que <code>/royalairways/RoyalSW/executable</code> ou un chemin relatif (ne commençant pas par un /), tel que <code>executable</code>. Un chemin absolu est utilisé comme spécifié. Un chemin relatif est ajouté au nom d'enregistrement du paquetage comme spécifié par la paramètre <code>package</code> de la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a>. Ce paramètre peut également être vide, dans ce cas le paramètre <code>xpiSourcePath</code> est utilisé comme un chemin relatif. Remarquez que le chemin de registre n'est pas l'emplacement du logiciel sur l'ordinateur, il s'agit de l'emplacement des informations concernant le logiciel dans la - <i> - Client Version Registry</i> - .</dd> - <dt> - <code>version</code></dt> - <dd> - Un objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a> ou une <code>Chaîne</code> de 1 à 4 valeurs entières délimitées par des points, telle que <code>1.17.1999.1517</code>. Pour les variantes de cette méthode, sans argument de version, la valeur de <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a> sera utilisée.</dd> - <dt> - <code>xpiSourcePath</code></dt> - <dd> - Une chaîne spécifiant l'emplacement du répertoire dans l'archive <tt>xpi</tt>. Une chaîne vide ("") entraîne la création d'un sous-répertoire dans le registre sans extraire aucun fichier, ce qui peut être utile lors de la mise à jour d'un paquetage contenant des sous-composants, qui peuvent être mis à jour séparément. Lorsque <code>xpiSourcePath</code> est une chaîne vide, <code>registryName</code> ne peut pas être nul.</dd> - <dt> - <code>localDirSpec</code></dt> - <dd> - Un objet représentant un répertoire. Le fichier est installé dans ce répertoire sur la machine de l'utilisateur. Vous pouvez créer cet objet en passant une chaîne représentant le répertoire à la méthode <code>getFolder</code>.</dd> - <dt> - <code>subdir</code></dt> - <dd> - Le nom d'un répertoire à ajouter à <code>localDirSpec</code>, en utilisant '/' comme séparateur de chemin sans considération des conventions d'écriture de la plate-forme. Si <code>subdir</code> est absent, <code>null</code> ou <code>""</code>, les noms de fichiers sont ajoutés directement au nom du répertoire spécifié par <code>localDirSpec</code>.</dd> - <dt> - <code>flags</code></dt> - <dd> - Un champ optionnel, réservé pour un usage futur. Passe 0 comme valeur par défaut.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un code d'erreur entier. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>. Dans certains cas, <code>addDirectory</code> peut retourner d'autres erreurs.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>addDirectory</code> met les fichiers du répertoire spécifié dans un emplacement temporaire. Pour déplacer les fichiers et tous les autres sous-composants vers leurs emplacements finaux, appelez la méthode <code>performInstall</code> après avoir ajouté avec succès tous les sous-composants. Voir également les notes à propos des binaires Macintosh dans <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/addDirectory" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/addfile/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/addfile/index.html deleted file mode 100644 index daf8850363..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/addfile/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: addFile -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/addFile -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/addFile ---- -<p> </p> -<h3 id="addFile" name="addFile">addFile</h3> -<p>Extrait un sous-composant unique dans un répertoire temporaire. Met en file d'attente le sous-composant pour son ajout dans la - <i> - Client Version Registry</i> - et son installation dans le répertoire final.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">public int addFile ( - Chaîne registryName, - InstallVersion version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath, - Booléen forceUpdate); - -public int addFile ( - Chaîne registryName, - Chaîne version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath, - Booléen forceUpdate); - -public int addFile ( - Chaîne xpiSourcePath); - -public int addFile ( - Chaîne registryName, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); - -public int addFile ( - Chaîne registryName, - Chaîne version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>addFile</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>registryName</code></dt> - <dd> - Le chemin dans la - <i> - Client Version Registry</i> - concernant le fichier. Ce paramètre peut être un chemin absolu (commençant par /), tel que <code>/royalairways/RoyalSW/executable</code> ou un chemin relatif (ne commençant pas par /), tel que <code>executable</code>. Généralement, les chemins absolus ne sont utilisés que pour composants partagés, ou les composants provenant d'autres éditeurs, tel que <code>/Microsoft/shared/msvcrt40.dll</code>. Généralement, les chemins relatifs le sont par rapport au chemin principal spécifié dans la méthode <code>initInstall</code>. Ce paramètre peut également être vide, dans ce cas le paramètre <code>xpiSourcePath</code> est utilisé comme un chemin relatif. Remarquez que le chemin de registre n'est pas l'emplacement du logiciel sur l'ordinateur, il s'agit de l'emplacement des informations concernant le logiciel dans la - <i> - Client Version Registry</i> - .</dd> - <dt> - <code>version</code></dt> - <dd> - Un objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a> ou une <code>Chaîne</code> de 1 à 4 valeurs entières délimitées par des points, telle que <code>1.17.1999.1517</code>. Pour les variantes de cette méthode sans argument de version, la valeur de <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a> sera utilisée.</dd> - <dt> - <code>xpiSourcePath</code></dt> - <dd> - Une chaîne spécifiant l'emplacement du fichier dans l'archive <tt>xpi</tt>.</dd> - <dt> - <code>localDirSpec</code></dt> - <dd> - Un objet représentant un répertoire. Le fichier est installé dans ce répertoire sur la machine de l'utilisateur. Vous pouvez créer cet objet en passant une chaîne représentant le répertoire à la méthode <code>getFolder</code>.</dd> - <dt> - <code>relativeLocalPath</code></dt> - <dd> - Un chemin relatif au paramètre <code>localDirSpec</code>. Le fichier est installé dans ce répertoire sur la machine de l'utilisateur. Vous devez toujours utiliser des barres obliques (/) dans ce chemin, sans considération pour les conventions d'écritures du système d'exploitation. Si ce paramètre n'est pas renseigné ou <code>NULL</code>, <code>xpiSourcePath</code> est utilisé.</dd> - <dt> - <code>flags</code></dt> - <dd> - Un champ optionnel, réservé pour un usage futur. Passe 0 comme valeur par défaut.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un code d'erreur entier. Pour la liste des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>addFile</code> met le fichier dans un répertoire temporaire. Pour le déplacer, ainsi que tous les autres fichiers, vers son emplacement final, appelez la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a> après avoir ajouté avec succès tous les fichiers.</p> -<div class="note"> - Note : Si vous installez des fichiers binaires sur un Macintosh, soyez attentif à ce que le format binaire de ces fichiers doit être <code>AppleSingle</code> pour que les informations de ressources soient installées proprement. Certains logiciels de transfert de fichiers convertissent les binaires Apple dans ce format si vous les transférez d'un Macintosh vers une machine Unix/Windows avant de compresser ces fichiers sur la machine de destination.</div> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">var xpiSrc = "file.txt"; -initInstall("Ajout d'un fichier", - "addFile", - "1.0.1.7", - 1); -f = getFolder("Program"); -setPackageFolder(f); -addFile(xpiSrc); -if (0 == getLastError()) - performInstall(); -else - cancelInstall();</pre> -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/addFile" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/alert/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/alert/index.html deleted file mode 100644 index dbc61fd1c0..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/alert/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: alert -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/alert -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/alert ---- -<p> </p> -<h3 id="alert" name="alert">alert</h3> -<p>La fonction <code>alert</code> affiche une boîte de dialogue modale avec un message représentant l'entrée.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="/fr/Référence_de_l'API_XPInstall/Objet_Install" title="fr/Référence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">void alert ( chaîne de message ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Bien qu'il soit plus courant d'entrer une chaîne pour afficher une boîte d'alerte, l'unique paramètre d'entrée de <code>alert()</code> peut être une valeur de n'importe quel type de données. Vous pouvez, par exemple, entrer une référence à un objet et voir cet objet affiché comme une chaîne dans la boîte d'alerte.</p> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Rien.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/alert" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/cancelinstall/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/cancelinstall/index.html deleted file mode 100644 index 26b6e38789..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/cancelinstall/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: cancelInstall -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/cancelInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/cancelInstall ---- -<p> </p> -<h3 id="cancelInstall" name="cancelInstall">cancelInstall</h3> -<p>Annule l'installation d'un logiciel, exécute un nettoyage des fichiers temporaires.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">void cancelInstall() -void cancelInstall( int errorCode ) -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Aucun.</p> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. L'argument optionnel est un code d'erreur qui peut être retourné à la page de déclenchement. Pour la plupart des cas, il est recommandé d'utiliser l'un des codes standards. Mais un script peut, en fait, retourner tout entier valide. Pour une liste des valeurs possibles, et les <code>errorCode</code> personnalisés créés par l'auteur du script d'installation, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Utilisez le code suivant pour annuler ou pour finaliser une installation, basé sur une variable que vous aurez définie précédemment dans votre code :</p> -<pre class="eval">initInstall("Royal Airways TripPlanner","/RoyalAirways/ -TripPlanner","1.0.0.0"); -... -err = getLastError(); -if (!err) - performInstall(); -else - cancelInstall(err); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/cancelInstall" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/confirm/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/confirm/index.html deleted file mode 100644 index 5f34e55971..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/confirm/index.html +++ /dev/null @@ -1,212 +0,0 @@ ---- -title: confirm -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/confirm -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/confirm ---- -<p> </p> -<h3 id="confirm" name="confirm">confirm</h3> -<p>Affiche une boîte de dialogue modale de confirmation.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int confirm( Chaîne aText ); -</pre> -<pre class="eval">int confirm( Chaîne aText, - Chaîne aDialogTitle, - Nombre aButtonFlags, - Chaîne aButton0Title, - Chaîne aButton1Title, - Chaîne aButton2Title, - Chaîne aCheckMsg, - Objet aCheckState ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Pour la seconde syntaxe, la méthode étendue <code>confirm()</code> est supportée depuis Gecko 1.8. Elle accepte jusqu'à 8 paramètres. Dans les versions précédentes de Gecko seule la première syntaxe était supportée, méthode à un paramètre, qui retournera une erreur pour la forme étendue. Voir les notes à la fin de ce document pour une manière sûre d'implémenter une procédure de secours.</p> -<dl> - <dt> - <code>aText</code></dt> - <dd> - La chaîne à afficher dans la boîte de confirmation. Cette chaîne est généralement sous la forme d'un message pour l'utilisateur (par exemple : « Êtes-vous sûr de vouloir effacer le(s) fichier(s) sélectionné(s) ? »).</dd> -</dl> -<dl> - <dt> - <code>aDialogTitle</code></dt> - <dd> - La chaîne à utiliser comme titre de la boîte de dialogue. La valeur par défaut est - <i> - Confirm</i> - (ou son équivalent localisé).</dd> -</dl> -<dl> - <dt> - <code>aButtonFlags</code></dt> - <dd> - Un ensemble de - <i> - flags</i> - définissant les boutons devant s'afficher dans la boîte de dialogue. La valeur est calculée en multipliant la position correspondante du bouton avec une constante de titre de bouton pour chaque bouton, puis en ajoutant les résultats et toutes autres options (voir <b>Autre constantes</b>).</dd> -</dl> -<dl> - <dd> - <b>Constantes de position des boutons</b> - <ul> - <li>BUTTON_POS_0: Le premier bouton logique</li> - <li>BUTTON_POS_1: Le deuxième bouton logique</li> - <li>BUTTON_POS_2: Le troisième bouton logique</li> - </ul> - </dd> -</dl> -<dl> - <dd> - <b>Constantes des titres des boutons</b> - <ul> - <li>BUTTON_TITLE_OK: Un bouton - <i> - OK</i> - </li> - <li>BUTTON_TITLE_CANCEL: Un bouton - <i> - Annuler</i> - </li> - <li>BUTTON_TITLE_YES: Un bouton - <i> - Oui</i> - </li> - <li>BUTTON_TITLE_NO: Un bouton - <i> - Non</i> - </li> - <li>BUTTON_TITLE_SAVE: Un bouton - <i> - Enregistrer</i> - </li> - <li>BUTTON_TITLE_DONT_SAVE: Un bouton - <i> - Ne pas enregistrer</i> - </li> - <li>BUTTON_TITLE_REVERT: Un bouton - <i> - Précédent</i> - </li> - <li>BUTTON_TITLE_IS_STRING: Titre personnalisé spécifié par le paramètre correspondant <code>aButtonXTitle</code></li> - </ul> - </dd> -</dl> -<dl> - <dd> - <b>Autres constantes</b> - <ul> - <li>BUTTON_POS_0_DEFAULT: Définit le bouton 0 comme bouton par défaut. Sauf indication contraire, c'est la valeur par défaut.</li> - <li>BUTTON_POS_1_DEFAULT: Définit le bouton 1 comme bouton par défaut.</li> - <li>BUTTON_POS_2_DEFAULT: Définit le bouton 2 comme bouton par défaut.</li> - <li>BUTTON_DELAY_ENABLE: Spécifie que les boutons ne doivent être actifs que passé un certain délai. Ceci ne s'applique qu'aux bouton 0 et 2, mais pas au bouton 1 (le bouton - <i> - Annuler</i> - ).</li> - <li>STD_OK_CANCEL_BUTTONS: Utilisez cela plutôt que les constantes ci-dessus pour avoir les boutons standard - <i> - OK</i> - et - <i> - Annuler</i> - . Si vous n'utilisez pas <code>aButtonFlags</code>, c'est l'argument par défaut.</li> - <li>STD_YES_NO_BUTTONS: Utilisez cela plutôt que les constantes ci-dessus pour avoir les boutons standard - <i> - Oui</i> - et - <i> - Non</i> - .</li> - </ul> - </dd> -</dl> -<dl> - <dd> - <b>Avertissement :</b> Ne faites aucune hypothèse quant au placement des boutons, l'implémentation de base peut librement décider de la place de chacun des trois boutons. Les exemples suivants montrent le résultat de l'appel de la fonction <code>confirm()</code> avec trois boutons 0='A', 1='B' et 2='C'. - <dl> - <dd> - <img align="none" alt="Firefox sous Linux"></dd> - <dd> - <img align="none" alt="Suite Mozilla sous Win32"></dd> - </dl> - </dd> - <dd> - Il est donc recommandé de n'utiliser que deux boutons dans la mesure du possible, et de garder à l'esprit que le bouton 1 à la même valeur de retour que « fenêtre fermée » (voir ci-dessous).</dd> -</dl> -<dl> - <dt> - <code>aButton0Title</code></dt> - <dd> - Titre personnalisé pour le bouton 0.</dd> -</dl> -<dl> - <dt> - <code>aButton1Title</code></dt> - <dd> - Titre personnalisé pour le bouton 1.</dd> -</dl> -<dl> - <dt> - <code>aButton2Title</code></dt> - <dd> - Titre personnalisé pour le bouton 2.</dd> -</dl> -<dl> - <dt> - <code>aCheckMsg</code></dt> - <dd> - Une chaîne à afficher comme étiquette d'une case à cocher.</dd> -</dl> -<dl> - <dt> - <code>aCheckState</code></dt> - <dd> - Un objet avec une propriété - <i> - valeur</i> - booléenne représentant l'état de la case à cocher : lorsque la boîte de dialogue s'affiche, sa case à cocher sera cochée lorsque la valeur de cet objet est <code>true</code>. Après la sélection d'un bouton (ou la fermeture de la fenêtre) par l'utilisateur, la propriété est mise à jour selon l'état de la case à cocher.</dd> -</dl> -<pre class="eval">var check = { value: false }; -var button = confirm("Êtes-vous sûr de vouloir installer FooBar 0.1?", - "Confirmation", - STD_YES_NO_BUTTONS, - null, - null, - null, - "Install FluxCompensator 0.4 as well", - check); -</pre> -<h4 id="Retour" name="Retour">Retour</h4> -<p>La valeur retournée est un entier indiquant quel bouton l'utilisateur a sélectionné :</p> -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Valeur</td> - <td class="header">Bouton</td> - </tr> - <tr> - <td>0</td> - <td>'Annuler' ou bouton 1. <b>Également: l'utilisateur a fermé la fenêtre de dialogue</b></td> - </tr> - <tr> - <td>1</td> - <td>'OK' ou bouton 0</td> - </tr> - <tr> - <td>2</td> - <td>Le troisème bouton</td> - </tr> - </tbody> -</table> -<p>Les versions précédentes de l'API XPInstall mentionnaient que la valeur de retour de <code>confirm()</code> était un booléen. C'est incorrect, <code>confirm()</code> retourne toujours un nombre entier (0 ou 1 dans les versions antérieures à pre-Gecko-1.8).</p> -<h4 id="Notes" name="Notes">Notes</h4> -<p>La meilleure méthode pour détecter le support des boîtes de dialogue personnalisées est de déterminer l'existence des constantes de bouton. Les autres approches (par exemple, comparaison des buildID) ne sont pas recommandées.</p> -<pre class="eval">if ("BUTTON_POS_0" in Install) { - // Utilisation de la méthode étendue de confirm() -} else { - // Utilisation de la méthode classique de confirm() -} -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/confirm" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/deleteregisteredfile/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/deleteregisteredfile/index.html deleted file mode 100644 index 91ca177e45..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/deleteregisteredfile/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: deleteRegisteredFile -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/deleteRegisteredFile -translation_of: >- - Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/deleteRegisteredFile ---- -<p> </p> -<h3 id="deleteRegisteredFile" name="deleteRegisteredFile">deleteRegisteredFile</h3> -<p>(Netscape 6 et Mozilla ne supportent pas cette méthode)</p> -<p>Efface le fichier spécifié et supprime son entrée dans la - <i> - Client Version Registry</i> - .</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int deleteRegisteredFile - (Chaîne registryName); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>deleteRegisteredFile</code> a la paramètre suivant :</p> -<dl> - <dt> - <code>registryName</code></dt> - <dd> - Le chemin dans la - <i> - Client Version Registry</i> - du fichier à effacer.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>deleteRegisteredFile</code> efface le fichier spécifié et supprime son entrée dans la - <i> - Client Version Registry</i> - . Si le fichier est en cours d'utilisation, le nom du fichier qui doit être effacé est enregistré et Netscape 6 essaiera de l'effacer à chaque lancement jusqu'à ce qu'il arrive à l'effacer. Cette méthode est utilisée pour effacer des fichiers qui ne peuvent pas être supprimés par la méthode <code>uninstall</code>, pour supprimer des fichiers qui ne sont plus utilisés ou dont le nom a changé.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/deleteRegisteredFile" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/execute/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/execute/index.html deleted file mode 100644 index c1053c5399..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/execute/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: execute -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/execute -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/execute ---- -<p> </p> -<h3 id="execute" name="execute">execute</h3> -<p>Lance un fichier dans l'archive d'installation.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int execute ( - Chaîne xpiSourcePath [, Booléen blocking]); -</pre> -<pre class="eval">int execute ( - Chaîne xpiSourcePath, - Chaîne args [, Booléen blocking]); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>execute</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>xpiSourcePath</code></dt> - <dd> - Le chemin du fichier à extraire et à exécuter. Notez que ce chemin pointe dans l'archive <tt>xpi</tt> elle-même.</dd> - <dt> - <code>args</code></dt> - <dd> - Un paramètre chaîne passé à l'exécutable. Ignoré sous Mac OS. Voir les notes ci-dessous.</dd> - <dt> - <code>blocking</code></dt> - <dd> - Une valeur booléenne qui spécifie si l'installation doit ou non attendre la fin de l'exécution du fichier avant de continuer. La valeur par défaut est <code>false</code>. Voir les notes ci-dessous. Le paramètre <code>blocking</code> n'est pas disponible comme partie de cette méthode dans les versions antérieures de Netscape 6.1/Mozilla 0.9.3.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un code d'erreur entier. Pour la liste des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>execute</code> extrait le fichier spécifié depuis l'archive <tt>xpi</tt> vers un fichier temporaire.</p> -<p>Le code doit appeler la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a> pour réellement exécuter le fichier. Cette méthode peut être utilisée pour lancer un installeur - <i> - InstallShield</i> - ou tout autre exécutable d'installation stocké dans l'archive <tt>xpi</tt>.</p> -<h5 id="Ex.C3.A9cution_des_fichiers_install.C3.A9s" name="Ex.C3.A9cution_des_fichiers_install.C3.A9s">Exécution des fichiers installés</h5> -<div class="note"> - <b>Note :</b> Si le fichier qu'on veut exécuter est l'un de ceux à installer (contrairement à un installeur exécutable qui sera effacé après utilisation), alors, il faut utiliser la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/execute">execute</a> de l'<a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">objet File</a>. <code>File.execute()</code> exécute un fichier installé (tel que le navigateur) après son installation et est généralement placé à la fin du script d'installation et en dehors du bloc principal.</div> -<p>La méthode <code>execute</code> de l'<a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">objet Install</a>, d'un autre côté, efface l'exécutable de son emplacement temporaire une fois son exécution achevée. L'argument optionnel <code>blocking</code>, lorsqu'il est défini à <code>true</code>, spécifie que l'installation doit attendre que l'exécutable finisse avant de procéder à la prochaine commande d'installation mise en file d'attente. Si ce paramètre n'est pas défini et qu'un exécutable ne faisant pas partie de l'installation est lancé, une erreur survient lors du redémarrage du navigateur.</p> -<h5 id="Passage_d.27arguments_.C3.A0_l.27ex.C3.A9cutable" name="Passage_d.27arguments_.C3.A0_l.27ex.C3.A9cutable">Passage d'arguments à l'exécutable</h5> -<p>Le paramètre <code>args</code>, lorsqu'il est présent, passe une chaîne à l'exécutable comme paramètres de ligne de commande. La ligne suivante, par exemple, passe le paramètre de ligne de commande <code>-c</code> à l'exécutable :</p> -<pre class="eval">err = file.execute(myfile, "-c", true); -</pre> -<p>Lorsqu'on désire passer plus d'un paramètre à l'exécutable, il est nécessaire de formater la chaîne <code>args</code> de façon particulière afin que les paramètres puissent être cassés et passés séparément comme requis. En général, il est possible d'utiliser les guillemets uniques pour la chaîne <code>args</code> et les doubles guillemets pour délimiter les arguments de ligne de commande dans la chaîne. Les règles d'analyse suivantes s'appliquent :</p> -<ul> - <li>Les doubles guillemets sont traités comme des guillemets simples, les guillemets simples sont ignorés par l'exécutable mais valides dans la méthode <code>execute()</code>.</li> - <li>Les guillemets simples extérieurs encadrant la chaîne <code>args</code> sont éliminés lorsque la chaîne est passée à l'exécutable.</li> - <li>Les guillemets échappés, ou - <i> - inversés</i> - , sont passés à l'exécutable. Tous les autres cas d'inversion sont ignorés.</li> -</ul> -<p>Cela signifie qu'afin de passer trois arguments en ligne de commande (-c, -d et -s) à l'exécutable, il est nécessaire de formater la chaîne <code>args</code> comme suit :</p> -<pre class="eval">err = file.execute(myfile, '"-c""-d""-s"', true); -</pre> -<p>Techniquement, en considérant les règles ci-dessus, il est possible de passer les mêmes arguments avec la ligne suivante, mais le résultat sera moins lisible :</p> -<pre class="eval">err = file.execute(myfile, "\"-c\"\"-d\"\"-s\"", true); -</pre> -<p>Voir également la note sur les binaires Macintosh dans <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a>.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/execute" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/gestalt/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/gestalt/index.html deleted file mode 100644 index f3b597571d..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/gestalt/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: gestalt -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/gestalt -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/gestalt ---- -<p> </p> -<h3 id="gestalt" name="gestalt">gestalt</h3> -<p>(Macintosh Uniquement)<br> - Récupère les informations sur le système d'exploitation.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int gestalt ( Chaîne selecteur ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>gestalt </code> a le paramètre suivant :</p> -<dl> - <dt> - <code>selecteur</code></dt> - <dd> - Le code sélecteur de l'information que vous voulez.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Retourne l'information demandée. Le format dépend du code sélecteur spécifié dans le paramètre <code>selecteur</code>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>gestalt</code> est une classe enveloppante pour la fonction <code>gestalt</code> de la boîte à outils Macintosh. Pour plus d'informations, voir <a class="external" href="http://developer.apple.com/documentation/mac/OSUtilities/OSUtilities-2.html">Inside Macintosh: Operating System Utilities (en)</a> (obsolète). Cette méthode retourne <code>null</code> sur les plate-formes Unix et Microsoft Windows.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/deleteRegisteredFile" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getcomponentfolder/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getcomponentfolder/index.html deleted file mode 100644 index b97f211388..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getcomponentfolder/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: getComponentFolder -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/getComponentFolder -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/getComponentFolder ---- -<p> </p> -<h3 id="getComponentFolder" name="getComponentFolder">getComponentFolder</h3> -<p>Retourne un objet représentant le répertoire dans lequel le composant est installé.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">Object getComponentFolder - (Chaîne registryName); - -Object getComponentFolder ( - Chaîne registryName, - Chaîne subDirectory); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>getComponentFolder</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>registryName</code></dt> - <dd> - Dans la - <i> - Client Version Registry</i> - , le chemin du composant dont on veut obtenir le répertoire d'installation.</dd> - <dt> - <code>subDirectory</code></dt> - <dd> - Une chaîne qui spécifie le nom d'un sous-répertoire. Si le sous-répertoire spécifié n'existe pas, il est créé. Ce paramètre est disponible dans Netscape 6 et peut être sensible à la casse (selon le système d'exploitation).</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un objet représentant le répertoire dans lequel le composant est installé ou <code>NULL</code> si le composant ne peut pas être trouvé ou si <code>subDirectory</code> se réfère à un fichier qui existe déjà.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getComponentFolder</code> récupère l'emplacement d'un paquetage logiciel précédemment installé. Généralement, cette méthode est utilisée avec les méthodes <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code> ou <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addDirectory">addDirectory</a></code>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/getComponentFolder" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getfolder/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getfolder/index.html deleted file mode 100644 index fa87bbb90e..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getfolder/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: getFolder -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/getFolder -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/getFolder ---- -<p> </p> -<h3 id="getFolder" name="getFolder">getFolder</h3> -<p>Retourne un objet représentant l'un des répertoires standard.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">FileSpecObject getFolder ( - Chaîne FolderName); -</pre> -<pre class="eval">FileSpecObject getFolder ( - Chaîne folderName, - Chaîne subDirectory); -</pre> -<pre class="eval">FileSpecObject getFolder ( - Objet localDirSpec, - Chaîne subDirectory); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>getFolder</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>folderName</code></dt> - <dd> - Une chaîne représentant l'un des répertoires standard de Netscape. Il y a deux ensembles de valeurs possibles pour ce paramètre. Le premier ensemble contient tous les emplacements indépendants de la plate-forme. Le second ensemble contient les emplacements spécifiques à une plate-forme donnée. Vous êtes encouragés à utiliser des emplacements indépendants à la plate-forme. Voir la liste des emplacements des deux ensembles dans la section <a href="#Description">Description</a>.</dd> - <dt> - <code>subDirectory</code></dt> - <dd> - Une chaîne qui définit le nom d'un sous-répertoire. Si ce dernier n'existe pas, il est créé. Ce paramètre est disponible dans Netscape 6 et ultérieur et peut être sensible à la casse (en fonction du système d'exploitation).</dd> - <dt> - <code>localDirSpec</code></dt> - <dd> - Un objet <code>FileSpecObject</code> représentant un répertoire obtenu par les méthodes <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getComponentFolder">getComponentFolder</a> ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a>.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un code d'erreur entier. Pour la liste des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getFolder</code> obtient un objet représentant l'un des répertoires standard de Netscape, qui sera utilisé avec les méthodes <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code> et <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinProfile">getWinProfile</a></code>. La valeur de <code>folderName</code> doit être l'une des valeurs suivantes (informations basées sur la branche stable Mozilla 1.7, peuvent également être valables pour d'autres versions) :</p> -<table style="margin-left: 2em;"> - <tbody> - <tr> - <td> - <p><code>"Chrome" </code><br> - <code>"Components" </code><br> - <code>"Current User" </code><br> - <code>"Defaults" </code><br> - <code>"<a class="external" rel="freelink">file:///</a>" </code><br> - <code>"OS Drive" </code><br> - <code>"Plugins" </code><br> - <code>"Preferences" </code><br> - <code>"Profile" </code><br> - <code>"Program" </code><br> - <code>"Temporary" </code></p> - </td> - <td> - <p><code>"Mac Apple Menu" </code><br> - <code>"Mac Control Panel" </code><br> - <code>"Mac Desktop"</code><br> - <code>"Mac Documents"</code><br> - <code>"Mac Extension"</code><br> - <code>"Mac Fonts"</code><br> - <code>"Mac Shutdown"</code><br> - <code>"Mac Startup"</code><br> - <code>"Mac System"</code><br> - <code>"Mac Trash"</code><br> - <code>"Mac Preferences"</code></p> - </td> - <td> - <p><code>"MacOSX Default Download" </code><br> - <code>"MacOSX Home" </code><br> - <code>"MacOSX Internet Sites" </code><br> - <code>"MacOSX Local Applications" </code><br> - <code>"MacOSX Local Desktop" </code><br> - <code>"MacOSX Local Documents" </code><br> - <code>"MacOSX Local Frameworks" </code><br> - <code>"MacOSX Local Internet PlugIn" </code><br> - <code>"MacOSX Local Preferences" </code><br> - <code>"MacOSX Movie Documents" </code><br> - <code>"MacOSX Music Documents" </code><br> - <code>"MacOSX Picture Documents" </code><br> - <code>"MacOSX User Applications" </code><br> - <code>"MacOSX User Desktop" </code><br> - <code>"MacOSX User Documents" </code><br> - <code>"MacOSX User Frameworks" </code><br> - <code>"MacOSX User Internet PlugIn" </code><br> - <code>"MacOSX User Preferences" </code></p> - </td> - <td> - <p><code>"Unix Lib" </code><br> - <code>"Unix Local" </code></p> - </td> - </tr> - <tr> - <td> - <p><code>"Windows" </code><br> - <code>"Win AppData" </code><br> - <code>"Win Common Files" </code><br> - <code>"Win Desktop" </code><br> - <code>"Win Desktop Common" </code><br> - <code>"Win Program Files" </code><br> - <code>"Win Programs" </code><br> - <code>"Win Programs Common" </code><br> - <code>"Win StartMenu" </code><br> - <code>"Win StartMenu Common" </code><br> - <code>"Win Startup" </code><br> - <code>"Win Startup Common" </code><br> - <code>"Win System" </code></p> - </td> - </tr> - </tbody> -</table> -<p>La forme <code><a class="external" rel="freelink">file:///</a></code> n'est valide que lorsque le paramètre <code>subDirectory</code> est utilisé. Elle doit être au format URL <code>file:</code> amputée de la partie <code><a class="external" rel="freelink">file:///</a></code>. Par exemple :</p> -<pre class="eval">mydir = getFolder("<a class="external" rel="freelink">file:///</a>", "c|/mysoftco/somedir"); -</pre> -<p>Remarquez l'utilisation de barre oblique (/), quelque soit la plate-forme.</p> -<p>Les dossiers dont les noms commencent par <tt>Win</tt>, <tt>Mac</tt> ou <tt>Unix</tt> sont spécifiques à leur plate-forme respective. Il faut donc faire attention à leur utilisation, car ils rendent l'installation spécifique à une plate-forme.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour récupérer un objet représentant le répertoire standard des plugins, on peut utiliser l'appel suivant :</p> -<pre class="eval">plugindir = getFolder("Plugins"); -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/getFolder" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getlasterror/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getlasterror/index.html deleted file mode 100644 index a937cbb5e5..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getlasterror/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: getLastError -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/getLastError -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/getLastError ---- -<p> </p> -<h3 id="getLastError" name="getLastError">getLastError</h3> -<p>Retourne le plus récent code d'erreur non nul.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int getLastError (); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Aucun.</p> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Le plus récent code d'erreur non nul. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getLastError</code> est utilisée pour obtenir le plus récent code d'erreur non nul survenu depuis l'appel de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a></code> ou de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/resetError">resetError</a></code>. Cette méthode permet de différer la vérification des codes d'erreur chaque fois que <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code> ou <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addDirectory">addDirectory</a></code> sont appelées jusqu'au dernier appel de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code> ou de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addDirectory">addDirectory</a></code>.</p> -<p>La méthode <code>getLastError</code> ne retourne pas d'erreur pour les méthodes qui retournent des objets, telle que la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></code>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>L'exemple suivant appelle la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getLastError">getLastError</a></code> après une série d'appels <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code> :</p> -<pre class="eval">addFile("npplug", ...); -addFile("/MS/Shared/ctl3d.dll", ...); -addFile("/NetHelp/royalplug/royalhelp.html",...); -err = getLastError(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/getLastError" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getwinprofile/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getwinprofile/index.html deleted file mode 100644 index 2f0f4ca506..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getwinprofile/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: getWinProfile -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/getWinProfile -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/getWinProfile ---- -<p> </p> -<h3 id="getWinProfile" name="getWinProfile">getWinProfile</h3> -<p>(Microsoft Windows uniquement)</p> -<p>Construit un objet pour travailler avec un fichier <tt>.ini</tt> de Windows.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">WinProfile getWinProfile ( - Objet dossier, - Chaîne fichier); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>getWinProfile</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>dossier</code></dt> - <dd> - Un objet représentant un répertoire. Cet objet est créé en passant une chaîne représentant le répertoire à la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a>.</dd> - <dt> - <code>fichier</code></dt> - <dd> - Un chemin relatif vers un fichier d'initialisation dans le répertoire spécifié par le paramètre <code>dossier</code>, tel que <code>royal/royal.ini</code>.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un objet <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile">WinProfile</a></code>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getWinProfile</code> crée un objet pour manipuler le contenu d'un fichier <tt>.ini</tt> de Windows. Une fois cet objet créé, on peut appeler cette méthode pour récupérer des chaînes du fichier ou lui en ajouter. Pour plus d'informations sur l'objet retourné, voir <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile">WinProfile</a></code>.</p> -<p>Cette méthode retourne <code>null</code> sur les plate-formes Unix et Macintosh.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour éditer le fichier <code>win.ini</code>, on crée un <code>WinProfile</code> par cet appel :</p> -<pre class="eval">var myWinProfileObj = - getWinProfile (getFolder("Windows"), "win.ini"); -</pre> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/getWinProfile" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getwinregistry/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getwinregistry/index.html deleted file mode 100644 index d38d05deb0..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/getwinregistry/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: getWinRegistry -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/getWinRegistry -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/getWinRegistry ---- -<p> </p> -<h3 id="getWinRegistry" name="getWinRegistry">getWinRegistry</h3> -<p>(Windows uniquement) Construit un objet pour travailler avec le registre de Microsoft Windows.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">WinReg getWinRegistry(); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Aucun.</p> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getWinRegistry</code> est utilisée pour créer un objet qui permettra de manipuler le contenu de la base de registre de Microsoft Windows. Une fois cet objet créé, on peut appeler sa méthode pour récupérer ou modifier le contenu du registre. Pour plus d'informations sur l'objet retourné, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a>.</p> -<p>Cette méthode retourne <code>NULL</code> sur les plate-formes Unix et Macintosh.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/getWinRegistry" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/index.html deleted file mode 100644 index ea30f5f01e..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/index.html +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: Méthodes -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods ---- -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h3> -<dl> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addDirectory">addDirectory</a></dt> - <dd> - Décompacte un sous-répertoire entier.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></dt> - <dd> - Décompacte un fichier unique.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/alert">alert</a></dt> - <dd> - Affiche une boîte de dialogue contenant un message d'alerte et un bouton « OK ».</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/cancelInstall">cancelInstall</a></dt> - <dd> - Abandonne l'installation du logiciel.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/confirm">confirm</a></dt> - <dd> - Affiche une boîte de dialogue de confirmation contenant le message spécifié et les boutons « OK » et «Annuler ». Permet également des intitulés de bouton personnalisés et les cases à cocher.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/deleteRegisteredFile">deleteRegisteredFile</a></dt> - <dd> - Efface le fichier spécifié et son entrée dans le - <i> - Client Version Registry</i> - .</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/execute">execute</a></dt> - <dd> - Extrait un fichier de l'archive <tt>xpi</tt> dans un répertoire temporaire et le programme pour une exécution ultérieure.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/gestalt">gestalt</a></dt> - <dd> - Récupère les informations concernant le système d'exploitation (Mac OS uniquement).</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getComponentFolder">getComponentFolder</a></dt> - <dd> - Retourne un objet représentant le répertoire dans lequel le composant est installé.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></dt> - <dd> - Retourne un objet représentant un répertoire, à utiliser avec la méthode <code>addFile</code>.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getLastError">getLastError</a></dt> - <dd> - Retourne le code d'erreur non nul le plus récent.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinProfile">getWinProfile</a></dt> - <dd> - Construit un objet pour travailler avec un fichier <code>.ini</code> de Windows.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinRegistry">getWinRegistry</a></dt> - <dd> - Construit un objet pour travailler avec la base de registre de Windows.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a></dt> - <dd> - Initialise l'installation du logiciel et de la version indiqués.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/loadResources">loadResources</a></dt> - <dd> - Retourne un objet dont les propriétés sont des chaînes localisées, chargées depuis le fichier de propriétés spécifié.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/logComment">logComment</a></dt> - <dd> - Ajoute une ligne de commentaire au rapport d'installation.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/patch">patch</a></dt> - <dd> - Applique un ensemble de différences entre deux versions.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a></dt> - <dd> - Finalise l'installation du logiciel.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/refreshPlugins">refreshPlugins</a></dt> - <dd> - Rafraîchit la liste des plugins disponibles pour le navigateur.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/registerChrome">registerChrome</a></dt> - <dd> - Enregistre le chrome avec le registre chrome.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/resetError">resetError</a></dt> - <dd> - Réinitialise à zéro un code d'erreur sauvegardé.</dd> - <dt> - <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/setPackageFolder">setPackageFolder</a></dt> - <dd> - Définit le dossier par défaut du paquetage qui est enregistré avec le nœud racine</dd> -</dl> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/initinstall/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/initinstall/index.html deleted file mode 100644 index a5a8394f71..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/initinstall/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: initInstall -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/initInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/initInstall ---- -<p> </p> -<h3 id="initInstall" name="initInstall">initInstall</h3> -<p>Initialise l'installation du logiciel spécifié et de sa version.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int initInstall ( - Chaîne displayName, - Chaîne package, - InstallVersion version, - int flags); -</pre> -<pre class="eval">int initInstall ( - Chaîne displayName, - Chaîne package, - Chaîne version, - int flags); -</pre> -<pre class="eval">int initInstall ( - Chaîne displayName, - Chaîne package, - Chaîne version); -</pre> -<p>int initInstall (</p> -<pre class="eval"> String displayName, - String package, - InstallVersion version); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>initInstall</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>displayName</code></dt> - <dd> - Une <code>chaîne</code> qui contient le nom du logiciel à installer. Le nom du logiciel est visible par l'utilisateur.</dd> - <dt> - <code>package</code></dt> - <dd> - Le chemin dans la - <i> - Client Version Registry</i> - concernant le logiciel (par exemple : <code>Plugins/Adobe/Acrobat</code> ou <code>/royalairways/RoyalPI/</code>).</dd> - <dd> - Fournir un nom vide ou <code>null</code> est une erreur.</dd> - <dd> - Le chemin peut être absolu ou relatif. Un chemin relatif est relatif à l'espace de nommage de Netscape 6. Un chemin relatif doit débuter par <code>plugins/</code>, pour être relatif à la partie plugins de cet espace de nommage ou par <code>java/download/</code>, pour être relatif à la partie Java. Toutes les autres parties de l'espace de nommage de Netscape 6 sont réservées à l'usage de Netscape.</dd> - <dd> - La - <i> - Client Version Registry</i> - est une description hiérarchique du logiciel enregistré pour être utilisé par Netscape 6. Le chemin fourni ici n'est pas l'emplacement du logiciel sur le disque local, il correspond aux informations concernant le logiciel dans le registre. La distinction est importante lorsque vous ajoutez des composants avec la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code>.</dd> - <dt> - <code>version</code></dt> - <dd> - Un objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a> ou une <code>Chaîne</code> représentant la version du paquetage à installer. Lorsque <code>version</code> est une <code>Chaîne</code> il peut contenir jusqu'à quatre nombres entiers, délimités par des points, tel que <code>1.17.1999.1517</code>.</dd> - <dt> - <code>flags</code></dt> - <dd> - Un champ optionnel, réservé pour un usage futur. Passe <code>0</code> comme valeur par défaut.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>initInstall</code> initialise l'installation du logiciel spécifié. Elle doit être appelée immédiatement après le constructeur. Il est erroné d'appeler toute autre méthode de l'objet <code>Install</code> avant l'appel de <code>initInstall</code>.</p> -<p>Après l'appel de la méthode <code>initInstall</code>, le script d'installation doit appeler les méthodes <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a> ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/cancelInstall">cancelInstall</a> avant qu'il ne se termine. Si ces appels ne sont pas faits, Netscape 6 ne sera pas en mesure de nettoyer proprement les fichiers temporaires après la fin de l'exécution du script.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour débuter l'installation du plugin - <i> - Royal Airways</i> - , on peut utiliser ce code :</p> -<pre class="eval">initInstall("Royal Airways TripPlanner","/RoyalAirways/ -TripPlanner","1.0.0.0"); -... -err = getLastError(); -if (!err) - performInstall(); -else - cancelInstall(err); -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/initInstall" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/loadresources/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/loadresources/index.html deleted file mode 100644 index 55aa01674d..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/loadresources/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: loadResources -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/loadResources -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/loadResources ---- -<p> </p> -<h3 id="loadResources" name="loadResources">loadResources</h3> -<p>Charge un fichier de propriétés.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">Object loadResources( Chaîne xpiPath ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>L'unique paramètre d'entrée de la méthode <code>loadResources</code> est une chaîne représentant le chemin vers le fichier de propriétés dans une archive <tt>xpi</tt> dans laquelle les paires clefs/valeurs sont définies.</p> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un objet <a href="fr/JavaScript">JavaScript</a> dont les noms des propriétés sont des clefs de ce fichier et dont les valeurs sont les chaînes.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Le format du fichier de propriétés attendu par la méthode <code>loadResources</code> est le même que celui des fichiers de propriétés du chrome local. Cette méthode est utilisée pour internationaliser les scripts d'installation en permettant à l'installeur de récupérer les valeurs des chaînes localisées depuis un fichier annexe. Faites attention à ce que le paramètre spécifie correctement le fichier de l'archive <tt>xpi</tt> et non celui du système de fichiers, comme indiqué dans l'exemple ci-dessous.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Soit un <tt>xpi</tt> avec la structure interne suivante :</p> -<pre class="eval">install.js -bin/res_eg_2.properties -bin/somefile.exe -bin/... -</pre> -<p>Les lignes suivantes récupèrent les propriétés comme objet JavaScript et rendent les valeurs accessibles avec la syntaxe habituelle des fichiers <tt>.property</tt> :</p> -<pre class="eval">resEg2Obj = loadResources("bin/res_eg_2.properties"); -dump( resEg2Obj.title ) -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/loadResources" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/logcomment/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/logcomment/index.html deleted file mode 100644 index 5647853f3e..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/logcomment/index.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: logComment -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/logComment -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/logComment ---- -<p> </p> -<h3 id="logComment" name="logComment">logComment</h3> -<p>Ajoute une ligne de commentaire dans le journal d'installation.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int logComment( Chaîne aComment ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>L'unique paramètre d'entrée de la méthode <code>logComment</code> est une chaîne dont la valeur sera écrite dans le journal pendant le processus d'installation.</p> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Le journal d'installation est créé, par défaut, dans le répertoire du produit si c'est possible (où se trouve l'exécutable du navigateur). Si l'installation n'a pas les droits requis, le journal d'installation est créé dans le répertoire du profile utilisateur. Respectivement, ces répertoires correspondent aux mots clefs - <i> - Program</i> - et - <i> - Current User</i> - pour la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/logComment" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/patch/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/patch/index.html deleted file mode 100644 index eaa583ee2c..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/patch/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: patch -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/patch -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/patch ---- -<p> </p> -<h3 id="patch" name="patch">patch</h3> -<p>Met à jour un composant existant.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int patch ( - Chaîne registryName, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); -</pre> -<pre class="eval">int patch ( - Chaîne registryName, - InstallVersion version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); -</pre> -<pre class="eval">int patch ( - Chaîne registryName, - Chaîne version, - Chaîne xpiSourcePath, - Objet localDirSpec, - Chaîne relativeLocalPath); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>patch</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>registryName</code></dt> - <dd> - Le chemin dans la - <i> - Client Version Registry</i> - du composant à patcher. Ce paramètre peut être un chemin absolu, tel que <code>/royalairways/RoyalSW/executable</code> ou un chemin relatif, tel que <code>executable</code>.</dd> - <dd> - Généralement, les chemins absolus ne sont utilisés que pour les composants partagés, ou ceux qui proviennent d'un autre éditeur, tel que <code>/Microsoft/shared/msvcrt40.dll</code>.</dd> - <dd> - Généralement, les chemins relatifs sont relatifs au chemin principal spécifié dans la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a></code>. Ce paramètre peut également être vide, auquel cas le paramètre <code>xpiSourcePath</code> est utilisé comme un chemin relatif.</dd> - <dd> - Le chemin du registre n'est pas l'emplacement du logiciel sur le disque local, il correspond à l'emplacement des informations concernant le logiciel dans la - <i> - Client Version Registry</i> - .</dd> - <dt> - <code>version</code></dt> - <dd> - Un objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a> ou une <code>Chaîne</code> comportant jusqu'à quatre nombres entiers délimités par des points, tel que "<code>1.17.1999.1517</code>". Pour les variantes de cette méthode sans argument <code>version</code>, la valeur de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a></code> sera utilisée.</dd> - <dt> - <code>xpiSourcePath</code></dt> - <dd> - Une chaîne spécifiant l'emplacement des différents fichiers contenus dans l'archive <tt>xpi</tt>.</dd> - <dt> - <code>localDirSpec</code></dt> - <dd> - Un objet représentant le répertoire où se trouve le sous-composant à patcher. Cet objet est créé en passant un chaîne représentant le répertoire à la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></code>.</dd> - <dt> - <code>relativeLocalPath</code></dt> - <dd> - Un chemin relatif vers le paramètre <code>localDirSpec</code> qui identifie le sous-composant à patcher. Il faut toujours utiliser des barres obliques (/) dans ce chemin, sans considération pour les conventions du système d'exploitation. Si ce paramètre est blanc ou <code>NULL</code>, <code>xpiSourcePath</code> est utilisé.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>patch</code> met à jour un composant en appliquant un ensemble de différences entre les deux versions connues. L'ensemble des différences est au format <code>GDIFF</code> et est créé à l'aide de l'utilitaire <code>NSDiff</code>.</p> -<p>Un patch ne peut être appliqué qu'entre deux versions connues. Si la version existante du fichier ne correspond pas à la somme de contrôle stockée dans le fichier <code>GDIFF</code>, <code>patch</code> retourne une erreur sans appliquer le patch.</p> -<p>Après avoir appliqué les différences, la méthode <code>patch</code> compare la somme de vérification ( - <i> - checksum</i> - en anglais) du fichier résultant par rapport à celle stockée dans le fichier <code>GDIFF</code>. Si les sommes ne correspondent pas, la version originale du fichier est préservée, la version patchée est supprimée et un code d'erreur est retourné.</p> -<p>Tout processus d'installation unique peut appliquer plusieurs patches sur un même fichier. Si la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a></code> indique qu'un redémarrage est nécessaire, <code>patch</code> peut ne pas fonctionner dans le processus <a href="fr/XPInstall">XPInstall</a> en cours jusqu'à ce qu'un redémarrage soit exécuté.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/patch" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/performinstall/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/performinstall/index.html deleted file mode 100644 index cd90e320fd..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/performinstall/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: performInstall -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/performInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/performInstall ---- -<p> </p> -<h3 id="performInstall" name="performInstall">performInstall</h3> -<p>Exécute l'installation réelle du logiciel. Déplace tous les composants vers leur emplacement final, lance toutes les exécutions différées et enregistre le paquetage et tous ses composants dans la - <i> - Client Version Registry</i> - .</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int performInstall(); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Aucun.</p> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>. Dans certains cas, cette méthode peut retourner d'autres codes d'erreur. Il peut arriver d'obtenir une erreur d'enregistrement.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Le code suivant est utilisé pour annuler ou pour finaliser une installation, il est basé sur une variable définie précédemment dans le code :</p> -<pre class="eval">initInstall("Royal Airways TripPlanner", - "/RoyalAirways/TripPlanner", - "1.0.0.0"); -... -err = getLastError(); -if (!err) - performInstall(); -else - cancelInstall(err); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/performInstall" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/refreshplugins/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/refreshplugins/index.html deleted file mode 100644 index b8c13894e8..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/refreshplugins/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: refreshPlugins -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/refreshPlugins -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/refreshPlugins ---- -<p> </p> -<h3 id="refreshPlugins" name="refreshPlugins">refreshPlugins</h3> -<p>Rafraîchit la liste des plugins enregistrés pour le navigateur.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int refreshPlugins( [ aReloadPages ] ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>refreshPlugins</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>aReloadPages</code></dt> - <dd> - <code>aReloadPages</code> est une valeur booléenne optionnelle indiquant si vous voulez ou non recharger les pages Web ouvertes après le rafraîchissement de la liste des plugins.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Aucun.</p> -<h4 id="Description" name="Description">Description</h4> -<p><code>refreshPlugins</code> permet d'enregistrer de nouveaux plugins sans avoir à redémarrer le navigateur. Lorsque cette méthode est utilisée dans un script d'installation, comme dans l'exemple ci-dessous, on peut installer de nouveaux plugins et les utiliser pour afficher les média demandés dans une page Web sans interrompre l'expérience utilisateur.</p> -<div class="note"> - Note : La méthode <code>refreshPlugins</code> doit être appelée après la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a></code> qui initie l'installation réelle.</div> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">// Installe une DLL dans le répertoire "Plugins" - // Installe un XPT dans le répertoire "Components" - var xpiSrc = "NPMCult3DP.dll"; - var xpiSrc2 = "nsIC3DPScriptablePeer.xpt"; - initInstall( - "Cult3D Plugin File", - "@cycore.com/Cult3D;version=1.0.0", - "1.0.0"); - setPackageFolder(getFolder("Plugins")); - addFile(xpiSrc); - addFile("",xpiSrc2,getFolder("Components"),""); - var err = getLastError(); - if (err == SUCCESS) - { - err = performInstall(); - if (err == SUCCESS) - refreshPlugins(); - } - else - cancelInstall(err);</pre> -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/refreshPlugins" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/registerchrome/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/registerchrome/index.html deleted file mode 100644 index 2248e87d1d..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/registerchrome/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: registerChrome -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/registerChrome -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/registerChrome ---- -<p> </p> -<h3 id="registerChrome" name="registerChrome">registerChrome</h3> -<p>Enregistre chrome dans le registre Chrome.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int registerChrome( - SWITCH, - srcDir, - xpiPath); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>registerChrome</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>SWITCH</code></dt> - <dd> - <code>SWITCH</code> est le switch chrome indiquant le type de fichier à enregistrer. <code>SKIN</code> est utilisé pour les thèmes, <code>LOCALE</code> est utilisé pour les paquetages de localisation. <code>PACKAGE</code>, un troisième type possible, est équivalent à <code>SKIN AND/OR LOCALE</code> et assure que tout dans le <tt>xpi</tt> sera enregistré. Une option finale pour ce paramètre est <code>DELAYED_CHROME</code>, qui enregistre le switch uniquement après un redémarrage du navigateur.</dd> -</dl> -<p>Il est possible de combiner les switches comme dans l'exemple ci-dessous.</p> -<dl> - <dt> - <code>srcDir</code></dt> - <dd> - <code>srcDir</code> est un objet <code>FileSpecObject</code> représentant la destination source de l'installation. Les - <i> - FileSpecObjects</i> - requis par cette fonction, sont créés en utilisant la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a> de l'objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a>.</dd> -</dl> -<dl> - <dt> - <code>xpiPath</code></dt> - <dd> - <code>xpiPath</code> est le chemin, dans le <tt>xpi</tt>, où se trouve le fichier <code>contents.rdf</code> définissant le chrome. Par exemple, - <i> - locale/myLocale/aim</i> - pointe vers le sous-répertoire <code>locale/myLocale/aim</code> du même fichier <tt>xpi</tt> que le script d'installation.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nombre entier correspondant à un code d'erreur. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>. Dans certains cas, cette méthode peut retourner d'autres codes d'erreur. Il peut arriver d'obtenir une erreur d'enregistrement.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Lorsque le troisième paramètre est omis (pointage vers un emplacement précis dans l'archive <tt>xpi</tt>), cette fonction est utilisée de façon dépréciée. Dans ce cas, <code>registerChrome</code> supporte l'ancien format des archives d'installation, dans lequel le fichier <code>manifest.rdf</code> était toujours situé au plus haut niveau de l'archive d'installation. <code>registerChrome</code> ne nécessite alors pas de chemin dans l'archive, comme il le requiert maintenant afin de localiser le format plus flexible du fichier <code>contents.rdf</code> des archives d'installation.</p> -<p>Il est possible de regarder dans le fichier <code>installed-chrome.txt</code> du répertoire <code>chrome</code> pour savoir où et comment la fonction <code>registerChrome</code> a enregistré le paquetage dans le registre chrome.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Cet exemple suppose que votre archive <code>xpi</code> se trouve dans le dossier <code>Plugins</code> et que le fichier <code>RDF</code> est dans le sous-dossier <code>resources</code> de l'archive.</p> -<div class="note"> - <p>Vous devriez évitez cet appel (au cas où vous feriez un copier/coller depuis un ancien script d'installation) pour l'installation de plugin pour Firefox 2.x. Il n'est pas certain de ce que produira cet « enregistrement chrome ».</p> -</div> -<pre class="eval">registerChrome( - PACKAGE | DELAYED_CHROME, - getFolder("Plugins"), - "resources"); -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/registerChrome" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/reseterror/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/reseterror/index.html deleted file mode 100644 index 1b5c5d56ed..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/reseterror/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: resetError -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/resetError -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/resetError ---- -<p> </p> -<h3 id="resetError" name="resetError">resetError</h3> -<p>Réinitialise à zéro un code d'erreur enregistré.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">void resetError (); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Aucun.</p> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Aucun.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>resetError</code> réinitialise à zéro tout code d'erreur enregistré. Pour plus d'informations, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getLastError">getLastError</a>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour réinitialiser à zéro le dernier code d'erreur :</p> -<pre class="eval">resetError(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/resetError" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/setpackagefolder/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/setpackagefolder/index.html deleted file mode 100644 index 73ab053260..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/méthodes/setpackagefolder/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: setPackageFolder -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Méthodes/setPackageFolder -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Methods/setPackageFolder ---- -<p> </p> -<h3 id="setPackageFolder" name="setPackageFolder">setPackageFolder</h3> -<p>Définit le dossier par défaut du paquetage.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">void setPackageFolder ( - Objet dossier); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>setPackageFolder</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>dossier</code></dt> - <dd> - Un objet représentant un répertoire. Cet objet est créé en passant une chaîne représentant le répertoire aux méthodes <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getFolder">getFolder</a></code> ou <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getComponentFolder">getComponentFolder</a></code>.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Aucun.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>setPackageFolder</code> définit le dossier par défaut du paquetage qui est enregistré avec le nœud racine. Lorsque le dossier du paquetage est défini, il est utilisé comme dossier par défaut pour les formulaires de la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/addFile">addFile</a></code> et de toutes celles qui ont un paramètre optionnel <code>localDirSpec</code>.</p> -<p>Cette méthode ne devrait être appelée qu'une seule fois, et devrait toujours l'être immédiatement après l'appel de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/initInstall">initInstall</a></code>. Au cas où elle serait appelée plusieurs fois, le dernier dossier défini est le dossier qui sera enregistré dans la - <i> - Client Version Registry</i> - et utilisé par défaut pour les autres installations.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Methods/setPackageFolder" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/propriétés/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/propriétés/index.html deleted file mode 100644 index 65e0ccaa9f..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_install/propriétés/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Propriétés -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_Install/Propriétés -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/Install_Object/Properties ---- -<p> </p> -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s">Propriétés</h3> -<dl> - <dt> - <code>archive</code></dt> - <dd> - Le chemin local complet de l'archive après son téléchargement dans le dossier temporaire spécifique de la plate-forme (par exemple <code>C:\TEMP\argstest.xpi</code>)</dd> - <dt> - <code>arguments</code></dt> - <dd> - Les arguments peuvent être passés par les API de déclenchement en attachant un <code>?</code> puis la chaîne de l'argument à l'URL du xpi : <code>startSoftwareUpdate(<span class="nowiki">"http://webserver/argstest.xpi?ARGUMENT_STRING"</span>)</code> donnera <code>ARGUMENT_STRING</code> # comme valeur de <code>Install.arguments</code>. Remarquez que les espaces dans la chaîne de l'argument sont autorisés. Tout ce qui ce trouve après le point d'interrogation est traité comme une chaîne qui devient la propriété <code>Install.arguments</code>.</dd> - <dt> - <code>buildID</code></dt> - <dd> - L'ID de compilation de l'application, sous la forme 20041231. Remarquez qu'à cause des différentes branches de développement (différentes versions de Gecko avec différentes fonctionnalités peuvent être compilées le même jour), l'utilisation de cette propriété pour « détecter » la version de l'application peut produire un résultat erroné. De plus, cet ID peut être égale à <code>0</code> pour les compilations personnalisées.</dd> - <dt> - <code>jarfile</code></dt> - <dd> - Alias pour <code>archive</code></dd> - <dt> - <code>platform</code></dt> - <dd> - Contient les informations sur la plate-forme de compilation et d'exécution de XPInstall. Par exemple, la valeur peut débuter par « Windows », « Macintosh » ou « X11 » (pour Unix/Linux). Pour plus de détails, voir le code correspondant dans la <a class="external" href="http://lxr.mozilla.org/mozilla/ident?i=GetInstallPlatform">méthode GetInstallPlatform de la classe nsInstall</a>.</dd> - <dt> - <code>url</code></dt> - <dd> - L'URL pleinement qualifiée du xpi (URL de fichier, URL http, URL ftp, etc.). Par exemple <code><span class="nowiki">http://dolfin/sgehani/zzz/ip.xpi</span></code>. Remarquez que, même si elle est déclenchée en utilisant des URL relatives, cela affichera l'URL complète (après qualification).</dd> -</dl> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/Install_Object/Properties" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installtrigger/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installtrigger/index.html deleted file mode 100644 index 0c7e9f279b..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installtrigger/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: Objet InstallTrigger -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallTrigger -tags: - - Référence_de_l'API_XPInstall -translation_of: Web/API/InstallTrigger ---- -<p> </p> -<h2 id="InstallTrigger" name="InstallTrigger">InstallTrigger</h2> -<p>Un script de déclenchement sur une page Web utilise un objet <code>InstallTrigger</code> pour télécharger et installer un logiciel.</p> -<h3 id="Pr.C3.A9sentation" name="Pr.C3.A9sentation">Présentation</h3> -<p>Pour les installations simples, la méthode <code>install</code> sur l'objet <code>InstallTrigger</code> peut être la seule chose nécessaire dans le script d'installation.</p> -<p>Pour des installations plus complexes, vous pouvez avoir besoin d'utiliser les objet d'installation <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a> et/ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_File">File</a>. Dans tous les cas, vous devez déclencher le processus d'installation en créant un script sur une page Web dans lequel les méthodes <code>InstallTrigger</code> téléchargent le fichier <tt>xpi</tt> spécifié et « déclenchent » l'exécution du script <tt>install.js</tt> situé à la racine du <tt>xpi</tt>.</p> -<p>La principale méthode sur l'objet <code>InstallTrigger</code> est <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/install">install</a>, qui télécharge et installe un ou plusieurs paquetages logiciels archivés dans un fichier au format <tt>xpi</tt>. Ce qui suit est un exemple simple d'installation depuis une page Web :</p> -<pre class="eval">xpi={'XPInstall Dialog Display Name':'simple.xpi'}; -InstallTrigger.install(xpi); -</pre> -<p>Vous pouvez également utiliser l'objet <code>InstallTrigger</code> pour vérifier les versions de logiciels, installer des thèmes Netscape6/Mozilla et des paquetages de langues, et exécuter des installations multi-paquetages avec <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallTrigger/M%c3%a9thodes/install">install</a>.</p> -<p><span class="comment">Interwiki Langiages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallTrigger_Object", "ja": "ja/XPInstall_API_Reference/InstallTrigger_Object" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/index.html deleted file mode 100644 index c3a6bcd3fa..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: Objet InstallVersion -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallVersion -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/InstallVersion_Object ---- -<p> </p> -<h2 id="InstallVersion" name="InstallVersion">InstallVersion</h2> -<p>Les objets <code>InstallVersion</code> sont utilisés pour stocker des informations sur la version du logiciel.</p> -<h3 id="Pr.C3.A9sentation" name="Pr.C3.A9sentation">Présentation</h3> -<p>Cet objet et ses méthodes sont utilisés aussi bien lors du déclenchement d'un téléchargement, afin de vérifier si une version particulière doit être installée, que lors de l'installation d'un logiciel.</p> -<dl> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/init">init()</a></dt> - <dd> - Associe une version particulière à un objet <code>InstallVersion</code>.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/toString">toString()</a></dt> - <dd> - Convertit les différents formats de version en chaînes.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/compareTo">compareTo()</a></dt> - <dd> - Compare ces chaînes et indique les relations entre les deux versions.</dd> -</dl> -<p>Chacun des paramètres de version est également disponible en tant que propriété séparée de l'objet <code>InstallVersion</code>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallVersion_Object" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/compareto/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/compareto/index.html deleted file mode 100644 index 7c27d6d29e..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/compareto/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: compareTo -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallVersion/Méthodes/compareTo -translation_of: Archive/Mozilla/XPInstall/Reference/InstallVersion_Object/Methods/compareTo ---- -<p> </p> -<h3 id="compareTo" name="compareTo">compareTo</h3> -<p>Compare les informations de version spécifiées dans cet objet à celles spécifiées dans le paramètre <code>version</code>.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">compareTo ( InstallVersion version); -</pre> -<pre class="eval">compareTo ( String version); -</pre> -<pre class="eval">compareTo ( int major, int minor, int release, int build); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>compareTo</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>maj</code></dt> - <dd> - Le numéro de version majeur.</dd> - <dt> - <code>min</code></dt> - <dd> - Le numéro de version mineur.</dd> - <dt> - <code>rev</code></dt> - <dd> - Le numéro de révision.</dd> - <dt> - <code>bld</code></dt> - <dd> - Le numéro de compilation.</dd> - <dt> - <code>version</code></dt> - <dd> - Une chaîne représentant les informations de version au format <code>4.1.2.1234</code>.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Si les versions sont les mêmes, cette méthode retourne <code>0</code>. Si la version de cet objet représente une version plus petite (précédente) que celle représentée dans le paramètre <code>version</code>, cette méthode retourne un nombre négatif. Autrement, elle retourne un nombre positif. En particulier, cette méthode retourne l'un des nombres suivants :</p> -<dl> - <dt> - -4 </dt> - <dd> - La version de l'objet a un numéro majeur plus petit (plus ancien) que le paramètre <code>version</code>.</dd> - <dt> - -3 </dt> - <dd> - La version de l'objet a un numéro mineur plus petit (plus ancien) que le paramètre <code>version</code>.</dd> - <dt> - -2 </dt> - <dd> - La version de l'objet a un numéro de version plus petit (plus ancien) que le paramètre <code>version</code>.</dd> - <dt> - -1 </dt> - <dd> - La version de l'objet a un numéro de compilation plus petit (plus ancien) que le paramètre <code>version</code>.</dd> - <dt> - 0 </dt> - <dd> - Les numéros de version sont égaux ; les deux objets représentent la même version.</dd> - <dt> - 1 </dt> - <dd> - La version de l'objet a un numéro de compilation plus grand (plus récent) que le paramètre <code>version</code>.</dd> - <dt> - 2 </dt> - <dd> - La version de l'objet a un numéro de version plus grand (plus récent) que le paramètre <code>version</code>.</dd> - <dt> - 3 </dt> - <dd> - La version de l'objet a un numéro mineur plus grand (plus récent) que le paramètre <code>version</code>.</dd> - <dt> - 4 </dt> - <dd> - La version de l'objet a un numéro majeur plus grand (plus récent) que le paramètre <code>version</code>.</dd> -</dl> -<p>Les constantes suivantes sont définies et disponible pour vérifier la valeur retournée par <code>compareTo</code> :</p> -<ul> - <li><code>InstallVersion.MAJOR_DIFF</code></li> - <li><code>InstallVersion.MINOR_DIFF</code></li> - <li><code>InstallVersion.REL_DIFF</code></li> - <li><code>InstallVersion.BLD_DIFF</code></li> - <li><code>InstallVersion.EQUAL</code></li> - <li><code>InstallVersion.MAJOR_DIFF_MINUS</code></li> - <li><code>InstallVersion.MINOR_DIFF_MINUS</code></li> - <li><code>InstallVersion.REL_DIFF_MINUS</code></li> - <li><code>InstallVersion.BLD_DIFF_MINUS</code></li> -</ul> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Ce code est utilise la méthode <code>compareTo</code> pour déterminer si oui ou non la version 3.2.1 du logiciel « Royal Airways » a été précédemment installée :</p> -<pre class="eval">existingVI = InstallTrigger.getVersion("/royalairways/royalsw"); - -if ( existingVI.compareTo("3.2.1") <= 0 ) { - // ... procède à la mise à jour ... - } -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallVersion_Object/Methods/compareTo" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/index.html deleted file mode 100644 index 1b8e8ec247..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: Méthodes -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallVersion/Méthodes -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/InstallVersion_Object/Methods ---- -<p> </p> -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h3> -<dl> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/compareTo">compareTo()</a></dt> - <dd> - Compare les informations de version spécifiée dans l'objet à celles spécifiées dans le paramètre <code>version</code>.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/init">init()</a></dt> - <dd> - Initialise un objet <code>InstallVersion</code>.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion/M%c3%a9thodes/toString">toString()</a></dt> - <dd> - Convertit un objet <code>InstallVersion</code> en chaîne.</dd> -</dl> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallVersion_Object/Methods" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/init/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/init/index.html deleted file mode 100644 index df326e2a0f..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/init/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: init -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallVersion/Méthodes/init -translation_of: Archive/Mozilla/XPInstall/Reference/InstallVersion_Object/Methods/init ---- -<p> </p> -<h3 id="init" name="init">init</h3> -<p>Initialise un objet <code>init</code>.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">init ( int maj, int min, int rev, int bld ); -</pre> -<pre class="eval">init ( String version ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>init</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>maj</code></dt> - <dd> - Le numéro de version majeur.</dd> - <dt> - <code>min</code></dt> - <dd> - Le numéro de version mineur.</dd> - <dt> - <code>rev</code></dt> - <dd> - Le numéro de révision.</dd> - <dt> - <code>bld</code></dt> - <dd> - Le numéro de compilation.</dd> - <dt> - <code>version</code></dt> - <dd> - Une chaîne représentant les informations de version au format <code>4.1.2.1234</code>.</dd> -</dl> -<p>Lorsque <code>maj</code>, <code>min</code>, <code>rev</code> et <code>bld</code> sont donnés comme paramètres, ils sont tout quatre obligatoires, mais ils peuvent tous être égaux à <code>0</code>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallVersion_Object/Methods/init" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/tostring/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/tostring/index.html deleted file mode 100644 index 8063509a39..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/méthodes/tostring/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: toString -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallVersion/Méthodes/toString -translation_of: Archive/Mozilla/XPInstall/Reference/InstallVersion_Object/Methods/toString ---- -<p> </p> -<h3 id="toString" name="toString">toString</h3> -<p>Convertit un objet <code>InstallVersion</code> <code>init</code> en chaîne.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_InstallVersion">InstallVersion</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">String version = InstallVersion.toString ( initObj ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>toString</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>initObj</code></dt> - <dd> - <code>initObj</code> est un objet <code>InstallVersion</code> dont la méthode <code>init</code> a été appelée.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Les nombres majeurs, mineurs, de révision et de compilation représentés dans une chaîne unique.</p> -<p>La fonction <code>init()</code> peut entrer le numéro de version comme une chaîne unique ou comme une série de paramètres représentant les numéros de versions de l'installation. Pour sortir le numéro de version d'un objet <code>InstallVersion</code> afin de la comparer avec les autres versions, on peut appeler <code>toString()</code> et récupérer la version sous forme de chaîne au format ""<code>maj.min.rev.bld</code>".</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">var vi = new InstallVersion(); -vi.init("999.888.777.666"); //Chaîne aléatoire -viString = vi.toString(); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallVersion_Object/Methods/toString" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/propriétés/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/propriétés/index.html deleted file mode 100644 index 01c7a3cf90..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_installversion/propriétés/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: Propriétés -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_InstallVersion/Propriétés -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/InstallVersion_Object/Properties ---- -<p> </p> -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s">Propriétés</h3> -<dl> - <dt> - <code>major</code></dt> - <dd> - Élément le plus significatif de l'objet <code>InstallVersion</code>. Par exemple, la version majeure de Netscape 6 est <code>6</code>.</dd> -</dl> -<dl> - <dt> - <code>minor</code></dt> - <dd> - Second élément significatif de l'objet <code>InstallVersion</code>. Par exemple la version mineure de Netscape Communicator 4.7 est <code>7</code>.</dd> -</dl> -<dl> - <dt> - <code>release</code></dt> - <dd> - Second élément de moindre signification de l'objet <code>InstallVersion</code>.</dd> -</dl> -<dl> - <dt> - <code>build</code></dt> - <dd> - Élément de moindre signification de l'objet <code>InstallVersion</code>. Par exemple, le buildID, ou ID de compilation, de Netscape 6 est représenté par un datage au format AAAAMMJJHH : 2001031808 signifie que la compilation date de 2001, au mois de mars, le 18<sup>e</sup> jour du mois, à 8h00.</dd> -</dl> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/InstallVersion_Object/Properties" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/index.html deleted file mode 100644 index 2b3678e354..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/index.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: Objet WinProfile -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinProfile -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/WinProfile_Object ---- -<h2 id="WinProfile" name="WinProfile">WinProfile</h2> -<p>(Microsoft Windows uniquement)</p> -<p>Cet objet peut être utilisé par les développeurs Windows pour manipuler le contenu d'un fichier <code>.ini</code> de Windows.</p> -<h3 id="Pr.C3.A9sentation" name="Pr.C3.A9sentation">Présentation</h3> -<p>Cet objet n'a pas de constructeur publique. À la place, vous construisez une instance de cet objet en appelant la méthode <code><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinProfile">getWinProfile</a></code> de l'objet <code><a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></code>.</p> -<p>Les deux méthodes de l'objet <code>WinProfile</code>, <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/WinPro/Objet_File/M%c3%a9thodes/getString">getString</a> et <a href="/fr/docs/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/WinPro/Objet_File/M%c3%a9thodes/writeString">writeString</a>, permettent de lire et d'écrire des données dans les paires de clefs/valeurs d'un fichier <code>.ini</code> de Windows.</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/getstring/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/getstring/index.html deleted file mode 100644 index 8d9f80bb76..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/getstring/index.html +++ /dev/null @@ -1,37 +0,0 @@ ---- -title: getString -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinProfile/Méthodes/getString -translation_of: Archive/Mozilla/XPInstall/Reference/WinProfile_Object/Methods/getString ---- -<p> </p> -<h3 id="getString" name="getString">getString</h3> -<p>Récupère une valeur d'un fichier <code>.ini</code>.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile">WinProfile</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">String getString ( String section, String key); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Cette méthode a les paramètres suivants :</p> -<dl> - <dt> - <code>section</code></dt> - <dd> - Le nom d'une section du fichier, tel que <code>boot</code> ou <code>drivers</code>.</dd> - <dt> - <code>key</code></dt> - <dd> - La clef de la section dont il faut retourner la valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>La valeur de la clef ou une chaîne vide si rien n'a été trouvé.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Cette méthode <code>getString</code> est semblable à la fonction <code>getPrivateProfileString</code> de l'API de Windows. Contrairement à cette dernière, cette méthode ne supporte pas l'utilisation d'une clef vide pour retourner les listes des clefs de la section.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour récupérer le nom du fichier de fond d'écran depuis la section <code>desktop</code> du fichier <code>win.ini</code>, on utilise l'appel :</p> -<pre class="eval">ini = getWinProfile (getFolder("Windows"), "win.ini"); -var wallpaperValue = ini.getString ("Desktop", "Wallpaper"); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinProfile_Object/Methods/getString" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/index.html deleted file mode 100644 index 0c325a8588..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: Méthodes -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinProfile/Méthodes -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/WinProfile_Object/Methods ---- -<p> </p> -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h3> -<dl> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile/M%c3%a9thodes/getString">getString</a></dt> - <dd> - Récupère une valeur dans un fichier <code>.ini</code>.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile/M%c3%a9thodes/writeString">writeString</a></dt> - <dd> - Modifie une valeur dans un fichier <code>.ini</code>.</dd> -</dl> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinProfile_Object/Methods" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/writestring/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/writestring/index.html deleted file mode 100644 index 46ec4c3801..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winprofile/méthodes/writestring/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: writeString -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinProfile/Méthodes/writeString -translation_of: Archive/Mozilla/XPInstall/Reference/WinProfile_Object/Methods/writeString ---- -<p> </p> -<h3 id="writeString" name="writeString">writeString</h3> -<p>Changes a value in a .<code>ini</code> file.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinProfile">WinProfile</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">Boolean writeString ( String section, String key, String value); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Cette méthode a les paramètres suivants :</p> -<dl> - <dt> - <code>section</code></dt> - <dd> - Le nom d'une section du fichier, telle que <code>boot</code> ou <code>drivers</code>.</dd> - <dt> - <code>key</code></dt> - <dd> - La clef dans cette section dont on veut modifier la valeur.</dd> - <dt> - <code>value</code></dt> - <dd> - La nouvelle valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p><code>True</code> si correctement programmé, autrement, <code>false</code>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>writeString</code> est similaire à la fonction <code>WritePrivateProfileString</code> de l'API de Windows. Pour effacer une valeur existante, fournissez une valeur vide pour le paramètre <code>value</code>. Contrairement à la fonction <code>WritePrivateProfileString</code>, cette méthode ne supporte pas l'utilisation d'une clef vide pour effacer une section entière. Les valeurs ne seront écrites qu'après l'appel de la méthode <code>performInstall</code>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour définir le nom du fichier de fond d'écran depuis la section <code>Desktop</code> du fichier <code>win.ini</code>, on utilise cet appel :</p> -<pre class="eval">ini = getWinProfile (getFolder("Windows"), "win.ini"); -ini.writeString ("Desktop", "Wallpaper", "newpathname"); -</pre> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinProfile_Object/Methods/writeString" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/index.html deleted file mode 100644 index 84bff48cfa..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: Objet WinReg -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object ---- -<p> </p> -<h2 id="WinReg" name="WinReg">WinReg</h2> -<p>(Microsoft Windows uniquement)</p> -<p>Cet objet peut être utilisé par les développeurs pour manipuler le contenu de la base de registre Windows.</p> -<h3 id="Pr.C3.A9sentation" name="Pr.C3.A9sentation">Présentation</h3> -<p>Cet objet n'a pas de constructeur public. À la place, vous devez construire une instance de cet objet en appelant la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/getWinRegistry">getWinRegistry</a></code> de l'objet <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install">Install</a></code>.</p> -<p>Ce document suppose que vous êtes déjà familier avec la base de registre de Windows. Pour plus d'informations sur elle, voir la documentation de l'API pour Windows.</p> -<p>Lors de la construction d'un objet <code>WinReg</code>, il est définit pour opérer avec <code>HKEY_CLASSES_ROOT</code> comme clef racine. Pour utiliser une clef racine différente, il faut utiliser la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setRootKey">setRootKey</a></code>.</p> -<p>Généralement, les valeurs de la base de registre sont des chaînes. Pour manipuler de telles chaînes, il faut utiliser les méthodes <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValueString">getValueString</a></code> et <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueString">setValueString</a></code>. Pour manipuler des valeurs d'un autre type, il faut utiliser les méthodes <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValue">getValue</a></code> et <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValue">setValue</a></code>.</p> -<p>La lecture des valeurs de registre est immédiate. Cependant, l'écriture dans la base de registre est retardée jusqu'à l'appel de <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_Install/M%c3%a9thodes/performInstall">performInstall</a></code>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/createkey/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/createkey/index.html deleted file mode 100644 index 79b12fcd7e..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/createkey/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: createKey -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/createKey -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/createKey ---- -<p> </p> -<h3 id="createKey" name="createKey">createKey</h3> -<p>Ajoute une clef à la base de registre.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int createKey ( Chaîne subkey, Chaîne classname); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>createKey</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>classname</code></dt> - <dd> - Habituellement, une chaîne vide. Pour plus d'informations sur ce paramètre, voir la description de <code>RegCreateKeyEx</code> dans la documentation de l'API Windows.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>0 en cas de succès ou un nombre non nul si l'ordonnancement de la création a échoué. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>createKey</code> ajoute une clef à la base de registre. Il faut ajouter une clef au registre avant de pouvoir lui assigner une valeur.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/createKey" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/deletekey/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/deletekey/index.html deleted file mode 100644 index e05e7dabc8..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/deletekey/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: deleteKey -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/deleteKey -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/deleteKey ---- -<p> </p> -<h3 id="deleteKey" name="deleteKey">deleteKey</h3> -<p>Supprime une clef de la base de registre.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int deleteKey ( String subkey); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>deleteKey</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clef, tel que<code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>0 en cas de succès ; un nombre non nul si l'ordonnancement de la suppression a échoué. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/deleteKey" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/deletevalue/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/deletevalue/index.html deleted file mode 100644 index a69f08bcd9..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/deletevalue/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: deleteValue -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/deleteValue -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/deleteValue ---- -<p> </p> -<h3 id="deleteValue" name="deleteValue">deleteValue</h3> -<p>Supprime la valeur d'un clef arbitraire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int deleteValue ( Chaîne subkey, Chaîne valname); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>deleteValue</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>valname</code></dt> - <dd> - Le nom de la paire nom_de_valeur/valeur à supprimer.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>0 en cas de succès ou un nombre non nul si la suppression a échouée.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/deleteValue" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/enumkeys/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/enumkeys/index.html deleted file mode 100644 index 760d620dcd..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/enumkeys/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: enumKeys -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/enumKeys -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/enumKeys ---- -<p> </p> -<h3 id="enumKeys" name="enumKeys">enumKeys</h3> -<p>Énumère les sous-clefs de registre de la clef donnée.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">String enumKeys ( Chaîne key, int subkeyIndex ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>enumKeys</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>key</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>subkeyIndex</code></dt> - <dd> - Un entier représentant l'index base 0 de la clef dont on cherche la valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Le nom en cas de succès ou <code>NULL</code> si la valeur référencée n'existe pas.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>enumKeys</code> peut être utilisée pour définir une itération dans les sous-clefs d'une clef donnée. L'exemple suivant montre comment utiliser la méthode <code>enumKeys</code> pour trouver le sous-répertoire des plugins dans les différentes installations des navigateurs basés sur Mozilla :</p> -<pre class="eval">var winreg = getWinRegistry(); -winreg.setRootKey(winreg.HKEY_LOCAL_MACHINE); -var index = 0; -var baseKey = "Software\\Mozilla"; -while ( (MozillaVersion = winreg.enumKeys(baseKey,index)) != null ) -{ - logComment("MozillaVersion = " + MozillaVersion); - subkey = baseKey + "\\" + MozillaVersion + "\\Extensions"; - pluginsDir = winreg.getValueString ( subkey, "Plugins" ); - if ( pluginsDir ) - logComment("pluginsDir = " + pluginsDir); - else - logComment("No plugins dir for " + baseKey + "\\" + MozillaVersion); - index++; -} -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/enumKeys" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/enumvaluenames/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/enumvaluenames/index.html deleted file mode 100644 index 8eddf182b8..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/enumvaluenames/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: enumValueNames -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/enumValueNames -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/enumValueNames ---- -<p> </p> -<h3 id="enumValueNames" name="enumValueNames">enumValueNames</h3> -<p>Énumère la valeur d'une clef donnée.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">String enumValueNames ( Chaîne key, int subkeyIndex ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>enumValueNames</code> a les paramètres suivants</p> -<dl> - <dd> - </dd> - <dt> - <code>key</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>subkeyIndex</code></dt> - <dd> - Un entier représentant l'index base 0 de la clef dont on cherche la valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>La valeur de la clef en tant que chaîne si l'opération réussit ou <code>NULL</code> si la sous-clef indiquée n'existe pas.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>enumValueNames</code> peut être utilisée pour exécuter une itération dans les valeurs d'une clef donnée. L'exemple suivant récupère la valeur d'une clef à l'aide de cette méthode :</p> -<pre class="eval">var winreg = getWinRegistry(); -winreg.setRootKey(winreg.HKEY_LOCAL_MACHINE); -v1 = winreg.enumValueNames("SOFTWARE\\Mozilla\\", 0); -logComment("The first subkey value of the Mozilla key: " + v1) -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/enumValueNames" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvalue/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvalue/index.html deleted file mode 100644 index 09accbd416..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvalue/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: getValue -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/getValue -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/getValue ---- -<p> </p> -<h3 id="getValue" name="getValue">getValue</h3> -<p>(Netscape 6 et Mozilla ne supportent pas cette méthode)</p> -<p>Récupère la valeur d'une clef arbitraire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">WinRegValue getValue ( Chaîne subkey, Chaîne valname); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>getValue</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>valname</code></dt> - <dd> - Le nom de la paire nom_de_la_valeur/valeur dont on veut récupérer la valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un objet <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/WinRegValue">WinRegValue</a></code> représentant la valeur de la paire nom_de_la_valeur/valeur ou <code>null</code> s'il n'y a pas de valeur ou s'il se produit une erreur. Pour plus d'informations sur ces valeurs, voir <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/WinRegValue">WinRegValue</a></code>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getValue</code> récupère la valeur d'une clef arbitraire. Cette méthode est utilisée si la valeur voulue n'est pas une chaîne. Si la valeur est une chaîne, la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValueString">getValueString</a></code> est plus adpatée.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/getValue" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvaluenumber/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvaluenumber/index.html deleted file mode 100644 index 72730a84dc..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvaluenumber/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: getValueNumber -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/getValueNumber -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/getValueNumber ---- -<p> </p> -<h3 id="getValueNumber" name="getValueNumber">getValueNumber</h3> -<p>Récupère la valeur d'un clef lorsque cette valeur est un nombre.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">Number getValueNumber ( Chaîne subkey, Chaîne valname); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>getValueString</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>valname</code></dt> - <dd> - Le nom de la paire nom_de_la_valeur/valeur dont on veut récupérer la valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>La valeur du nombre de la clef spécifiée ou <code>null</code> s'il se produit une erreur, la valeur n'a pas été trouvée ou cette valeur n'est pas un nombre.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getValueNumber</code> récupère la valeur d'une clef. Si cette valeur n'est pas un nombre, on utilise la méthode <code>getValue</code>.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/getValueNumber" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvaluestring/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvaluestring/index.html deleted file mode 100644 index 176746ce8a..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/getvaluestring/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: getValueString -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/getValueString -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/getValueString ---- -<p> </p> -<h3 id="getValueString" name="getValueString">getValueString</h3> -<p>Récupère la valeur d'une clef lorsque cette valeur est une chaîne.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">String getValueString ( Chaîne subkey, Chaîne valname); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>getValueString</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>valname</code></dt> - <dd> - Le nom de la paire nom_de_la_valeur/valeur dont on veut récupérer la valeur.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Une chaîne représentant la valeur de la paire nom_de_la_valeur/valeur ou <code>null</code> si cela produit une erreur, si la valeur n'a pas été trouvée ou si la valeur n'est pas une chaîne.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>getValueString</code> récupère la valeur d'une chaîne. Si cette valeur n'est pas une chaîne, on utilise la méthode <code>getValue</code>.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/getValueString" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/index.html deleted file mode 100644 index df9d96ff76..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: Méthodes -slug: Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes -tags: - - Référence_de_l'API_XPInstall -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods ---- -<p> </p> -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h3> -<dl> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/createKey">createKey</a></dt> - <dd> - Ajoute une clef.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/deleteKey">deleteKey</a></dt> - <dd> - Supprime une clef.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/deleteValue">deleteValue</a></dt> - <dd> - Supprime la valeur d'un clef arbitraire.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/enumKeys">enumKeys</a></dt> - <dd> - Récupère les sous-clefs de registre de la clef donnée.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/enumValueNames">enumValueNames</a></dt> - <dd> - Récupère la valeur de la sous-clef donnée.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValue">getValue</a></dt> - <dd> - Récupère la valeur d'un clef arbitraire.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValueNumber">getValueNumber</a></dt> - <dd> - Récupère la valeur d'une clef, lorsque cette valeur est un nombre entier.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/getValueString">getValueString</a></dt> - <dd> - Récupère la valeur d'une clef, lorsque cette valeur est une chaîne.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/isKeyWritable">isKeyWritable</a></dt> - <dd> - Retourne si la clef donnée est modifiable ou non.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/keyExists">keyExists</a></dt> - <dd> - Retourne si la clef donnée existe ou si elle est lisible.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/keyExists">setRootKey</a></dt> - <dd> - Change la clef racine à laquelle accéder.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValue">setValue</a></dt> - <dd> - Définit la valeur d'une clef arbitraire.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueNumber">setValueNumber</a></dt> - <dd> - Définit la valeur d'un clef, lorsque cette valeur est un nombre entier.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueString">setValueString</a></dt> - <dd> - Définit la valeur d'une clef, lorsque cette valeur est une chaîne.</dd> - <dt> - <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/valueExists">valueExists</a></dt> - <dd> - Retourne si la valeur donnée existe ou non.</dd> -</dl> -<p>Le constructeur <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/WinRegValue">WinRegValue</a> crée un objet <code>WinRegValue</code>.</p> -<p><span class="comment">Interwiki Languages Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/iskeywritable/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/iskeywritable/index.html deleted file mode 100644 index 8a95f850ed..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/iskeywritable/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: isKeyWritable -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/isKeyWritable -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/isKeyWritable ---- -<p> </p> -<h3 id="isKeyWritable" name="isKeyWritable">isKeyWritable</h3> -<p>Retourne si la clef est accessible en écriture ou non.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean isKeyWritable( chaîne key); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>isKeyWritable</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>key</code></dt> - <dd> - Une chaîne représentant le chemin de la clef.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Une valeur booléenne : <code>true</code> si la clef est accessible en écriture ; <code>false</code> dans le cas contraire.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">winreg = getWinRegistry(); -if ( winreg != null ) -{ - winreg.setRootKey ( winreg.HKEY_LOCAL_MACHINE ); - if(winreg.isKeyWritable("SOFTWARE")) - { - //isKeyWritable retourne true - } - else - { - //isKeyWritable retourne false - } -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/isKeyWritable" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/keyexists/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/keyexists/index.html deleted file mode 100644 index e13a16cde3..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/keyexists/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: keyExists -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/keyExists -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/keyExists ---- -<p> </p> -<h3 id="keyExists" name="keyExists">keyExists</h3> -<p>Indique si la clef existe ou non.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean keyExists ( Chaîne key); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>keyExists</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>key</code></dt> - <dd> - Une chaîne représentant le chemin de la clef.</dd> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>Une valeur booléenne.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Si l'utilisateur n'a pas d'accès en lecture à la clef donnée, cette méthode retourne <code>false</code>.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">winreg = getWinRegistry(); -if ( winreg != null ) -{ - winreg.setRootKey( winreg.HKEY_LOCAL_MACHINE); - if(winreg.keyExists("SOFTWARE\\mozilla")) - { - - //keyExists retourne true - - } else { - - //keyExists retourne false - - } -} -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/keyExists" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setrootkey/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setrootkey/index.html deleted file mode 100644 index df3bb58d97..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setrootkey/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: setRootKey -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/setRootKey -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/setRootKey ---- -<p> </p> -<h3 id="setRootKey" name="setRootKey">setRootKey</h3> -<p>Change la clef racine à laquelle on veut accéder.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">void setRootKey ( int key ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>setRootKey</code> a le paramètre suivant :</p> -<dl> - <dt> - <code>key</code></dt> - <dd> - Un nombre entier représentant la clef racine dans la base de registre.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Aucun.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>setRootKey</code> change la clef racine.</p> -<p>Lorsqu'on crée un objet <code>WinReg</code>, il est défini pour accéder aux clefs de la section <code>HKEY_CLASSES_ROOT</code> de la base de registre. Si on désire accéder à des clefs d'une autre section, il est nécessaire d'utiliser cette méthode pour changer la clef racine.</p> -<p>Sur les plate-formes Windows 16-bits, <code>HKEY_CLASSES_ROOT</code> est l'unique valeur validerel et cette méthode n'a aucun effet.</p> -<p>Ces clefs racines sont représentées comme champs de l'objet <code>WinReg</code>. Les valeurs possibles sont :</p> -<ul> - <li><code>HKEY_CLASSES_ROOT</code></li> - <li><code>HKEY_CURRENT_USER</code></li> - <li><code>HKEY_LOCAL_MACHINE</code></li> - <li><code>HKEY_USERS</code></li> -</ul> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<p>Pour utiliser la section <code>HKEY_USERS</code> section, utiliser ce code :</p> -<pre class="eval">winreg = getWinRegistry(); -winreg.setRootKey(winreg.HKEY_USERS); -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/setRootKey" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvalue/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvalue/index.html deleted file mode 100644 index c225685d24..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvalue/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: setValue -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/setValue -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/setValue ---- -<p> </p> -<h3 id="setValue" name="setValue">setValue</h3> -<p>(Netscape 6 and Mozilla ne supporte pas cette méthode)</p> -<p>Définit la valeur d'une clef arbitraire.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">String setValue ( Chaîne subkey, Chaîne valname, valeur WinRegValue); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>setValue</code> a les paramètres suivants :</p> -<dl> - <dt> - </dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clef, tel que<code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>valname</code></dt> - <dd> - Le nom de la paire nom_de_valeur/valeur à modifier.</dd> - <dt> - <code>value</code></dt> - <dd> - Un objet <code>WinRegValue</code> représentant une nouvelle valeur différente d'une chaîne. Pour plus d'informations sur ces valeurs, voir <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/WinRegValue">WinRegValue</a></code>.</dd> -</dl> -<dl> - <dt> - <code>subkey</code></dt> -</dl> -<h4 id="Retours" name="Retours">Retours</h4> -<p>0 en cas de succès ; un nombre non nul si l'ordonnancement de la modification a échoué. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<p> </p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>setValue</code> définit la valeur d'une clef arbitraire. Elle est utilisée si la valeur n'est pas une chaîne. Si la valeur est une chaîne, la méthode <code><a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueString">setValueString</a></code> est plus appropriée.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/setValue" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvaluenumber/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvaluenumber/index.html deleted file mode 100644 index f50c659e14..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvaluenumber/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: setValueNumber -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/setValueNumber -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/setValueNumber ---- -<p> </p> -<h3 id="setValueNumber" name="setValueNumber">setValueNumber</h3> -<p>Définit la valeur d'une clef lorsque cette valeur est un nombre.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int setValueNumber ( Chaîne subkey, Chaîne valname, Nombre value ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code> a les paramètres suivants : </code></p> -<dl> - <dt> - <code><code>subkey</code> </code></dt> - <dd> - <code>Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que<code>"Software\\Netscape\\Navigator\\Mail"</code>. </code></dd> - <dt> - <code><code>valname</code> </code></dt> - <dd> - <code>Le nom de la paire nom_de_valeur/valeur à modifier. </code></dd> - <dt> - <code><code>value</code> </code></dt> - <dd> - <code>Un nombre représentant la nouvelle valeur. </code></dd> -</dl> -<h4 id="Retour" name="Retour"><code>Retour </code></h4> -<p><code>0 en cas de succès ou un nombre non nul si l'ordonnancement de la modification a échoué. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>. </code></p> -<h4 id="Description" name="Description"><code>Description </code></h4> -<p><code>La méthode <code>setValueNumber</code> définit la valeur d'une clef lorsque cette valeur est un nombre. Cette méthode est utilisée si la valeur à définir est un nombre. Si la valeur n'est pas un nombre, il faut utiliser les méthodes <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValue"><code>setValue</code></a> ou <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValueString"><code>setValueString</code></a>. </code></p> -<p><code><span class="comment">Interwiki Language Links</span> </code></p> -<p><code>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/setValueNumber" } ) }}</code></p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvaluestring/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvaluestring/index.html deleted file mode 100644 index bb0b166bd4..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/setvaluestring/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: setValueString -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/setValueString -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/setValueString ---- -<p> </p> -<h3 id="setValueString" name="setValueString">setValueString</h3> -<p>Définit la valeur d'une clef lorsque cette valeur est une chaîne.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">int setValueString ( Chaîne subkey, Chaîne valname, Chaîne value); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>setValueString</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>subkey</code></dt> - <dd> - Le chemin de la clef vers l'emplacement approprié dans la hiérarchie de clefs, tel que <code>"Software\\Netscape\\Navigator\\Mail"</code>.</dd> - <dt> - <code>valname</code></dt> - <dd> - Le nom de la paire nom_de_valeur/valeur à modifier.</dd> - <dt> - <code>value</code></dt> - <dd> - La nouvelle valeur chaîne.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>0 en cas de succès ou un nombre non nul si l'ordonnancement de la modification a échoué. Pour la liste complète des valeurs possibles, voir <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Codes_retourn%c3%a9s">Codes retournés</a>.</p> -<h4 id="Description" name="Description">Description</h4> -<p>La méthode <code>setValueString</code> définit la valeur d'une clef lorsque cette valeur est une chaîne. Cette méthode est utilisée si la valeur qu'on veut définir est une chaîne. Dans le cas contraire, il faut utiliser la méthode <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg/M%c3%a9thodes/setValue"><code>setValue</code></a>.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/setValueString" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/valueexists/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/valueexists/index.html deleted file mode 100644 index c879f01034..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/méthodes/valueexists/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: valueExists -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/Méthodes/valueExists -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/Methods/valueExists ---- -<p> </p> -<h3 id="valueExists" name="valueExists">valueExists</h3> -<p>Retourne si une valeur existe pour une clé données.</p> -<h4 id="M.C3.A9thode_de" name="M.C3.A9thode_de">Méthode de</h4> -<p>Objet <a href="fr/R%c3%a9f%c3%a9rence_de_l'API_XPInstall/Objet_WinReg">WinReg</a></p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">boolean valueExists ( chaîne key, chaîne value ); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>La méthode <code>valueExists</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>key</code></dt> - <dd> - Une chaîne représentant le chemin de la clef.</dd> - <dt> - <code>value</code></dt> - <dd> - Une chaîne représentant la valeur à chercher.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Une valeur booléenne : <code>true</code> si la clef existe et si l'utilisateur a accès en lecture, <code>false</code> dans le cas contraire.</p> -<h4 id="Exemple" name="Exemple">Exemple</h4> -<pre class="eval">winreg = getWinRegistry(); -if ( winreg != null ) -{ - winreg.setRootKey( winreg.HKEY_LOCAL_MACHINE); - if(winreg.valueExists("SOFTWARE\\mozilla", "value name")) - { - //valueExists retourne true - } else { - //valueExists retourne false - } -} -</pre> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/Methods/valueExists" } ) }}</p> diff --git a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/winregvalue/index.html b/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/winregvalue/index.html deleted file mode 100644 index 2d3fe83cb1..0000000000 --- a/files/fr/archive/mozilla/xpinstall/référence_de_l_api_xpinstall/objet_winreg/winregvalue/index.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: WinRegValue -slug: >- - Archive/Mozilla/XPInstall/Référence_de_l_API_XPInstall/Objet_WinReg/WinRegValue -translation_of: Archive/Mozilla/XPInstall/Reference/WinReg_Object/WinRegValue ---- -<p> </p> -<h3 id="Constructeur_winRegValue" name="Constructeur_winRegValue">Constructeur winRegValue</h3> -<p>(Microsoft Windows uniquement)</p> -<p>Crée un objet <code>WinRegValue</code>.</p> -<h4 id="Syntaxe" name="Syntaxe">Syntaxe</h4> -<pre class="eval">WinRegValue ( int datatype, byte[] regdata); -</pre> -<h4 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h4> -<p>Le contructeur <code>WinRegValue</code> a les paramètres suivants :</p> -<dl> - <dt> - <code>datatype</code></dt> - <dd> - Un nombre entier indiquant le type de données compris dans cet objet. Les valeurs possibles sont : - <dl> - <dd> - <code>WinRegValue.REG_SZ</code> = 1</dd> - <dd> - <code>WinRegValue.REG_EXPAND_SZ</code> = 2</dd> - <dd> - <code>WinRegValue.REG_BINARY</code> = 3</dd> - <dd> - <code>WinRegValue.REG_DWORD</code> = 4</dd> - <dd> - <code>WinRegValue.REG_DWORD_LITTLE_ENDIAN</code> = 4</dd> - <dd> - <code>WinRegValue.REG_DWORD_BIG_ENDIAN</code> = 5</dd> - <dd> - <code>WinRegValue.REG_LINK</code> = 6</dd> - <dd> - <code>WinRegValue.REG_MULTI_SZ</code> = 7</dd> - <dd> - <code>WinRegValue.REG_RESOURCE_LIST</code> = 8</dd> - <dd> - <code>WinRegValue.REG_FULL_RESOURCE_DESCRIPTOR</code> = 9</dd> - <dd> - <code>WinRegValue.REG_RESOURCE_REQUIREMENTS_LIST</code> = 10</dd> - </dl> - </dd> -</dl> -<dl> - <dt> - <code>regdata</code></dt> - <dd> - Un tableau Java - <i> - bytes</i> - contenant les données.</dd> -</dl> -<h4 id="Retour" name="Retour">Retour</h4> -<p>Un nouvel objet <code>WinRegValue</code>, avec le type de données compris et les données définies aux valeurs passées à ce constructeur.</p> -<h4 id="Description" name="Description">Description</h4> -<p>Les développeurs Windows avancés peuvent utiliser cet objet pour manipuler des valeurs qui ne sont pas des chaînes dans la base de registre de Microsoft Windows.</p> -<p>Un objet de ce type a deux champs : le type des données et la valeur. Pour plus d'informations sur les types des données possibles pour une valeur du registre, voir la documentation de l'API Windows. Vous fournissez la valeur de ces champs au constructeur de cette classe.</p> -<p><span class="comment">Interwiki Language Links</span></p> -<p>{{ languages( { "en": "en/XPInstall_API_Reference/WinReg_Object/WinRegValue" } ) }}</p> diff --git a/files/fr/archive/mozilla/xul/attributs/acceltext/index.html b/files/fr/archive/mozilla/xul/attributs/acceltext/index.html deleted file mode 100644 index c48e829509..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/acceltext/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: acceltext -slug: Archive/Mozilla/XUL/Attributs/acceltext -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/acceltext ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-acceltext"><a href="http://api/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code></dt> - <dd> - Type : <i>chaîne de caractères</i></dd> - <dd> - Texte qui apparaîtra à côté du label d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> pour indiquer la touche de raccourci (accélérateur) à utiliser pour invoquer la commande. Si cette valeur est définie, elle écrase une clé assignée dans l'attribut <code>key</code>. Cet attribut ne s'applique pas aux menus directement sur la Barre de menus (<code>menubar</code>).</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/accesskey/index.html b/files/fr/archive/mozilla/xul/attributs/accesskey/index.html deleted file mode 100644 index 4b89962e66..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/accesskey/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: accesskey -slug: Archive/Mozilla/XUL/Attributs/accesskey -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/accesskey ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt><div class="noinclude"> -<dd> Attribut de : <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/checkbox" title="checkbox">checkbox</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/radio" title="radio">radio</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarbutton" title="toolbarbutton">toolbarbutton</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox (autocomplétion de Firefox)" title="textbox (autocomplétion de Firefox)">textbox (autocomplétion de Firefox)</a></code></dd></div> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. <div class="noinclude">Elle sera généralement affichée soulignée, mais ce comportement est spécifique à la plateforme et au thème. Lorsque l'utilisateur appuie sur ALT (ou une touche similaire variant d'une plateforme à l'autre) et la touche d'accès, l'élément sera activé depuis n'importe où dans la fenêtre. <b>Bien que la valeur ne soit pas sensible à la casse, la lettre correspondant à la casse de l'attribut accesskey sera utlisée si les deux casses existent dans le label</b>. -</div></dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> diff --git a/files/fr/archive/mozilla/xul/attributs/align/index.html b/files/fr/archive/mozilla/xul/attributs/align/index.html deleted file mode 100644 index 46e84c1900..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/align/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: align -slug: Archive/Mozilla/XUL/Attributs/align -tags: - - Attributs_XUL - - Référence_XUL - - XUL -translation_of: Archive/Mozilla/XUL/Attribute/align ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - L'attribut <code>align</code> spécifie la manière dont les éléments enfants de la boîte sont alignés lorsque la taille de celle-ci est plus grande que la taille totale de ses enfants. Pour les boîtes orientées horizontalement, il spécifie la manière dont les enfants seront alignés verticalement. Pour les boîtes dont l'orientation est verticale, il est utilisé pour indiquer la manière dont ils seront alignés horizontalement. L'attribut <code><code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code></code> est lié à l'alignement mais est utilisé pour spécifier la position dans la direction opposée. Il est également possible de spécifier la valeur d'<code>align</code> à l'aide de la propriété de style <a href="fr/CSS/-moz-box-align"><code>-moz-box-align</code></a>.</dd> -</dl> -<ul> - <li><code>start</code> : Les éléments enfants sont alignés depuis le bord gauche ou supérieur de la boîte. Si la boîte est plus grande que la taille totale des enfants, l'espace supplémentaire est laissé du côté droit ou en bas.</li> - <li><code>center</code> : L'espace supplémentaire est divisé en parts égales de chaque côté des éléments enfants, ce qui fait que ceux-ci sont placés au centre de la boîte.</li> - <li><code>end</code> : Les éléments enfants sont placés sur le bord droit ou inférieur de la boîte. Si la boîte est plus grande que la taille totale des enfants, l'espace supplémentaire est laissé sur le bord gauche ou en haut.</li> - <li><code>baseline</code> : Cette valeur ne s'applique qu'aux boîtes orientées horizontalement. Elle fait en sorte que les éléments enfants soient alignés afin que leurs labels texte soient sur la même ligne.</li> - <li><code>stretch</code> : Les éléments enfants sont étirés pour remplir la taille de la boîte. Pour une boîte horizontale, les enfants sont étirés à la hauteur de la boîte. Pour une boîte verticale, les enfants sont étirés à la largeur de la boîte. Si la taille de la boîte change, les enfants s'adaptent. Utilisez l'attribut <code><code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code></code> pour créer des éléments qui s'étirent dans la direction opposée.</li> - <li><code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Les éléments sont alignés sur leurs bords gauches.</li> - <li><code>center</code>: <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Les éléments sont centrés horizontalement.</li> - <li><code>right</code>: <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Les éléments sont alignés sur leurs bords droits.</li> -</ul> -<div class="noinclude"> - <h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h3> - <p>L'attribut <code><code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code></code>.</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/allowevents/index.html b/files/fr/archive/mozilla/xul/attributs/allowevents/index.html deleted file mode 100644 index 79ccf6cd21..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/allowevents/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: allowevents -slug: Archive/Mozilla/XUL/Attributs/allowevents -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/allowevents ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, les évènements sont passés aux enfants de l'élément. Dans le cas contraire, ils ne sont passés qu'à l'élément lui-même. -</dd></dl> -<div class="noinclude"> -<p>Sur les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/titlebar" title="titlebar">titlebar</a></code>, les évènements souris ne sont normalement pas envoyés aux enfants ; ils sont plutôt redirigés vers les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/titlebar" title="titlebar">titlebar</a></code> eux-mêmes. Cela signifie que les éléments placés dans un <code>listitem</code> ne répondent pas aux évènements, et qu'un clic de la souris sélectionne simplement cet objet dans la liste. En définissant l'attribut <code>allowevents</code> à <code>true</code>, ce comportement particulier est désactivé, et les évènements sont dirigés de la même manière que pour les autres éléments. -</p><p>Pour les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code>, ainsi que les boutons de menus et le popup <code><a href="/fr/docs/Mozilla/Tech/XUL/datepicker" title="datepicker">datepicker</a></code>, les évènements souris sont également redirigés vers l'élément lui-même. Cependant, l'attribut <code>allowevents</code> est traité d'une manière différente. Il peut alors être défini à <code>true</code> sur un descendant à la place. C'est ce qui permet aux évènements d'être ciblés normalement, mais d'être différents pour chaque descendant. -</p><p>Ce comportement est notamment utilisé pour des menus, afin de permettre à un bouton de menu de se comporter comme un menu lors d'un clic, tandis qu'une partie du menu pourra se comporter comme un bouton. Pour cette dernière, l'attribut <code>allowevents</code> est défini à <code>true</code> pour qu'un clic sur le bouton enfant reçoive les évènements plutôt qu'il soient tous dirigés vers le menu. -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/allownegativeassertions/index.html b/files/fr/archive/mozilla/xul/attributs/allownegativeassertions/index.html deleted file mode 100644 index f45b88d10c..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/allownegativeassertions/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: allownegativeassertions -slug: Archive/Mozilla/XUL/Attributs/allownegativeassertions -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/allownegativeassertions ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Valide sur tout élément disposant d'un attribut <code>datasources</code>. Lorsque plusieurs sources de données sont utilisées, l'une d'entre-elles peut écraser une assertion provenant d'une autre. Si cet attribut est à <code>true</code>, ce qui est sa valeur par défaut, une source de données peut contredire une assertion précédente. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/buttondisabledaccept/index.html b/files/fr/archive/mozilla/xul/attributs/buttondisabledaccept/index.html deleted file mode 100644 index 0e465ffa3a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/buttondisabledaccept/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: buttondisabledaccept -slug: Archive/Mozilla/XUL/Attributs/buttondisabledaccept -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/buttondisabledaccept ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-buttondisabledaccept"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/buttondisabledaccept">buttondisabledaccept</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, le bouton d'acceptation est initialement désactivé. -</dd></dl> -<p><br> -</p><p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/checked/index.html b/files/fr/archive/mozilla/xul/attributs/checked/index.html deleted file mode 100644 index 688f898817..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/checked/index.html +++ /dev/null @@ -1,24 +0,0 @@ ---- -title: checked -slug: Archive/Mozilla/XUL/Attributs/checked -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/checked ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Indique si l'élément est coché ou non.</dd> - <dd> - Utilisez <code>hasAttribute()</code> pour déterminer si cet attribut est défini plutôt que <code>getAttribute()</code>.<br> - Pour les boutons, l'attribut <code>type</code> doit etre mis à <code>checkbox</code> ou à <code>radio</code> pour qu'un effet soit perceptible.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/class/index.html b/files/fr/archive/mozilla/xul/attributs/class/index.html deleted file mode 100644 index 04ee6410f4..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/class/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: class -slug: Archive/Mozilla/XUL/Attributs/class -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/class ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> La classe de style de l'élément. Plusieurs classes peuvent être spécifiées en les séparant par des espaces. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/coalesceduplicatearcs/index.html b/files/fr/archive/mozilla/xul/attributs/coalesceduplicatearcs/index.html deleted file mode 100644 index 83dff23276..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/coalesceduplicatearcs/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: coalesceduplicatearcs -slug: Archive/Mozilla/XUL/Attributs/coalesceduplicatearcs -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/coalesceduplicatearcs ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Valide sur tout élément disposant d'un attribut <code>datasources</code>. Lorsque plusieurs sources de données sont utilisées, l'une d'entre-elles peut écraser une assertion provenant d'une autre. Si cet attribut est à <code>true</code>, ce qui est sa valeur par défaut, une source de données peut contredire une assertion précédente. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/collapsed/index.html b/files/fr/archive/mozilla/xul/attributs/collapsed/index.html deleted file mode 100644 index c6b879a729..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/collapsed/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: collapsed -slug: Archive/Mozilla/XUL/Attributs/collapsed -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/collapsed ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'élément est réduit et n'est pas visible. C'est l'équivalent de définir la propriété CSS visibility à « collapse ». -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/command/index.html b/files/fr/archive/mozilla/xul/attributs/command/index.html deleted file mode 100644 index e240ec9f15..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/command/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: command -slug: Archive/Mozilla/XUL/Attributs/command -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/command ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> observé par l'élément. -</dd></dl> -<div class="noinclude"> -<h3 id="Exemple" name="Exemple"> Exemple </h3> -<pre><command id="cmd_openhelp" oncommand="alert('Aide');"/> -<button label="Aide" command="cmd_openhelp"/> -<button label="Plus d'aide" command="cmd_openhelp"/> -</pre> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<p>L'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code></code>, l'attribut <code><code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code></code> et l'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/commandset" title="commandset">commandset</a></code></code>. -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/container/index.html b/files/fr/archive/mozilla/xul/attributs/container/index.html deleted file mode 100644 index da385d1751..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/container/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: container -slug: Archive/Mozilla/XUL/Attributs/container -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/container ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Défini à true si l'élément doit agir comme un conteneur pouvant avoir des éléments enfants. Ceci peut être utilisé pour des dossiers. Cet attribut sera défini par le constructeur de template si nécessaire. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/containment/index.html b/files/fr/archive/mozilla/xul/attributs/containment/index.html deleted file mode 100644 index 47d917f06b..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/containment/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: containment -slug: Archive/Mozilla/XUL/Attributs/containment -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/containment ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code> -</dt><dd> Type : <i>URI d'un prédicat RDF</i> -</dd><dd> Cet attribut spécifie des propriétés RDF indiquant qu'ne ressource est un conteneur. Lors de la génération de contenu depuis un template, ceci est utilisé pour déterminer quelles ressources de la source de données sont des conteneurs et peuvent donc avoir des nœuds enfants, et lesquelles ne le sont pas. -</dd></dl> -<dl><dd> Cet attribut doit être placé sur le même élément que les attributs <code>datasources</code> et <code>ref</code>. Il peut être défini comme une liste de propriétés ou ressources RDF séparées par des espaces. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/context/index.html b/files/fr/archive/mozilla/xul/attributs/context/index.html deleted file mode 100644 index 13e130ea04..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/context/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: context -slug: Archive/Mozilla/XUL/Attributs/context -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/context ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code> -</dt><dd> Type : <i>id de l'élément popup</i> -</dd><dd> Doit être défini à la valeur de l'id de l'élément popup devant apparaître lorsque l'utilisateur fait un clic contextuel sur l'élément. La manière de réaliser un clic contextuel diffère selon la plateforme. Habituellement il s'agira d'un clic droit. La valeur spéciale « <code>_child</code> » peut être utilisée pour indiquer le premier <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> enfant de l'élément. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/contextmenu/index.html b/files/fr/archive/mozilla/xul/attributs/contextmenu/index.html deleted file mode 100644 index 9f11c2f1d6..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/contextmenu/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: contextmenu -slug: Archive/Mozilla/XUL/Attributs/contextmenu -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/contextmenu ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code> -</dt><dd> Type : <i>id d'un élément popup</i> -</dd><dd> Nom alternatif pour l'attribut <code>context</code>, mais dispose également d'une propriété de script correspondante « contextmenu ». -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/crop/index.html b/files/fr/archive/mozilla/xul/attributs/crop/index.html deleted file mode 100644 index 6ee6cd1d52..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/crop/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: crop -slug: Archive/Mozilla/XUL/Attributs/crop -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/crop ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> -<div class="noinclude"> -<dl><dd> Selon la plateforme et le thème utilisé, certains éléments auront une largeur maximale définie de sorte qu'ils seront toujours tronqués. Si vous décidez d'utiliser la valeur <code>none</code> et que le texte est plus grand que cette valeur maximale, vous pouvez faire usage de la propriété CSS <code>max-width</code> (ou de l'attribut maxwidth) pour agrandir cette taille. Par exemple, pour un élément de menu vous pouvez ajouter la règle CSS suivante lorsque vous désirez utiliser la valeur <code>none</code> : -</dd></dl> -<pre class="eval">menupopup > menuitem, menupopup > menu { max-width: none; } -</pre> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/datasources/index.html b/files/fr/archive/mozilla/xul/attributs/datasources/index.html deleted file mode 100644 index 98dd93bbe1..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/datasources/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: datasources -slug: Archive/Mozilla/XUL/Attributs/datasources -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/datasources ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code> -</dt><dd> Type : <i>liste d'URI datasource séparées par des espaces</i> -</dd><dd> Une liste séparée par des espaces de sources de données que le template d'un élément utilisera pour la génération de contenu. Il peut s'agir tant de sources de données internes comme rdf:bookmarks que de l'URL d'un fichier RDF. L'attribut <code>datasources</code> peut être placé sur la plupart des éléments, bien qu'il se trouve le plus souvent sur des arbres (<code>tree</code>) et <code>menupopup</code>s. L'élément doit avoir un élément de template comme enfant. -</dd></dl> -<dl><dd> Les sources de données spécifiées sont combinées en une source de données composite unique qui conserve les données de toutes les sources. Cette source composite est accessible via un script au travers de la propriété <code>database</code>. -</dd></dl> -<dl><dd> Si vous envisagez d'ajouter une source de données à un élément mais ne désirez pas l'ajouter immédiatement, définissez cette propriété à « <code>rdf:null</code> ». Cela préparera l'élément à ce que son contenu soit généré depuis une source de données. Autrement, il ne sera pas possible d'en ajouter une par la suite. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/datepicker.type/index.html b/files/fr/archive/mozilla/xul/attributs/datepicker.type/index.html deleted file mode 100644 index 6046455950..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/datepicker.type/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: datepicker.type -slug: Archive/Mozilla/XUL/Attributs/datepicker.type -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/datepicker.type ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <a href="fr/XUL/Attributs/datepicker.type">type</a></dt> - <dd> - Type : <i>une des valeurs suivantes</i></dd> - <dd> - L'attribut <code>type</code> peut avoir l'une des valeurs ci-dessous afin de spécifier le type de sélecteur de date à utiliser :</dd> -</dl> -<ul> - <li><code>normal</code> : Un sélecteur de date avec trois champs pour entrer l'année, le mois et le jour. C'est la valeur par défaut, il ne faut donc pas spécifier l'attribut <code>type</code> si c'est le genre désiré.</li> - <li><code>grid</code> : Un sélecteur de date qui affiche une grille de calendrier où un mois est affiché à la fois.</li> - <li><code>popup</code> : Un sélecteur de date avec trois champs d'entrée mais un bouton déroulant supplémentaire qui, lorsqu'on clique dessus, affichera une grille de calendrier.</li> -</ul> -<div class="noinclude"> - <dl> - <dt> - Type normal</dt> - <dd> - <img alt="Image:Controlsguide-datepicker.png" class="internal" src="/@api/deki/files/158/=Controlsguide-datepicker.png"></dd> - <dt> - Type grid</dt> - <dd> - <img alt="Image:Controlsguide-datepicker-grid.png" class="internal" src="/@api/deki/files/156/=Controlsguide-datepicker-grid.png"></dd> - <dt> - Type popup</dt> - <dd> - <img alt="Image:Controlsguide-datepicker-popup.png" class="internal" src="/@api/deki/files/5093/=Controlsguide-datepicker-popup.png?"></dd> - </dl> -</div> -<p> </p> diff --git a/files/fr/archive/mozilla/xul/attributs/datepicker.value/index.html b/files/fr/archive/mozilla/xul/attributs/datepicker.value/index.html deleted file mode 100644 index a05c4e5b51..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/datepicker.value/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: datepicker.value -slug: Archive/Mozilla/XUL/Attributs/datepicker.value -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/datepicker.value ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La valeur initiale du sélecteur de date sous la forme <var>AAAA/MM/JJ</var>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/dir/index.html b/files/fr/archive/mozilla/xul/attributs/dir/index.html deleted file mode 100644 index a2f4cce3d4..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/dir/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: dir -slug: Archive/Mozilla/XUL/Attributs/dir -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/dir ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - La direction dans laquelle les éléments enfants de l'élément seront placés.</dd> -</dl> -<ul> - <li><code>normal</code> : <magic name="\"PAGENAME\"/">Les valeurs de l'échelle sont triées de gauche à droite (pour les échelles horizontales) ou de haut en bas (pour les échelles verticales)., Les éléments sont placés de gauche à droite ou de haut en bas dans l'ordre dans lequel ils apparaissent dans le code XUL.)</magic></li> - <li><code>reverse</code> : Les valeurs de l'échelle sont triées de droite à gauche (pour les échelles horizontales) ou de bas en haut (pour les échelles verticales)., Les éléments sont placés de droite à gauche ou de bas en haut. C'est le contraire de l'ordre dans lequel ils apparaissent dans le code XUL.)</li> -</ul> -<div class="noinclude"> - <h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h3> - <ul> - <li><code id="a-resizer.dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resizer.dir">resizer.dir</a></code></li> - </ul> -</div> -<p> </p> diff --git a/files/fr/archive/mozilla/xul/attributs/disabled/index.html b/files/fr/archive/mozilla/xul/attributs/disabled/index.html deleted file mode 100644 index a397863950..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/disabled/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: disabled -slug: Archive/Mozilla/XUL/Attributs/disabled -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/disabled ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. <div class="noinclude">L'élément répondra cependant encore aux évènements souris. Pour activer l'élément, ne spécifiez simplement pas cet attribut plutôt que de définir sa valeur à <code>false</code>. -</div></dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> diff --git a/files/fr/archive/mozilla/xul/attributs/empty/index.html b/files/fr/archive/mozilla/xul/attributs/empty/index.html deleted file mode 100644 index 0dc77fd889..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/empty/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: empty -slug: Archive/Mozilla/XUL/Attributs/empty -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/empty ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Défini à <code>true</code> si l'élément est un conteneur qui ne contient aucun enfant. Il sera défini par le constructeur de template si nécessaire. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/equalsize/index.html b/files/fr/archive/mozilla/xul/attributs/equalsize/index.html deleted file mode 100644 index c9af38b1aa..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/equalsize/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: equalsize -slug: Archive/Mozilla/XUL/Attributs/equalsize -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/equalsize ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Cet attribut peut être utilisé pour rendre les enfants d'un élément égaux en taille. -</dd></dl> -<ul><li> <code>always</code> : pour un élément orienté horizontalement, tous les enfants auront la largeur de l'élément le plus large. Pour un élément orienté verticalement, tous les enfants auront la hauteur de l'élément le plus haut. -</li><li> <code>never</code> : tous les enfants sont affichés à la taille requise par le contenu ou telle que spécifiée par les attributs <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> et <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code> ou les propriétés CSS <a href="/fr/docs/Web/CSS/width" title="La propriété width définit la largeur d'un élément. Par défaut, c'est la largeur de la zone de contenu (comprise à l'intérieur de la boîte de remplissage (padding), de la bordure (border) et de la boîte de marge (margin) de l'élément) mais si box-sizing vaut border-box, ce sera la largeur de la zone incluant la bordure."><code>width</code></a> et <a href="/fr/docs/Web/CSS/height" title="La propriété height définit la hauteur de la boîte de contenu d'un élément. La boîte de contenu est à l'intérieur de la boîte de remplissage (padding) qui est à l'intérieur de la boîte de bordure qui est elle-même à l'intérieur de la boîte de marge de l'élément. Si la propriété box-sizing vaut border-box, cette propriété détermine la hauteur de la boîte de marge."><code>height</code></a>. -</li></ul> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/firstdayofweek/index.html b/files/fr/archive/mozilla/xul/attributs/firstdayofweek/index.html deleted file mode 100644 index c94dc80095..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/firstdayofweek/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: firstdayofweek -slug: Archive/Mozilla/XUL/Attributs/firstdayofweek -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/firstdayofweek ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-firstdayofweek"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/firstdayofweek">firstdayofweek</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Indique le jour de la semaine à afficher comme premier jour dans la grille. Les valeurs vont de 0 à 6, où 0 est dimanche et 6 est samedi. La valeur par défaut est déterminée par la locale, n'utilisez donc cet attribut que si vous désirez l'écraser. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/flags/index.html b/files/fr/archive/mozilla/xul/attributs/flags/index.html deleted file mode 100644 index 28e4635cac..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/flags/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: flags -slug: Archive/Mozilla/XUL/Attributs/flags -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/flags ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code> -</dt><dd> Type : <i>liste de valeurs (voir ci-dessous) séparées par des espaces</i> -</dd><dd> Un ensemble de drapeaux destinés à différentes utilisations. Deux sont définis, et peuvent être la valeur de cet attribut. -</dd></dl> -<ul><li> <code>dont-test-empty</code> : pour le contenu généré par des templates, le constructeur ne vérifiera pas qu'un conteneur est vide. -</li><li> <code>dont-build-content</code> : peut être utilisé sur un arbre pour idniquer que les éléments de contenu ne doivent pas être générés. Cela améliorera les performances, mais vous ne pourrez pas utiliser les fonctions DOM pour obtenir les lignes de l'arbre. -</li></ul> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/flex/index.html b/files/fr/archive/mozilla/xul/attributs/flex/index.html deleted file mode 100644 index cd561f66c1..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/flex/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: flex -slug: Archive/Mozilla/XUL/Attributs/flex -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/flex ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> Indique la flexibilité de l'élément, c'est-à-dire la façon dont le conteneur d'un élément distribue l'espace libre restant parmi ses enfants. Les éléments flexibles s'étendent et rétrécissent pour remplir leur espace donné. Les éléments qui ont les plus grandes valeurs pour flex seront plus grands que ceux qui ont des valeurs plus petites, selon un rapport déterminé par les valeurs données par chaque élément. La valeur réelle n'est pas indicative, à moins qu'il y ait d'autres éléments flexibles dans le même conteneur. Une fois que les tailles par défaut des éléments dans une boîte ont été calculées, l'espace restant est divisé entre les éléments flexibles, selon leurs coefficients pour flex. Indiquer une valeur de 0 pour flex équivaut à ne pas préciser du tout d'attribut flex. </dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/height/index.html b/files/fr/archive/mozilla/xul/attributs/height/index.html deleted file mode 100644 index 967d50b72f..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/height/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: height -slug: Archive/Mozilla/XUL/Attributs/height -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/height ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La hauteur préférée de l'élément en pixels. La hauteur réellement affichée peut être différentes si l'élément ou son contenu ont une hauteur minimum ou maximum. La propriété CSS <code>height</code> peut également être utilisée. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/helpuri/index.html b/files/fr/archive/mozilla/xul/attributs/helpuri/index.html deleted file mode 100644 index e168011f5e..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/helpuri/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: helpURI -slug: Archive/Mozilla/XUL/Attributs/helpURI -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/helpURI ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-helpURI"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/helpURI">helpURI</a></code></dt> - <dd> - Type : <i>URI</i></dd> - <dd> - L'URI de la page d'aide associée avec un panneau de préférences. Celle-ci sera ouverte dans une fenêtre d'aide lors de l'appui sur le bouton d'aide.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/hidden/index.html b/files/fr/archive/mozilla/xul/attributs/hidden/index.html deleted file mode 100644 index ad1afbfed5..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/hidden/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: hidden -slug: Archive/Mozilla/XUL/Attributs/hidden -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/hidden ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'élément n'est pas affiché. Cet attribut est similaire à la valeur « <code>none</code> » de la propriété CSS <code>display</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/hidechrome/index.html b/files/fr/archive/mozilla/xul/attributs/hidechrome/index.html deleted file mode 100644 index 9793b3aced..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/hidechrome/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: hidechrome -slug: Archive/Mozilla/XUL/Attributs/hidechrome -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/hidechrome ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-hidechrome"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidechrome">hidechrome</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Définissez cet attribut à <code>true</code> pour que le chrome, en ce compris la barre de titre, soit caché. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/hideseconds/index.html b/files/fr/archive/mozilla/xul/attributs/hideseconds/index.html deleted file mode 100644 index 1ba80accbe..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/hideseconds/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: hideseconds -slug: Archive/Mozilla/XUL/Attributs/hideseconds -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/hideseconds ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-hideseconds"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hideseconds">hideseconds</a></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Indique si le champ des secondes doit être masqué.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/id/index.html b/files/fr/archive/mozilla/xul/attributs/id/index.html deleted file mode 100644 index 5c27d4d48d..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/id/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: id -slug: Archive/Mozilla/XUL/Attributs/id -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/id ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> -</dt><dd> Type : <i>id d'élément, doit être unique dans la fenêtre</i> -</dd><dd> Un identifiant unique permettant d'identifier l'élément. Celui-ci peut être utilisé comme paramètre pour <code><a href="fr/DOM/document.getElementById">getElementById()</a></code> et d'autres fonctions DOM et pour référencer l'élément dans des feuilles de style. -</dd></dl> -<div class="noinclude"> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<pre><button id="foo" label="Cliquez ici" oncommand="doSomething()"/> - -<script> -function doSomething(){ - var myButton = document.getElementById('foo'); - myButton.setAttribute('label','On a cliqué sur le bouton'); -} -</script> -</pre> -<p>Une version plus abstraite de ce code serait un -</p> -<pre><button id="foo" label="Cliquez ici" oncommand="setWidgetLabel(this, 'On m\' a cliqué dessus')"/> -<script> -function setWidgetLabel(idName, newCaption){ - document.getElementById( idName.id ).setAttribute('label',newCaption) -} - -</script> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p><code><code id="a-name"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/name">name</a></code></code> -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/image/index.html b/files/fr/archive/mozilla/xul/attributs/image/index.html deleted file mode 100644 index b9e988be89..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/image/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: image -slug: Archive/Mozilla/XUL/Attributs/image -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/image ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> -<div class="noinclude"> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<ul><li> L'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/image" title="image">image</a></code></code> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/increment/index.html b/files/fr/archive/mozilla/xul/attributs/increment/index.html deleted file mode 100644 index 7c279c8953..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/increment/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: increment -slug: Archive/Mozilla/XUL/Attributs/increment -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/increment ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La quantité dont l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> (pour les boîtes numériques et les échelles) or <code id="a-curpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/curpos">curpos</a></code><magic name="\"PAGENAME\"/"> (pour les barres de défilement) </magic> change lorsque l'on clique sur les flèches. La valeur par défaut est 1.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/index.html b/files/fr/archive/mozilla/xul/attributs/index.html deleted file mode 100644 index ca4be7d5ed..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/index.html +++ /dev/null @@ -1,281 +0,0 @@ ---- -title: Attributs -slug: Archive/Mozilla/XUL/Attributs -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute ---- -<p><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></p> - -<div style="-moz-column-width: 16em;"> -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/acceltext">acceltext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/accessible">accessible</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/accesskey">accesskey</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/afterselected">afterselected</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/align">align</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/allowevents">allowevents</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/alternatingbackground">alternatingbackground</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/alwaysopenpopup">alwaysopenpopup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/Attributs">Attributs</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autocheck">autocheck</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autoCheck">autoCheck</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autocompleteenabled">autocompleteenabled</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autocompletepopup">autocompletepopup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autocompletesearch">autocompletesearch</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autocompletesearchparam">autocompletesearchparam</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autoFill">autoFill</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autoFillAfterMatch">autoFillAfterMatch</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/autoscroll">autoscroll</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/beforeselected">beforeselected</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonaccesskeyaccept">buttonaccesskeyaccept</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonaccesskeycancel">buttonaccesskeycancel</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonaccesskeydisclosure">buttonaccesskeydisclosure</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonaccesskeyextra1">buttonaccesskeyextra1</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonaccesskeyextra2">buttonaccesskeyextra2</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonaccesskeyhelp">buttonaccesskeyhelp</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonalign">buttonalign</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttondir">buttondir</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonlabelaccept">buttonlabelaccept</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonlabelcancel">buttonlabelcancel</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonlabeldisclosure">buttonlabeldisclosure</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonlabelextra1">buttonlabelextra1</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonlabelextra2">buttonlabelextra2</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonlabelhelp">buttonlabelhelp</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonorient">buttonorient</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttonpack">buttonpack</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/buttons">buttons</a></li> - <li><code id="a-button.type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/button.type">button.type</a></code></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/checked">checked</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/checkState">checkState</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/class">class</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/closebutton">closebutton</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/collapse">collapse</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/collapsed">collapsed</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/color">color</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/cols">cols</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/command">command</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/commandupdater">commandupdater</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/completedefaultindex">completedefaultindex</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/container">container</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/containment">containment</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/contentcontextmenu">contentcontextmenu</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/contenttooltip">contenttooltip</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/context">context</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/contextmenu">contextmenu</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/control">control</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/crop">crop</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/curpos">curpos</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/current">current</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/currentset">currentset</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/customindex">customindex</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/customizable">customizable</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/cycler">cycler</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/datasources">datasources</a></li> - <li><code id="a-decimalplaces"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/decimalplaces">decimalplaces</a></code></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/default">default</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/defaultButton">defaultButton</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/defaultset">defaultset</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/description">description</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/dir">dir</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disableAutocomplete">disableAutocomplete</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disableautocomplete">disableautocomplete</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disableautoselect">disableautoselect</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disableclose">disableclose</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disabled">disabled</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disablehistory">disablehistory</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disableKeyNavigation">disableKeyNavigation</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disablekeynavigation">disablekeynavigation</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/disablesecurity">disablesecurity</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/dlgType">dlgType</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/dragging">dragging</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/editable">editable</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/editortype">editortype</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/element">element</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/empty">empty</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/enableColumnDrag">enableColumnDrag</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/enablehistory">enablehistory</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/equalsize">equalsize</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/eventnode">eventnode</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/events">events</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/firstpage">firstpage</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/first-tab">first-tab</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/fixed">fixed</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/flags">flags</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/flex">flex</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/focused">focused</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/forceComplete">forceComplete</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/forcecomplete">forcecomplete</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/grippyhidden">grippyhidden</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/grippytooltiptext">grippytooltiptext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/group">group</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/handleCtrlPageUpDown">handleCtrlPageUpDown</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/handleCtrlTab">handleCtrlTab</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/height">height</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/helpURI">helpURI</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/hidden">hidden</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/hidechrome">hidechrome</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/hidecolumnpicker">hidecolumnpicker</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/hideheader">hideheader</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/homepage">homepage</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/icon">icon</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/id">id</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ignoreBlurWhileSearching">ignoreBlurWhileSearching</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ignoreblurwhilesearching">ignorebluewhilesearching</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ignorecolumnpicker">ignorecolumnpicker</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ignorekeys">ignorekeys</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/image">image</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/increment">increment</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/inputtooltiptext">inputtooltiptext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/insertafter">insertafter</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/insertbefore">insertbefore</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/instantApply">instantApply</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/inverted">inverted</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/iscontainer">iscontainer</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/isempty">isempty</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/key">key</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/keycode">keycode</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/keytext">keytext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/label">label</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/lastpage">lastpage</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/lastSelected">lastSelected</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/last-tab">last-tab</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/left">left</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/linkedpanel">linkedpanel</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/maxheight">maxheight</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/maxlength">maxlength</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/maxpos">maxpos</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/maxrows">maxrows</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/maxwidth">maxwidth</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/member">member</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/menu">menu</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/menuactive">menuactive</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/minheight">minheight</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/minResultsForPopup">minResultsForPopup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/minresultsforpopup">minresultsforpopup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/minwidth">minwidth</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/mode">mode</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/modifiers">modifiers</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/mousethrough">mousethrough</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/multiline">multiline</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/name">name</a></li> - <li><code id="a-newlines"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/newlines">newlines</a></code></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/next">next</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/noautohide">noautohide</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/nomatch">nomatch</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/observes">observes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onbeforeaccept">onbeforeaccept</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onbookmarkgroup">onbookmarkgroup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onchange">onchange</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onclosetab">onclosetab</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/oncommand">oncommand</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/oncommandupdate">oncommandupdate</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ondialogaccept">ondialogaccept</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ondialogcancel">ondialogcancel</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ondialogdisclosure">ondialogclosure</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ondialoghelp">ondialoghelp</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onerror">onerror</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onerrorcommand">onerrorcommand</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/oninput">oninput</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onload">onload</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onnewtab">onnewtab</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpageadvanced">onpageadvanced</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpagehide">onpagehide</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpagerewound">onpagerewound</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpageshow">onpageshow</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpanelload">onpanelload</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpopuphidden">onpopuphidden</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpopuphiding">onpopuphiding</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpopupshowing">onpopupshowing</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onpopupshown">onpopupshown</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onsearchcomplete">onsearchcomplete</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onselect">onselect</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ontextcommand">ontextcommand</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ontextentered">ontextentered</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ontextrevert">ontextrevert</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ontextreverted">ontextreverted</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onwizardback">onwizardback</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onwizardcancel">onwizardcancel</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onwizardfinish">onwizardfinish</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/onwizardnext">onwizardnext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/open">open</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ordinal">ordinal</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/orient">orient</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/pack">pack</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/pageid">pageid</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/pageincrement">pageincrement</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/pagestep">pagestep</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/parent">parent</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/parsetype">parsetype</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/persist">persist</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/phase">phase</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/pickertooltiptext">pickertooltiptext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/popup">popup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/position">position</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/preference">preference</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/preference-editable">preference-editable</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/primary">primary</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/properties">properties</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/readonly">readonly</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/ref">ref</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/removeelement">removeelement</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/resizeafter">resizeafter</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/resizebefore">resizebefore</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/rows">rows</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/screenX">screenX</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/screenY">screenY</a></li> - <li><code id="a-searchlabel"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/searchlabel">searchlabel</a></code></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/searchSessions">searchSessions</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/selected">selected</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/selectedIndex">selectedIndex</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/seltype">seltype</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/setfocus">setfocus</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/showCommentColumn">showCommentColumn</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/showcommentcolumn">showcommentcolumn</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/showpopup">showpopup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/size">size</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sizemode">sizemode</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sizetopopup">sizetopopup</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sort">sort</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sortActive">sortActive</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sortDirection">sortDirection</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sortResource">sortResource</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/sortResource2">sortResource2</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/src">src</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/state">state</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/statedatasource">statedatasource</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/statusbar">statusbar</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/statustext">statustext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/style">style</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/substate">substate</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/suppressonselect">suppressonselect</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/tabindex">tabindex</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/tabScrolling">tabScrolling</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/tabscrolling">tabscrolling</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/targets">targets</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/template">template</a></li> - <li><code id="a-textbox.type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/textbox.type">textbox.type</a></code></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/timeout">timeout</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/title">title</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/toolbarname">toolbarname</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/tooltip">tooltip</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/tooltiptext">tooltiptext</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/tooltiptextnew">tooltiptextnew</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/top">top</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/type">type</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/uri">uri</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/userAction">userAction</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/validate">validate</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/value">value</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/wait-cursor">wait-cursor</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/width">width</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/windowtype">windowtype</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/XUL/Attributs/wrap">wrap</a></li> - <li><code id="a-wraparound"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wraparound">wraparound</a></code></li> -</ul> -</div> - -<div class="noinclude"> </div> diff --git a/files/fr/archive/mozilla/xul/attributs/insertafter/index.html b/files/fr/archive/mozilla/xul/attributs/insertafter/index.html deleted file mode 100644 index 8c5d0db612..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/insertafter/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: insertafter -slug: Archive/Mozilla/XUL/Attributs/insertafter -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/insertafter ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Lorsqu'un élément est un <code><a href="/fr/docs/Mozilla/Tech/XUL/overlay" title="overlay">overlay</a></code>, l'attribut insertafter spécifie l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément dans la fenêtre de base après lequel l'élément overlay doit apparaitre. Cet attribut a priorité sur l'attribut <code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>. Cette valeur peut être une liste d'id séparés par des virgules, et c'est alors le premier d'entre-eux trouvé dans la fenêtre qui sera utilisé. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/insertbefore/index.html b/files/fr/archive/mozilla/xul/attributs/insertbefore/index.html deleted file mode 100644 index ad0d6731d2..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/insertbefore/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: insertbefore -slug: Archive/Mozilla/XUL/Attributs/insertbefore -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/insertbefore ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Lorsqu'un élément est un <code><a href="/fr/docs/Mozilla/Tech/XUL/overlay" title="overlay">overlay</a></code>, l'attribut insertafter spécifie l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément dans la fenêtre de base avant lequel l'élément overlay doit apparaitre. Cette valeur peut être une liste d'id séparés par des virgules, et c'est alors le premier d'entre-eux trouvé dans la fenêtre qui sera utilisé. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/instantapply/index.html b/files/fr/archive/mozilla/xul/attributs/instantapply/index.html deleted file mode 100644 index 2b4c0b74bf..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/instantapply/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: instantApply -slug: Archive/Mozilla/XUL/Attributs/instantApply -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/instantApply ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-instantApply"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/instantApply">instantApply</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si sa valeur est <code>true</code>, la préférence sera modifiée dès que l'élément d'interface utilisateur est modifié. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/inverted/index.html b/files/fr/archive/mozilla/xul/attributs/inverted/index.html deleted file mode 100644 index 0b5241236e..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/inverted/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: inverted -slug: Archive/Mozilla/XUL/Attributs/inverted -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/inverted ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-inverted"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/inverted">inverted</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les préférences booléennes, l'indication de cet attribut à <code>true</code> indique que la valeur de la préférence est l'inverse de celle de l'élément d'interface utilisateur qui y est attaché. Par exemple, elle fait en sorte que cocher une case désactive la préférence associée au lieu de l'activer. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/label/index.html b/files/fr/archive/mozilla/xul/attributs/label/index.html deleted file mode 100644 index afe9b0ed31..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/label/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: label -slug: Archive/Mozilla/XUL/Attributs/label -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/label ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Attributs/treeitem.label">treeitem.label</a>, élément <code><a href="fr/XUL/label"><label></a></code> -</li></ul> -<h4 id="Exemples_en_JavaScript" name="Exemples_en_JavaScript">Exemples en JavaScript</h4> -<pre><label value="Whaw" id="the-big-label" command="the-big-button"/> -<button id="the-big-button" label="Cliquez ici" - oncommand="alert(document.getElementById('the-big-label').value)"/> - -<label id="myLabel" value="Mon label"/> -<button label="Cliquez ici" - oncommand="document.getElementById('myLabel').setAttribute('value','Valeur modifiée');" /> - -<checkbox label="ma case à cocher" id="myCheckboX"/> -<button label="Un autre clic" - oncommand="document.getElementById('myCheckboX').setAttribute('label','Toujours pas cochée');"/> -<button label="Afficher le label de la checkbox" - oncommand="alert( document.getElementById('myCheckboX').getAttribute('label') )"/> -</pre> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/left/index.html b/files/fr/archive/mozilla/xul/attributs/left/index.html deleted file mode 100644 index 1a4529d526..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/left/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: left -slug: Archive/Mozilla/XUL/Attributs/left -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/left ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> Pour les éléments placés directement dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>, spécifie la distance en pixels du bord gauche de l'élément par rapport au bord gauche du stack. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/max/index.html b/files/fr/archive/mozilla/xul/attributs/max/index.html deleted file mode 100644 index 5d671a265e..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/max/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: max -slug: Archive/Mozilla/XUL/Attributs/max -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/max ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La valeur maximum que peut prendre l'élément scale ou number box. La valeur par défaut est <code>100</code> pour les éléments scale et <code>Infinity</code> pour les boîtes numériques</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/maxheight/index.html b/files/fr/archive/mozilla/xul/attributs/maxheight/index.html deleted file mode 100644 index 57b9480a9a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/maxheight/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: maxheight -slug: Archive/Mozilla/XUL/Attributs/maxheight -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/maxheight ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La hauteur maximum de l'élément. Ceci correspond à la propriété CSS <code>max-height</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/maxwidth/index.html b/files/fr/archive/mozilla/xul/attributs/maxwidth/index.html deleted file mode 100644 index 3bb415967d..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/maxwidth/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: maxwidth -slug: Archive/Mozilla/XUL/Attributs/maxwidth -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/maxwidth ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La largeur maximum de l'élément. Ceci correspond à la propriété CSS <code>max-width</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/menu/index.html b/files/fr/archive/mozilla/xul/attributs/menu/index.html deleted file mode 100644 index d1c01d2937..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/menu/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: menu -slug: Archive/Mozilla/XUL/Attributs/menu -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/menu ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code> -</dt><dd> Type : <i>id d'un élément popup</i> -</dd><dd> Nom alternatif pour l'attribut <code><code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code></code>, mais dispose également d'une propriété de script « menu ». -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/min/index.html b/files/fr/archive/mozilla/xul/attributs/min/index.html deleted file mode 100644 index 4bdf8e4479..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/min/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: min -slug: Archive/Mozilla/XUL/Attributs/min -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/min ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La valeur minimum que peut prendre l'élément. La valeur par défaut est 0.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/minheight/index.html b/files/fr/archive/mozilla/xul/attributs/minheight/index.html deleted file mode 100644 index 95ea9f8ffb..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/minheight/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: minheight -slug: Archive/Mozilla/XUL/Attributs/minheight -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/minheight ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La hauteur minimum de l'élément. Ceci correspond à la propriété CSS <code>min-height</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/minwidth/index.html b/files/fr/archive/mozilla/xul/attributs/minwidth/index.html deleted file mode 100644 index d1984bdb6b..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/minwidth/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: minwidth -slug: Archive/Mozilla/XUL/Attributs/minwidth -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/minwidth ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La largeur minimum de l'élément. Ceci correspond à la propriété CSS <code>min-width</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/mousethrough/index.html b/files/fr/archive/mozilla/xul/attributs/mousethrough/index.html deleted file mode 100644 index c178218f19..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/mousethrough/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: mousethrough -slug: Archive/Mozilla/XUL/Attributs/mousethrough -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/mousethrough ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Détermine si les évènements souris sont passés à l'élément. Si cet attribut n'est pas spécifié, la valeur est héritée du parent de l'élément. Si aucun ancêtre n'a d'attribut mousethrough défini, la valeur par défaut est <code>never</code>. -</dd></dl> -<ul><li> <code>always</code> : les évènements souris sont invisibles pour l'élément. Cela signifie que l'élément ne recevra aucun évènement souris, que ce soit par des clics ou des déplacements. Les éléments enfants peuvent écraser ce comportement en spécifiant mousethrough="never". -</li><li> <code>never</code> : les évènements souris sont passés normalement à l'élément. -</li></ul> -<div class="noinclude"> -<p>L'attribut mousethrough est typiquement utilisé en conjonction avec un stack pour permettre aux éléments d'être empilés au dessus d'autres tout en permettant aux évènements souris d'être envoyés aux éléments les plus bas. Dans l'exemple suivant, l'image apparait au dessus du bouton, cependant l'attribut mousethrough spécifié sur l'image permet aux évènements souris d'être ignorés sur celle-ci et d'être plutôt renvoyés vers le bouton. Si cet attribut n'avait pas été utilisé, l'image aurait reçu tous les évènements souris et il n'aurait pas été possible d'appuyer sur le bouton. -</p> -<pre><stack> - <button label="En dessous"/> - <image src="happy.png" mousethrough="always"/> -</stack> -</pre> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/name/index.html b/files/fr/archive/mozilla/xul/attributs/name/index.html deleted file mode 100644 index 04b80a0c2c..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/name/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: name -slug: Archive/Mozilla/XUL/Attributs/name -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/name ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Attributs/menuitem.name">menuitem.name</a> -</li><li> <a href="fr/XUL/Attributs/preference.name">preference.name</a> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/noautofocus/index.html b/files/fr/archive/mozilla/xul/attributs/noautofocus/index.html deleted file mode 100644 index 307a2db967..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/noautofocus/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: noautofocus -slug: Archive/Mozilla/XUL/Attributs/noautofocus -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/noautofocus ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <a href="fr/XUL/Attributs/noautofocus">noautofocus</a> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si mis à <code>false</code>, la valeur par défaut, l'élément ayant actuellement le focus le perdra si le popup est ouvert ou fermé. Si mis à <code>true</code>, le focus ne sera pas modifié. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/observes/index.html b/files/fr/archive/mozilla/xul/attributs/observes/index.html deleted file mode 100644 index 7d50606f14..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/observes/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: observes -slug: Archive/Mozilla/XUL/Attributs/observes -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/observes ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code> -</dt><dd> Type : <i>id d'un élément diffuseur</i> -</dd><dd> Défini à l'id d'un élément diffuseur (<code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code>) observé par l'élément. Si un attribut du broadcaster est modifié, il sera également modifié dans l'observateur. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/onchange/index.html b/files/fr/archive/mozilla/xul/attributs/onchange/index.html deleted file mode 100644 index 003e5162cb..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/onchange/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: onchange -slug: Archive/Mozilla/XUL/Attributs/onchange -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/onchange ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-onchange"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onchange">onchange</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Le code figurant dans l'attribut <code>onchange</code> est appelé lorsque la valeur de l'élément est modifiée. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/oncommand/index.html b/files/fr/archive/mozilla/xul/attributs/oncommand/index.html deleted file mode 100644 index 947dae79d8..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/oncommand/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: oncommand -slug: Archive/Mozilla/XUL/Attributs/oncommand -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/oncommand ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Ce gestionnaire d'évènement est appelé lorsque la commande est activée. Cela se produit quand un utilisateur sélectionne un élément de menu ou active un raccourci clavier attaché à la commande. -</dd></dl> -<div class="noinclude"> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<pre><button label="Cliquez ici" oncommand="alert('Salut')"/> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>L'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code></code>. -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/onpaneload/index.html b/files/fr/archive/mozilla/xul/attributs/onpaneload/index.html deleted file mode 100644 index edaf560356..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/onpaneload/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: onpaneload -slug: Archive/Mozilla/XUL/Attributs/onpaneload -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/onpaneload ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-onpaneload"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpaneload">onpaneload</a></code></dt> - <dd> - Type : <i>code de script</i></dd> - <dd> - Le code défini ici est appelé après le chargement du panneau, de manière similaire à l'évènement <code>load</code> pour une fenêtre.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/onpopuphidden/index.html b/files/fr/archive/mozilla/xul/attributs/onpopuphidden/index.html deleted file mode 100644 index 83e7d64685..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/onpopuphidden/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: onpopuphidden -slug: Archive/Mozilla/XUL/Attributs/onpopuphidden -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/onpopuphidden ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-onpopuphidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphidden">onpopuphidden</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après qu'il a été caché. <span class="comment"><a class=" external" href="http://www.langue-fr.net/index/A/apres-que.htm" rel="freelink">http://www.langue-fr.net/index/A/apres-que.htm</a></span> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/onpopuphiding/index.html b/files/fr/archive/mozilla/xul/attributs/onpopuphiding/index.html deleted file mode 100644 index 454023d1a0..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/onpopuphiding/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: onpopuphiding -slug: Archive/Mozilla/XUL/Attributs/onpopuphiding -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/onpopuphiding ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-onpopuphiding"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphiding">onpopuphiding</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup lorsqu'il est sur le point d'être masqué. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/onpopupshowing/index.html b/files/fr/archive/mozilla/xul/attributs/onpopupshowing/index.html deleted file mode 100644 index 42f6d71edb..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/onpopupshowing/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: onpopupshowing -slug: Archive/Mozilla/XUL/Attributs/onpopupshowing -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/onpopupshowing ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-onpopupshowing"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshowing">onpopupshowing</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup juste avant son ouverture. On l'utilise généralement pour définir dynamiquement le contenu lorsque l'utilisateur demande son affichage. Si ce gestionnaire d'évènement renvoie <code>false</code>, le popup ne s'affichera pas. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/onpopupshown/index.html b/files/fr/archive/mozilla/xul/attributs/onpopupshown/index.html deleted file mode 100644 index 07314e2894..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/onpopupshown/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: onpopupshown -slug: Archive/Mozilla/XUL/Attributs/onpopupshown -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/onpopupshown ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-onpopupshown"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshown">onpopupshown</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après son ouverture, de la même manière qu'un évènement <code>onload</code> est envoyé à une fenêtre à son ouverture. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/open/index.html b/files/fr/archive/mozilla/xul/attributs/open/index.html deleted file mode 100644 index fe008056f6..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/open/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: open -slug: Archive/Mozilla/XUL/Attributs/open -tags: - - Attributs_XUL - - Référence_XUL - - needsattention -translation_of: Archive/Mozilla/XUL/Attribute/open ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les boutons de <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> <code>menu</code>, l'attribut <code>open</code> est défini à <code>true</code> lorsque le menu est ouvert. L'attribut <code>open</code> n'est pas présent si le menu est fermé. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/ordinal/index.html b/files/fr/archive/mozilla/xul/attributs/ordinal/index.html deleted file mode 100644 index a9b8b0facc..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/ordinal/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: ordinal -slug: Archive/Mozilla/XUL/Attributs/ordinal -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/ordinal ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> Un entier spécifiant la position de l'élément au sein de son parent. Par défaut, les éléments sont affichés dans leur ordre d'apparition dans le code XUL. L'attribut ordinal peut être utilisé pour modifier cet ordre. Notez que la valeur par défaut d'ordinal pour les éléments est 1. L'ordre d'affichage peut être retrouvé à l'aide des propriétés de l'objet <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code> du conteneur. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/orient/index.html b/files/fr/archive/mozilla/xul/attributs/orient/index.html deleted file mode 100644 index 0313690837..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/orient/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: orient -slug: Archive/Mozilla/XUL/Attributs/orient -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/orient ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Utilisé pour spécifier si les enfants de l'élément sont orientés horizontalement ou verticalement. La valeur par défaut dépend de l'élément. Il est également possible d'utiliser la propriété de style <code><a href="fr/CSS/-moz-box-orient">-moz-box-orient</a></code>. -</dd></dl> -<ul><li> <code>horizontal</code> : Les éléments enfants de l'élément sont placés les uns à côté des autres sur une ligne dans l'ordre de leur apparition dans le code source XUL. -</li><li> <code>vertical</code> : Les éléments enfants de l'élément sont placés les uns en dessous des autres sur une colonne dans l'ordre de leur apparition dans le code source XUL. -</li></ul> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <code><a href="fr/XUL/Attributs/separator.orient">separator.orient</a></code> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/pack/index.html b/files/fr/archive/mozilla/xul/attributs/pack/index.html deleted file mode 100644 index 08f444a3f3..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/pack/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: pack -slug: Archive/Mozilla/XUL/Attributs/pack -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/pack ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'attribut <code>pack</code> spécifie où les éléments enfants de la boîte <code><code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code></code> sont placés lorsque celle-ci est plus grande que la taille de ses enfants. Pour les boîtes dont l'orientation est horizontale, il est utilisé pour indiquer la position verticale des enfants. Pour les boîtes dont l'orientation est verticale, il est utilisé pour indiquer la position horizontale des enfants. L'attribut <code>align</code> est utilisé pour spécifier la position dans la direction opposée. Il est également possible de spécifier la valeur de <code>pack</code> à l'aide de la propriété de style <a href="fr/CSS/-moz-box-pack">-moz-box-pack</a>. -</dd></dl> -<ul><li> <code>start</code> : Les éléments enfants sont placés depuis le bord gauche ou supérieur de la boîte. Si celle-ci est plus grande que la taille totale des enfants, l'espace excédentaire est placé du côté droit ou inférieur. -</li><li> <code>center</code> : L'espace excédentaire est partagé également de chaque côté des éléments enfants, ce qui fait que ceux-ci sont placés au centre de la boîte. -</li><li> <code>end</code> : Les éléments enfants sont placés du côté droit ou inférieur de la boîte. Si celle-ci est plus grande que la taille totale des enfants, l'espace excédentaire est placé du côté gauche ou supérieur. -</li></ul> -<div class="noinclude"> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h4> -<p>Plus de détails sur <a href="fr/Tutoriel_XUL/Positionnement_des_%c3%a9l%c3%a9ments#Empaquetage_des_bo.C3.AEtes">l'empaquetage des boîtes dans le Tutoriel XUL</a> -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/pageincrement/index.html b/files/fr/archive/mozilla/xul/attributs/pageincrement/index.html deleted file mode 100644 index 17c3a22c10..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/pageincrement/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: pageincrement -slug: Archive/Mozilla/XUL/Attributs/pageincrement -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/pageincrement ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-pageincrement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pageincrement">pageincrement</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La quantité de laquelle la valeur de l'attribut <code>curpos</code> ou <code>value</code> change lorsque l'utilisateur clique dans la colonne de la barre de défilement (la zone dans laquelle le curseur de la barre se déplace), ou lorsque les touches <kbd>PgUp</kbd> ou <kbd>PgDown</kbd> sont utilisées. La valeur par défaut est 10.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/persist/index.html b/files/fr/archive/mozilla/xul/attributs/persist/index.html deleted file mode 100644 index 9fe5feb99a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/persist/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: persist -slug: Archive/Mozilla/XUL/Attributs/persist -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/persist ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> -</dt><dd> Type : <i>liste de noms d'attributs séparés par des espaces</i> -</dd><dd> Une liste séparée par des espaces d'attributs à maintenir lorsque la fenêtre est fermée. À sa réouverture, les valeurs des attributs persistants sont restaurées. Dans Mozilla, les attributs persistants sont conservés dans le fichier <code>localstore.rdf</code> du profil. La persistance peut également être stockée à l'aide de la fonction <code>document.persist</code>. Afin qu'elle puisse fonctionner, l'élément doit également avoir un <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/popup.left/index.html b/files/fr/archive/mozilla/xul/attributs/popup.left/index.html deleted file mode 100644 index bf6ab7d045..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/popup.left/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: popup.left -slug: Archive/Mozilla/XUL/Attributs/popup.left -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/popup.left ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <a href="fr/XUL/Attributs/popup.left">left</a> -</dt><dd> Type : <i>entier</i> -</dd><dd> Remplace la position horizontale du popup spécifiée par la méthode <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showPopup">showPopup</a></code></span>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/popup.position/index.html b/files/fr/archive/mozilla/xul/attributs/popup.position/index.html deleted file mode 100644 index bcaf43a628..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/popup.position/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: popup.position -slug: Archive/Mozilla/XUL/Attributs/popup.position -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/popup.position ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <a href="fr/XUL/Attributs/popup.position">position</a> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'attribut <code>position</code> détermine où le popup apparaît par rapport à l'élément sur lequel l'utilisateur a cliqué pour l'invoquer. C'est ce qui permet de placer le popup sur le bord d'un bouton. -</dd></dl> -<ul><li> <code>after_start</code> : Le popup apparait en dessous l'élément avec le coin supérieur gauche du popup aligné avec le coin inférieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. Cette valeur est typiquement uilisée pour les menus déroulants. -</li><li> <code>after_end</code> : Le popup apparait en dessous l'élément avec le coin supérieur droit du popup aligné avec le coin inférieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_start</code> : Le popup apparait au dessus de l'élément avec le coin inférieur gauche du popup aligné avec le coin supérieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_end</code> : Le popup apparait au dessus de l'élément avec le coin inférieur droit du popup aligné avec le coin supérieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_after</code> : Le popup apparait à la droite de l'élément avec le coin inférieur gauche du popup aligné avec le coin inférieur droit de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_before</code> : Le popup apparait à la droite de l'élément avec le coin supérieur gauche du popup aligné avec le coin supérieur droit de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_after</code> : Le popup apparait à la gauche de l'élément avec le coin inférieur droit du popup aligné avec le coin inférieur gauche de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_before</code> : Le popup apparait à la gauche de l'élément avec le coin supérieur droit du popup aligné avec le coin supérieur gauche de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>overlap</code> : Le popup apparait par dessus l'élément avec les coins supérieurs gauches alignés. -</li><li> <code>at_pointer</code> : Le popup apparait à la position du pointeur de la souris. -</li><li> <code>after_pointer</code> : Le popup apparait à la même position horizontale que le pointeur de la souris, mais verticalement, il est placé juste sous l'élément. -</li></ul> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Attributs/position">position</a> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/popup.top/index.html b/files/fr/archive/mozilla/xul/attributs/popup.top/index.html deleted file mode 100644 index a451ed325b..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/popup.top/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: popup.top -slug: Archive/Mozilla/XUL/Attributs/popup.top -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/popup.top ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <a href="fr/XUL/Attributs/popup.top">top</a> -</dt><dd> Type : <i>entier</i> -</dd><dd> Remplace la position verticale du popup spécifiée par la méthode <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showPopup">showPopup</a></code></span>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/popup/index.html b/files/fr/archive/mozilla/xul/attributs/popup/index.html deleted file mode 100644 index eccbe7f03e..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/popup/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: popup -slug: Archive/Mozilla/XUL/Attributs/popup -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/popup ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code> -</dt><dd> Type : <i>id d'élément popup</i> -</dd><dd> Doit être défini à la valeur de l'<code><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code></code> de l'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/popup" title="popup">popup</a></code></code> devant apparaitre lorsque l'utilisateur clique sur l'élément. -</dd></dl> -<div class="noinclude"> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Plus d'informations sur l'<a href="fr/Tutoriel_XUL/Menus_surgissants">élément popup dans le tutoriel XUL</a> -</p> -</div> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/position/index.html b/files/fr/archive/mozilla/xul/attributs/position/index.html deleted file mode 100644 index 2d59e59231..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/position/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: position -slug: Archive/Mozilla/XUL/Attributs/position -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/position ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> Lorsqu'un élément est un <code><a href="/fr/docs/Mozilla/Tech/XUL/overlay" title="overlay">overlay</a></code>, la position est un indice où l'enfant sera inséré. Les indices commencent à 1, utilisez donc une valeur de 1 pour placer un élément au début. Cet attribut est ignoré si un attribut <code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code> ou <code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code> correspond à un élément. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/preference-editable/index.html b/files/fr/archive/mozilla/xul/attributs/preference-editable/index.html deleted file mode 100644 index d81a8aae06..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/preference-editable/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: preference-editable -slug: Archive/Mozilla/XUL/Attributs/preference-editable -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/preference-editable ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code> -</dt><dd> <b><span class="highlightgreen">Mozilla 1.8</span></b> -</dd><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'élément peut être utilisé pour modifier une préférence dans une <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. L'attribut <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> peut être utilisé pour se connecter à un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>. Cela peut servir aux éléments personnalisés implémentés en XBL. L'élément doit déclencher des évènements change ou select lorsque la valeur est modifiée afin que la préférence soit mise à jour en conséquence. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/preference.name/index.html b/files/fr/archive/mozilla/xul/attributs/preference.name/index.html deleted file mode 100644 index 1fd04497a2..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/preference.name/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: preference.name -slug: Archive/Mozilla/XUL/Attributs/preference.name -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/preference.name ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <a href="fr/XUL/Attributs/preference.name">name</a> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le nom de la préférence à modifier. Par exemple, la page d'accueil du navigateur est définie par la préférence <code>browser.startup.homepage</code>. -</dd></dl> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Attributs/name">name</a> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/preference.type/index.html b/files/fr/archive/mozilla/xul/attributs/preference.type/index.html deleted file mode 100644 index 06e0ae3242..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/preference.type/index.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: preference.type -slug: Archive/Mozilla/XUL/Attributs/preference.type -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/preference.type ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> <dt><a href="/fr/XUL/Attributs/preference.type" title="fr/XUL/Attributs/preference.type">type</a></dt> <dd>Type : <em>une des valeurs ci-dessous</em></dd> <dd>Le type de préférence qui doit être une des valeurs suivantes.</dd> -</dl> -<ul> <li><code>bool</code> : Un booléen défini à <code>true</code> ou <code>false</code>. Habituellement, on connectera un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/checkbox" title="checkbox">checkbox</a></code> à ce type de préférence.</li> <li><code>int</code> : Un entier</li> <li><code>string</code> : Une chaîne de caractères</li> <li><code>unichar</code> : Une chaîne de caractères Unicode</li> <li><code>wstring</code> : Une chaîne localisée. Dans cette situation, la préférence enregistrera le chemin vers un fichier de propriétés contenant la valeur réelle de la préférence.</li> <li><code>file</code> : Un fichier. Le chemin vers le fichier sera stocké dans la préférence.</li> -</ul> diff --git a/files/fr/archive/mozilla/xul/attributs/preference/index.html b/files/fr/archive/mozilla/xul/attributs/preference/index.html deleted file mode 100644 index f4be11503a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/preference/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: preference -slug: Archive/Mozilla/XUL/Attributs/preference -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/preference ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/value">value</a></span></code> de l'élément. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/prefpane.selected/index.html b/files/fr/archive/mozilla/xul/attributs/prefpane.selected/index.html deleted file mode 100644 index ddb5f5de30..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/prefpane.selected/index.html +++ /dev/null @@ -1,24 +0,0 @@ ---- -title: prefpane.selected -slug: Archive/Mozilla/XUL/Attributs/prefpane.selected -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/prefpane.selected ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <a href="fr/XUL/Attributs/prefpane.selected">selected</a></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Cet attribut sera défini à <code>true</code> pour l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code> actuellement sélectionné. Pour changer le panneau sélectionné, utilisez la méthode <span id="m-showPane"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showPane">showPane</a></code></span> de <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>.</dd> -</dl> -<div class="noinclude"> - <h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h3> - <ul> - <li><a href="fr/XUL/Attributs/selected">selected</a></li> - </ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/prefpane.src/index.html b/files/fr/archive/mozilla/xul/attributs/prefpane.src/index.html deleted file mode 100644 index f51cb011d3..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/prefpane.src/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: prefpane.src -slug: Archive/Mozilla/XUL/Attributs/prefpane.src -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/prefpane.src ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <a href="fr/XUL/Attributs/prefpane.src">src</a></dt> - <dd> - Type : <i>URL d'un overlay</i></dd> - <dd> - L'URL du contenu du panneau de préférences. Si cet attribut n'est pas spécifié, le contenu de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code> sera utilisé.</dd> -</dl> - -<div class="noinclude"> - <h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h3> - <ul> - <li><a href="/fr/docs/XUL/Attributs/src">src</a></li> - </ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/properties/index.html b/files/fr/archive/mozilla/xul/attributs/properties/index.html deleted file mode 100644 index 9939e0557f..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/properties/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: properties -slug: Archive/Mozilla/XUL/Attributs/properties -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/properties ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-properties"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/properties">properties</a></code> -</dt><dd> Type : <i>liste de noms de propriétés séparés par des espaces</i> -</dd><dd> Définit les propriétés de l'élément, qui peuvent être utilisées pour le styler. Pour plus d'informations, consultez <a href="fr/Tutoriel_XUL/Styler_un_arbre">Styler un arbre</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/querytype/index.html b/files/fr/archive/mozilla/xul/attributs/querytype/index.html deleted file mode 100644 index a1be9285d1..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/querytype/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: querytype -slug: Archive/Mozilla/XUL/Attributs/querytype -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/querytype ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Indique le type de source de données (<i>datasource</i>) utilisé dans un template. Firefox 3 fournit les types de données intégrés suivants : 'rdf', default, 'xml' et 'storage'. Des extensions peuvent ajouter une gestion d'autres types de données. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/readonly/index.html b/files/fr/archive/mozilla/xul/attributs/readonly/index.html deleted file mode 100644 index b9c4ee4a7a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/readonly/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: readonly -slug: Archive/Mozilla/XUL/Attributs/readonly -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/readonly ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément. Cependant, celle-ci peut toujours être modifiée par un script. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/ref/index.html b/files/fr/archive/mozilla/xul/attributs/ref/index.html deleted file mode 100644 index 33ad444997..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/ref/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: ref -slug: Archive/Mozilla/XUL/Attributs/ref -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/ref ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> -</dt><dd> Type : <i>URI d'une ressource RDF</i> -</dd><dd> Pour les éléments générés par des templates, cet attribut est utilisé pour indiquer le nœud racine RDF où la génération de contenu commence. Ceci correspondra à la valeur d'un attribut <code>about</code> sur un conteneur RDF. Cet attribut doit être placé en même temps que l'attribut <code>datasources</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/removeelement/index.html b/files/fr/archive/mozilla/xul/attributs/removeelement/index.html deleted file mode 100644 index e818afecba..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/removeelement/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: removeelement -slug: Archive/Mozilla/XUL/Attributs/removeelement -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/removeelement ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Lorsque cet attribut est placé sur un élément dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/overlay" title="overlay">overlay</a></code>, il indique que l'élément du fichier de base doit être retiré de la fenêtre. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/rows/index.html b/files/fr/archive/mozilla/xul/attributs/rows/index.html deleted file mode 100644 index 5f871bd6bc..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/rows/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: rows -slug: Archive/Mozilla/XUL/Attributs/rows -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/rows ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Le nombre de lignes à afficher dans l'élément. Si l'élément contient plus que ce nombre de lignes, une barre de défilement apparaitra afin que l'utilisateur puisse consulter les autres lignes. Pour obtenir le nombre réel de lignes dans l'élément, utilisez la méthode <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getRowCount">getRowCount</a></code></span>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/screenx/index.html b/files/fr/archive/mozilla/xul/attributs/screenx/index.html deleted file mode 100644 index 3ec8680474..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/screenx/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: screenX -slug: Archive/Mozilla/XUL/Attributs/screenX -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/screenX ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-screenX"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/screenX">screenX</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> La position horizontale à laquelle la fenêtre apparaît à l'écran. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/screeny/index.html b/files/fr/archive/mozilla/xul/attributs/screeny/index.html deleted file mode 100644 index 1cc65ea6d2..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/screeny/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: screenY -slug: Archive/Mozilla/XUL/Attributs/screenY -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/screenY ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-screenY"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/screenY">screenY</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> La position verticale à laquelle la fenêtre apparaît à l'écran. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/selected/index.html b/files/fr/archive/mozilla/xul/attributs/selected/index.html deleted file mode 100644 index a1b6c466f8..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/selected/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: selected -slug: Archive/Mozilla/XUL/Attributs/selected -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/selected ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est sélectionné ou non. Cette valeur est en lecture seule. Pour changer la sélection, utilisez la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code> ou <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedItem">selectedItem</a></span></code> de l'élément conteneur. -</dd></dl> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Attributs/prefpane.selected">prefpane.selected</a> -</li><li> <a href="fr/XUL/Attributs/tab.selected">tab.selected</a> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/seltype/index.html b/files/fr/archive/mozilla/xul/attributs/seltype/index.html deleted file mode 100644 index fcb9957382..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/seltype/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: seltype -slug: Archive/Mozilla/XUL/Attributs/seltype -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/seltype ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - Utilisé pour indiquer si les sélections multiples sont permises.</dd> -</dl> -<ul> - <li><code>single</code> : Seule une ligne peut être sélectionnée à la fois. (Valeur par défaut dans <code>listbox</code>.)</li> - <li><code>multiple</code> : Plusieurs lignes peuvent être sélectionnées à la fois. (Valeur par défaut dans <code>tree</code>.)</li> -</ul> -<p><magic name="\"PAGENAME\"/">Des cellules individuelles peuvent être sélectionnées.</magic><magic name="\"PAGENAME\"/"> Des lignes sont sélectionnées, cependant, l'indicateur de sélection n'est visible que sur le texte de la colonne principale.</magic></p> diff --git a/files/fr/archive/mozilla/xul/attributs/sizemode/index.html b/files/fr/archive/mozilla/xul/attributs/sizemode/index.html deleted file mode 100644 index 552e358e5f..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/sizemode/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: sizemode -slug: Archive/Mozilla/XUL/Attributs/sizemode -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/sizemode ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-sizemode"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sizemode">sizemode</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'état de la fenêtre (<code><code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code></code>). Les valeurs suivantes peuvent être utilisées : -</dd></dl> -<ul><li> <code>maximized</code> : La fenêtre est maximisée, et occupe la totalité de l'écran. -</li><li> <code>minimized</code> : La fenêtre est minimisée, ou masquée. -</li><li> <code>normal</code> : La fenêtre apparaît dans un état normal à la taille désirée. -</li></ul> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/sortdirection/index.html b/files/fr/archive/mozilla/xul/attributs/sortdirection/index.html deleted file mode 100644 index c563a7b193..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/sortdirection/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: sortDirection -slug: Archive/Mozilla/XUL/Attributs/sortDirection -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/sortDirection ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Cet attribut indique la direction dans laquelle le contenu généré par un template est trié. Utilisez l'attribut <code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code> pour spécifier la clé de tri. -</dd></dl> -<ul><li> <code>ascending</code> : les données sont triées dans l'ordre croissant. -</li><li> <code>descending</code>: les données sont triées dans l'ordre décroissant. -</li><li> <code>natural</code> : les données sont triées dans l'ordre naturel, ce qui veut dire l'ordre dans lequel elles sont stockées. -</li></ul> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/sortresource/index.html b/files/fr/archive/mozilla/xul/attributs/sortresource/index.html deleted file mode 100644 index ac33419cef..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/sortresource/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: sortResource -slug: Archive/Mozilla/XUL/Attributs/sortResource -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/sortResource ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code> -</dt><dd> Type : <i>URI d'un prédicat RDF</i> -</dd><dd> Pour du contenu généré par un template, spécifie la clé de tri si le contenu doit être trié. La clé doit être l'URI complète de la ressource par laquelle trier, par exemple « <code><span class="nowiki">http://home.netscape.com/NC-rdf#Name</span></code> ». Placez cet attribut sur le même élément que l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>. Utilisez <code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code> pour spécifier une clé de tri secondaire. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/sortresource2/index.html b/files/fr/archive/mozilla/xul/attributs/sortresource2/index.html deleted file mode 100644 index e1e156e2fd..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/sortresource2/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: sortResource2 -slug: Archive/Mozilla/XUL/Attributs/sortResource2 -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/sortResource2 ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code> -</dt><dd> Type : <i>URI d'un prédicat RDF</i> -</dd><dd> Une clé secondaire de tri pour le contenu. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/src/index.html b/files/fr/archive/mozilla/xul/attributs/src/index.html deleted file mode 100644 index adabab20d0..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/src/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: src -slug: Archive/Mozilla/XUL/Attributs/src -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/src ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code></dt> - <dd> - Type : <i>URL</i></dd> - <dd> - L'adresse URL du contenu devant apparaître dans l'élément.</dd> -</dl> -<div class="noinclude"> - <h3 id="Exemples" name="Exemples">Exemples</h3> - <pre class="brush:xml"><iframe id="content-body" src="http://www.mozilla.org/"/> -<browser src="http://www.mozilla.org" flex="1"/> -<image src="Firefoxlogo.png" width="135" height="130"/> -</pre> - <h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h3> - <ul> - <li><code id="a-prefpane.src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/prefpane.src">prefpane.src</a></code></li> - <li><code id="a-treecell.src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/treecell.src">treecell.src</a></code></li> - <li><code id="a-treecol.src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/treecol.src">treecol.src</a></code></li> - <li><code id="a-script.src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/script.src">script.src</a></code></li> - <li><code id="a-stringbundle.src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/stringbundle.src">stringbundle.src</a></code></li> - <li><code id="a-checkbox.src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checkbox.src">checkbox.src</a></code></li> - </ul> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/statustext/index.html b/files/fr/archive/mozilla/xul/attributs/statustext/index.html deleted file mode 100644 index dcbd921f3a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/statustext/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: statustext -slug: Archive/Mozilla/XUL/Attributs/statustext -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/statustext ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Utilisé pour définir le texte apparaissant dans la barre d'état lorsque l'utilisateur passe le pointeur par dessus l'élément. Mozilla ne mettra cependant pas à jour la barre d'état automatiquement. Cet attribut sert juste à conserver le texte. Dans Firefox, celui-ci sera automatiquement placé dans l'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/statusbar" title="statusbar">statusbar</a></code></code> pour les éléments menuitem de la barre de menus. -</dd></dl> -<div class="noinclude"> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<pre><!-- change le message d'état lorsque la souris survole les boutons --> -<button label="Connexion" statustext="Se connecter au serveur distant" - onmouseover="setStatusMessage(this)" onmouseout="clearStatusMessage()"/> -<button label="Ping" statustext="Envoyer un ping au serveur" - onmouseover="setStatusMessage(this)" onmouseout="clearStatusMessage()"/> - -<statusbar> - <statusbarpanel id="myStatusPanel" label="" flex="1"/> - <spacer flex="1"/> -</statusbar> - -<script> -function setStatusMessage(obj){ - document.getElementById('myStatusPanel').label = obj.getAttribute('statustext'); -} -function clearStatusMessage(obj){ - document.getElementById('myStatusPanel').label = ''; -} -</script> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p><code><code><a href="/fr/docs/Mozilla/Tech/XUL/statusbar" title="statusbar">statusbar</a></code></code> et <code><code><a href="/fr/docs/Mozilla/Tech/XUL/statusbarpanel" title="statusbarpanel">statusbarpanel</a></code></code> -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/style/index.html b/files/fr/archive/mozilla/xul/attributs/style/index.html deleted file mode 100644 index 60fa847962..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/style/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: style -slug: Archive/Mozilla/XUL/Attributs/style -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/style ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code> -</dt><dd> Type : <i>style CSS inline</i> -</dd><dd> Règles de style CSS à appliquer à l'élément. La syntaxe est identique à celle de l'attribut HTML style. Il est préférable de placer les règles de style dans des feuilles de style séparées. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/suppressonselect/index.html b/files/fr/archive/mozilla/xul/attributs/suppressonselect/index.html deleted file mode 100644 index 5f8cb6b1d5..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/suppressonselect/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: suppressonselect -slug: Archive/Mozilla/XUL/Attributs/suppressonselect -tags: - - Attributs_XUL - - Référence_XUL - - XUL -translation_of: Archive/Mozilla/XUL/Attribute/suppressonselect ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-suppressonselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/suppressonselect">suppressonselect</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Si cet attribut n'est pas spécifié, un évènement <code>select</code> est déclenché dès qu'un élément est sélectionné, que ce soit par l'utilisateur ou par l'appel d'une des méthodes de sélection. Si la valeur de l'attribut est <code>true</code>, l'évènement <code>select</code> n'est jamais déclenché.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/tabindex/index.html b/files/fr/archive/mozilla/xul/attributs/tabindex/index.html deleted file mode 100644 index 16d1e7e367..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/tabindex/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: tabindex -slug: Archive/Mozilla/XUL/Attributs/tabindex -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/tabindex ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/template/index.html b/files/fr/archive/mozilla/xul/attributs/template/index.html deleted file mode 100644 index 8b88020822..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/template/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: template -slug: Archive/Mozilla/XUL/Attributs/template -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/template ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Pour les éléments générés par des templates, cet attribut peut éventuellement être placé sur le nœud racine (l'élément disposant de l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>) pour faire référence à un template existant autre part dans le code XUL. L'attribut template doit être défini à l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code>. Celui-ci peut être utilisé pour partager un même template entre différents arbres ou menus. Si cet attribut n'est pas spécifié, il doit y avoir un élément template directement dans le nœud. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/timepicker.increment/index.html b/files/fr/archive/mozilla/xul/attributs/timepicker.increment/index.html deleted file mode 100644 index 53d622d39f..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/timepicker.increment/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: timepicker.increment -slug: Archive/Mozilla/XUL/Attributs/timepicker.increment -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/timepicker.increment ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <a href="fr/XUL/Attributs/timepicker.increment">increment</a></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Indique le nombre de minutes à passer chaque fois que les flèches sont actionnées. Cet attribut est à utiliser en combinaison avec une définition de <code>hideseconds</code> à <code>true</code>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/timepicker.value/index.html b/files/fr/archive/mozilla/xul/attributs/timepicker.value/index.html deleted file mode 100644 index 4cc2d5f336..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/timepicker.value/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: timepicker.value -slug: Archive/Mozilla/XUL/Attributs/timepicker.value -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/timepicker.value ---- -<div class="noinclude"> - <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La valeur initiale du sélecteur de date au format HH:MM:SS ou HH:MM.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/attributs/title/index.html b/files/fr/archive/mozilla/xul/attributs/title/index.html deleted file mode 100644 index 2f123af87d..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/title/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: title -slug: Archive/Mozilla/XUL/Attributs/title -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/title ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-title"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/title">title</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le texte qui doit apparaître dans la barre de titre de la fenêtre ou boîte de dialogue. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/tooltip/index.html b/files/fr/archive/mozilla/xul/attributs/tooltip/index.html deleted file mode 100644 index 8eb387f689..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/tooltip/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: tooltip -slug: Archive/Mozilla/XUL/Attributs/tooltip -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/tooltip ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code> -</dt><dd> Type : <i>id d'un élément tooltip</i> -</dd><dd> Doit être défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/popup" title="popup">popup</a></code> à utiliser comme fenêtre tooltip (bulle d'information) lorsque l'élément est survolé un certain temps par le pointeur de la souris. Le tooltip disparaîtra automatiquement lors d'un nouveau déplacement de la souris. Si cet attribut est défini à « <code>_child</code> », le premier élément tooltip enfant de l'élément sera utilisé. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/tooltiptext/index.html b/files/fr/archive/mozilla/xul/attributs/tooltiptext/index.html deleted file mode 100644 index f719b5b76a..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/tooltiptext/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: tooltiptext -slug: Archive/Mozilla/XUL/Attributs/tooltiptext -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/tooltiptext ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Utilisé pour définir le texte qui apparaîtra dans la bulle d'information lorsque l'utilisateur place le pointeur de la souris sur l'élément. Ceci peut être utilisé à la place de la définition d'un tooltip vers un popup pour le cas habituel où celui-ci contient uniquement du texte. Le texte est par défaut affiché dans un simple label. Pour modifier le type de tooltip par défaut, définissez l'attribut <code>default</code> sur un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/top/index.html b/files/fr/archive/mozilla/xul/attributs/top/index.html deleted file mode 100644 index 994e4a27e2..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/top/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: top -slug: Archive/Mozilla/XUL/Attributs/top -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/top ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> Pour les éléments placés directement dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>, spécifie la distance en pixels entre le bord supérieur de l'élément et le bord supérieur du stack. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/type/index.html b/files/fr/archive/mozilla/xul/attributs/type/index.html deleted file mode 100644 index a2d6628e11..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/type/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: type -slug: Archive/Mozilla/XUL/Attributs/type -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/type ---- -<div class="noinclude"> - <h3 id="Voir" name="Voir">Voir</h3> - <ul> - <li><a href="fr/XUL/Attributs/button.type">button.type</a></li> - <li><a href="fr/XUL/Attributs/browser.type">browser.type</a></li> - <li><a href="fr/XUL/Attributs/listitem.type">listitem.type</a></li> - <li><a href="fr/XUL/Attributs/menuitem.type">menuitem.type</a></li> - <li><a href="fr/XUL/Attributs/textbox.type">textbox.type</a></li> - <li><a href="fr/XUL/Attributs/toolbarbutton.type">toolbarbutton.type</a></li> - <li><a href="fr/XUL/Attributs/treecol.type">treecol.type</a></li> - </ul> -</div> -<p> </p> diff --git a/files/fr/archive/mozilla/xul/attributs/uri/index.html b/files/fr/archive/mozilla/xul/attributs/uri/index.html deleted file mode 100644 index 2879d1f18c..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/uri/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: uri -slug: Archive/Mozilla/XUL/Attributs/uri -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/uri ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Pour du contenu généré par un template, l'attribut doit être placé sur l'élément où la génération de contenu doit commencer. Donc, il doit être placé sur un élément qui est le descendant d'un template. La valeur doit être définie à <code>rdf:*</code>. -</dd></dl> -<dl><dd> Les éléments qui apparaissent à l'intérieur de l'élément portant cet attribut seront répétés pour chaque nœud dans la source de données RDF. Les éléments qui sont à l'extérieur n'apparaîtront qu'une seule fois. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/value/index.html b/files/fr/archive/mozilla/xul/attributs/value/index.html deleted file mode 100644 index 86904f020b..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/value/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: value -slug: Archive/Mozilla/XUL/Attributs/value -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/value ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Attributs/label.value">label.value</a> -</li><li> <a href="fr/XUL/Attributs/textbox.value">textbox.value</a> -</li><li> [[XUL:Attributs:textnode.value|textnode -</li></ul> -<p>.value]] -</p> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/wait-cursor/index.html b/files/fr/archive/mozilla/xul/attributs/wait-cursor/index.html deleted file mode 100644 index 23677d8118..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/wait-cursor/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: wait-cursor -slug: Archive/Mozilla/XUL/Attributs/wait-cursor -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/wait-cursor ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Définissez cet attribut à <code>true</code> pour que le curseur devienne un curseur d'attente lorsqu'il survole l'élément. Habituellement, on ne l'utilisera que sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> ou d'autres éléments de premier plan. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/width/index.html b/files/fr/archive/mozilla/xul/attributs/width/index.html deleted file mode 100644 index bee18c2365..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/width/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: width -slug: Archive/Mozilla/XUL/Attributs/width -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/width ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La largeur préférée de l'élément. La valeur ne doit pas préciser d'unité car elle est toujours exprimée en pixels. La largeur réellement affichée peut être différente si l'élément ou son contenu ont une largeur minimum ou maximum, ou que la taille est ajustée selon la flexibilité ou l'alignement de son parent. La propriété CSS <code>width</code> peut également être utilisée. -</dd></dl> -<div class="noinclude"> -<p>Dans cet exemple, la largeur préférée de la boîte <code>hbox</code> intérieure sera de 40 pixels. La largeur affichée est également 40 pixels puisqu'aucun ajustement de flexibilité ou d'alignement ne s'applique. -</p> -<pre><hbox> - <hbox width="40" style="background-color: red;"> - <label value="40"/> - </hbox> -</hbox> -</pre> -<p>Cependant, dans l'exemple qui sit, malgré une largeur préférée de 30 pixels pour la boîte, sa largeur affichée sera plus grande pour prendre en compte le label plus grand. -</p> -<pre><vbox width="30" align="start" style="background-color: red;"> - <label value="vbox xul width 10px red"/> -</vbox> -</pre> -<div class="note"><b>Note :</b> Lorsqu'il est utilisé sur des objets <code><a href="fr/XUL/treecol">treecol</a></code> l'attribut <code>width</code> peut permettre à ceux-ci d'être défilables horizontalement si la largeur additionnée des colonnes est supérieure à celle de l'objet conteneur. </div> -</div> diff --git a/files/fr/archive/mozilla/xul/attributs/windowtype/index.html b/files/fr/archive/mozilla/xul/attributs/windowtype/index.html deleted file mode 100644 index 6eb500663d..0000000000 --- a/files/fr/archive/mozilla/xul/attributs/windowtype/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: windowtype -slug: Archive/Mozilla/XUL/Attributs/windowtype -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Attribute/windowtype ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code id="a-windowtype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/windowtype">windowtype</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Définit une chaîne pouvant être utilisée pour identifier le type de fenêtre. Celle-ci peut être utilisée, par exemple, pour faire la distinction entre une fenêtre de navigation et une fenêtre d'édition. Certaines des fonctions de gestion de fenêtres de Mozilla utilisent cet attribut pour grouper les fenêtres du même type. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/box/index.html b/files/fr/archive/mozilla/xul/box/index.html deleted file mode 100644 index a2b2cc6dd4..0000000000 --- a/files/fr/archive/mozilla/xul/box/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: box -slug: Archive/Mozilla/XUL/box -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/box ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> -<p>Un élément conteneur qui peut contenir n'importe quel nombre d'éléments enfants. Si l'élément <code>box</code> a un attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> défini à <code>horizontal</code>, les éléments enfants sont disposés de gauche à droite dans l'ordre de leur apparition dans l'élément box. Si <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> est défini à <code>vertical</code>, ils seront positionnés de haut en bas. Les éléments enfants ne se superposent pas. L'orientation par défaut est <code>horizontal</code>.</p> -<p>Vous trouverez plus d'informations dans le <a href="/fr/Tutoriel_XUL/Le_mod%C3%A8le_de_bo%C3%AEte" title="fr/Tutoriel_XUL/Le_modèle_de_boîte">Tutoriel XUL</a>.</p> -<h3 id="Exemples" name="Exemples">Exemples</h3> -<div class="float-right"><img alt="Image:XUL_ref_box.png"></div> -<pre><box orient="horizontal"> - <label value="Zéro"/> - <box orient="vertical"> - <label value="Un"/> - <label value="Deux"/> - </box> - <box orient="horizontal"> - <label value="Trois"/> - <label value="Quatre"/> - </box> -</box> -</pre> -<h3 id="Attributs" name="Attributs">Attributs</h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s">Propriétés</h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s">Sujets liés</h3> -<dl><dt> Éléments </dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> </dd></dl> diff --git a/files/fr/archive/mozilla/xul/button/index.html b/files/fr/archive/mozilla/xul/button/index.html deleted file mode 100644 index adce204aab..0000000000 --- a/files/fr/archive/mozilla/xul/button/index.html +++ /dev/null @@ -1,287 +0,0 @@ ---- -title: button -slug: Archive/Mozilla/XUL/button -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/button ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un bouton qui peut être activé par l'utilisateur. Des gestionnaires d'évènements peuvent être utilisés pour capturer des évènements souris, claviers ou autres. Un bouton est typiquement affiché sous la forme d'un rectangle gris en relief. Le label d'un bouton peut être spécifié à l'aide de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> ou en plaçant du contenu dans l'élément button. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Ajouter_des_boutons">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-accesskey">accesskey</a>, <a href="#a-autoCheck">autoCheck</a>, <a href="#a-checkState">checkState</a>, <a href="#a-checked">checked</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-dir">dir</a>, <a href="#a-disabled">disabled</a>, <a href="#a-dlgtype">dlgtype</a>, <a href="#a-group">group</a>, <a href="#a-icon">icon</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-open">open</a>, <a href="#a-orient">orient</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-button.type">type</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessKey">accessKey</a>, <a href="#p-accessibleType">accessibleType</a>, <a href="#p-autoCheck">autoCheck</a>, <a href="#p-checkState">checkState</a>, <a href="#p-checked">checked</a>, <a href="#p-command">command</a>, <a href="#p-crop">crop</a>, <a href="#p-dir">dir</a>, <a href="#p-disabled">disabled</a>, <a href="#p-dlgType">dlgType</a>, <a href="#p-group">group</a>, <a href="#p-image">image</a>, <a href="#p-label">label</a>, <a href="#p-open">open</a>, <a href="#p-orient">orient</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-type">type</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_button.png"></div> -<pre class="eval"><button label="Appuyez" - oncommand="alert('Vous avez appuyé.');"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-autoCheck"> - -</div> -<div id="a-checkState"> - -</div> -<div id="a-checked"> - -<dl> - <dt> - <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Indique si l'élément est coché ou non.</dd> - <dd> - Utilisez <code>hasAttribute()</code> pour déterminer si cet attribut est défini plutôt que <code>getAttribute()</code>.<br> - Pour les boutons, l'attribut <code>type</code> doit etre mis à <code>checkbox</code> ou à <code>radio</code> pour qu'un effet soit perceptible.</dd> -</dl> -</div> -<div id="a-command"> - -<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> observé par l'élément. -</dd></dl> - - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-dir"> - -<dl> - <dt> - <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - La direction dans laquelle les éléments enfants de l'élément seront placés.</dd> -</dl> -<ul> - <li><code>normal</code> : <magic name="\"PAGENAME\"/">Les valeurs de l'échelle sont triées de gauche à droite (pour les échelles horizontales) ou de haut en bas (pour les échelles verticales)., Les éléments sont placés de gauche à droite ou de haut en bas dans l'ordre dans lequel ils apparaissent dans le code XUL.)</magic></li> - <li><code>reverse</code> : Les valeurs de l'échelle sont triées de droite à gauche (pour les échelles horizontales) ou de bas en haut (pour les échelles verticales)., Les éléments sont placés de droite à gauche ou de bas en haut. C'est le contraire de l'ordre dans lequel ils apparaissent dans le code XUL.)</li> -</ul> - -<p> </p> -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-dlgtype"> - -</div> -<div id="a-group"> - -</div> -<div id="a-icon"> - -</div> -<div id="a-image"> - -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-open"> - -<dl><dt> <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les boutons de <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> <code>menu</code>, l'attribut <code>open</code> est défini à <code>true</code> lorsque le menu est ouvert. L'attribut <code>open</code> n'est pas présent si le menu est fermé. -</dd></dl> - - -</div> -<div id="a-orient"> - -<dl><dt> <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Utilisé pour spécifier si les enfants de l'élément sont orientés horizontalement ou verticalement. La valeur par défaut dépend de l'élément. Il est également possible d'utiliser la propriété de style <code><a href="fr/CSS/-moz-box-orient">-moz-box-orient</a></code>. -</dd></dl> -<ul><li> <code>horizontal</code> : Les éléments enfants de l'élément sont placés les uns à côté des autres sur une ligne dans l'ordre de leur apparition dans le code source XUL. -</li><li> <code>vertical</code> : Les éléments enfants de l'élément sont placés les uns en dessous des autres sur une colonne dans l'ordre de leur apparition dans le code source XUL. -</li></ul> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-button.type"> - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessKey"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-autoCheck"></div> -<div id="p-checkState"></div> -<div id="p-checked"></div> -<div id="p-command"></div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-dir"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/dir">dir</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-dlgType"></div> -<div id="p-group"></div> -<div id="p-image"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/image">image</a></span></code> -</dt><dd> Type : <i>URL d'image</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. -</dd></dl> - -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-open"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/open">open</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code>. -</dd></dl> - -</div> -<div id="p-orient"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/orient">orient</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - -</div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-type"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/type">type</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULButtonElement">nsIDOMXULButtonElement</a> -</dd></dl> diff --git a/files/fr/archive/mozilla/xul/caractères_internationaux_dans_du_javascript_xul/index.html b/files/fr/archive/mozilla/xul/caractères_internationaux_dans_du_javascript_xul/index.html deleted file mode 100644 index 756592e74b..0000000000 --- a/files/fr/archive/mozilla/xul/caractères_internationaux_dans_du_javascript_xul/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: Caractères internationaux dans du JavaScript XUL -slug: Archive/Mozilla/XUL/Caractères_internationaux_dans_du_JavaScript_XUL -tags: - - Internationalisation - - JavaScript -translation_of: Archive/Mozilla/XUL/International_characters_in_XUL_JavaScript ---- -<p> </p> -<h3 id="Introduction" name="Introduction">Introduction</h3> -<p><a href="/fr/Gecko" title="fr/Gecko">Gecko</a> 1.8, qui est utilisé dans <a href="/fr/Firefox_1.5_pour_les_développeurs" title="fr/Firefox_1.5_pour_les_développeurs">Firefox 1.5</a> et d'autres applications, a ajouté un support pour les caractères non-ASCII dans les fichiers <a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a> chargés depuis des fichiers <a href="/fr/XUL" title="fr/XUL">XUL</a>.</p> -<p>Cela signifie que de tels fichiers de script sont capables d'utiliser virtuellement tous les caractères de n'importe quelle langue dans le monde. Par exemple, ils pourraient contenir une ligne :</p> -<pre class="eval">var text = "Ein schönes Beispiel eines mehrsprachigen Textes: 日本語"; -</pre> -<p>Celle-ci mélange des caractères allemands et japonais.</p> -<p>Les versions précédentes interprétaient toujours les fichiers JS chargés depuis XUL en <a class="external" href="http://fr.wikipedia.org/wiki/ISO_8859-1">ISO-8859-1</a> (Latin-1) aussi bien en local qu'en fichiers distants. Les échappements Unicode, <a href="#Compatibilit.C3.A9_inter-versions">comme expliqué ci-dessous</a>, ont toujours fonctionné.</p> -<h3 id="Comment_l.27encodage_des_caract.C3.A8res_est_d.C3.A9termin.C3.A9_depuis_Gecko_1.8" name="Comment_l.27encodage_des_caract.C3.A8res_est_d.C3.A9termin.C3.A9_depuis_Gecko_1.8">Comment l'encodage des caractères est déterminé depuis Gecko 1.8</h3> -<p>Lorsque le fichier JavaScript est chargé depuis une URL <code>chrome://</code>, un <a href="/fr/Byte_Order_Mark" title="fr/Byte_Order_Mark">Byte Order Mark</a>) est utilisé pour déterminer l'encodage des caractères du script. Autrement, l'encodage sera le même que celui utilisé par le fichier XUL (et spécifié par l'attribut <code>encoding</code> dans la balise <code><?xml?></code>). Par défaut, l'encodage sera l'UTF-8 qui peut représenter virtuellement l'ensemble des caractères dans le monde.</p> -<p>Si le fichier de script est chargé via HTTP, l'en-tête HTTP peut contenir une déclaration d'encodage de caractères comme faisant partie de <code>Content-Type</code>, par exemple :</p> -<pre class="eval">Content-Type: application/x-javascript; charset=UTF-8 -</pre> -<p>Si aucun paramètre charset n'est spécifié, les mêmes règles que précédemment sont appliquées.</p> -<h3 id="Compatibilit.C3.A9_inter-versions" name="Compatibilit.C3.A9_inter-versions">Compatibilité inter-versions</h3> -<p>Si vous voulez que le même code fonctionne à la fois avec Gecko 1.8 et ses versions antérieures, vous devez vous limiter à l'ASCII. Toutefois, vous pouvez employer <a href="/fr/Guide_JavaScript_1.5/Unicode#S.C3.A9quences_d.27.C3.A9chappement_Unicode" title="fr/Guide_JavaScript_1.5/Unicode#S.C3.A9quences_d.27.C3.A9chappement_Unicode">les échappements unicode</a>. Le précédent exemple réécrit deviendrait :</p> -<pre class="eval">var text = "Ein sch\u00F6nes Beispiel eines mehrsprachigen Textes: \u65E5\u672C\u8A9E"; -</pre> -<p>Une alternative serait d'utiliser des fichiers de propriétés via <a href="/fr/NsIStringBundle" title="fr/NsIStringBundle">nsIStringBundle</a> ou <a href="/en/XUL_Tutorial/Property_Files">l\'élément XUL <stringbundle></a> ; ils permettent la localisation du XUL. Ce n'est toutefois pas permis dans des fichiers XUL chargés depuis le Web mais seulement dans un code avec privilèges, c'est-à-dire dans des <a href="/fr/Extensions" title="fr/Extensions">extensions</a>.</p> diff --git a/files/fr/archive/mozilla/xul/checkbox/index.html b/files/fr/archive/mozilla/xul/checkbox/index.html deleted file mode 100644 index cdb848ef56..0000000000 --- a/files/fr/archive/mozilla/xul/checkbox/index.html +++ /dev/null @@ -1,194 +0,0 @@ ---- -title: checkbox -slug: Archive/Mozilla/XUL/checkbox -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/checkbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément qui peut être activé ou non. Il est le plus généralement affiché sous la forme d'une case vide lorsque l'élément est désactivé et une case avec une coche lorsqu'il est activé. L'utilisateur peut changer l'état de la case à cocher en la sélectionnant avec la souris. Un label, spécifié avec l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>, peut être ajouté à côté de la case à cocher. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Les_champs_de_saisie">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-accesskey">accesskey</a>, <a href="#a-checked">checked</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-disabled">disabled</a>, <a href="#a-checkbox.src">src</a>, <a href="#a-label">label</a>, <a href="#a-preference">preference</a>, <a href="#a-tabindex">tabindex</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessKey">accessKey</a>, <a href="#p-accessibleType">accessibleType</a>, <a href="#p-checked">checked</a>, <a href="#p-command">command</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-src">src</a>, <a href="#p-label">label</a>, <a href="#p-tabIndex">tabIndex</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_checkbox.png"></div> -<pre class="eval"><checkbox label="Activer JavaScript" checked="true"/> -<checkbox label="Activer Java" checked="false"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-checked"> - -<dl> - <dt> - <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Indique si l'élément est coché ou non.</dd> - <dd> - Utilisez <code>hasAttribute()</code> pour déterminer si cet attribut est défini plutôt que <code>getAttribute()</code>.<br> - Pour les boutons, l'attribut <code>type</code> doit etre mis à <code>checkbox</code> ou à <code>radio</code> pour qu'un effet soit perceptible.</dd> -</dl> -</div> -<div id="a-command"> - -<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> observé par l'élément. -</dd></dl> - - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-checkbox.src"> - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-preference"> - -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> de l'élément. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessKey"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-checked"></div> -<div id="p-command"></div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-src"></div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces </dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULCheckboxElement">nsIDOMXULCheckboxElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/command/index.html b/files/fr/archive/mozilla/xul/command/index.html deleted file mode 100644 index 73dcad8053..0000000000 --- a/files/fr/archive/mozilla/xul/command/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: command -slug: Archive/Mozilla/XUL/command -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/command ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément <code>command</code> peut être utilisé pour invoquer une opération pouvant provenir de plusieurs sources différentes. Par exemple, une opération Coller depuis le Presse-papiers peut venir du menu Édition, d'un menu contextuel, ou d'un raccourci clavier. Le code s'attache à une commande avec l'attribut <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code>. Il sera appelé quelle que soit la manière dont la commande est invoquée par l'utilisateur. De plus, la désactivation de la commande désactivera automatiquement les éléments de menus et raccourcis clavier associés. -</p><p>Les commandes sont identifiées par leur attribut <code><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code></code>. Si le script <code><a class=" external" rel="freelink">chrome://global/content/globalOverlay.js</a></code> est inclus dans votre fenêtre, vous pouvez utiliser la fonction <code>goDoCommand</code> pour invoquer la commande. L'avantage est que la commande sera envoyée à la partie de l'interface utilisateur qui y répondra. Typiquement, il s'agira de l'élément ayant actuellement le focus. -</p><p>Comme avec un <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code>, les commandes envoient des attributs à d'autres éléments. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Commandes">Tutoriel XUL</a>. Voir également : l'attribut <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code>, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/commandset" title="commandset">commandset</a></code>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-label">label</a>, <a href="#a-oncommand">oncommand</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>Le code suivant enverra une commande Coller (<code>cmd_paste</code>) à l'élément détenant actuellement le focus : -</p> -<pre class="eval"> // Inclure d'abord <a class=" external" rel="freelink">chrome://global/content/globalOverlay.js</a> - goDoCommand("cmd_paste"); -</pre> -<p>Exemple avec deux boutons -</p> -<pre><command id="cmd_openhelp" oncommand="alert('Aide');"/> -<button label="Aide" command="cmd_openhelp"/> -<button label="Plus d'aide" command="cmd_openhelp"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-oncommand"> - -<dl><dt> <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Ce gestionnaire d'évènement est appelé lorsque la commande est activée. Cela se produit quand un utilisateur sélectionne un élément de menu ou active un raccourci clavier attaché à la commande. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<ul><li> <a href="fr/XUL/Liste_de_commandes">XUL:Liste de commandes</a> -</li></ul> diff --git a/files/fr/archive/mozilla/xul/datepicker/index.html b/files/fr/archive/mozilla/xul/datepicker/index.html deleted file mode 100644 index 0425ec07fb..0000000000 --- a/files/fr/archive/mozilla/xul/datepicker/index.html +++ /dev/null @@ -1,231 +0,0 @@ ---- -title: datepicker -slug: Archive/Mozilla/XUL/datepicker -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/datepicker ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément <code>datepicker</code> permet à l'utilisateur d'entrer une date. Trois types sont disponibles, ce qui peut être spécifié à l'aide de l'attribut <code>type</code>. -</p> -<ul><li> normal — un sélecteur de date avec trois champs pour entrée l'année, le mois et le jour. -</li><li> grid — un sélecteur de date avec une grille de calendrier pour choisir une date. -</li><li> popup — un sélecteur de date normal avec trois champs, mais avec un bouton déroulant supplémentaire pour afficher une grille dans un popup. -</li></ul> -<p>Plusieurs manières de définir le jour sélectionné existent. En XUL, l'attribut <code>value</code> peut être défini à une valeur de la forme AAAA/MM/JJ pour initialiser le sélecteur de date à une certaine date. S'il n'est pas spécifié, il affichera par défaut le jour actuel. -</p><p>Pour changer la date sélectionnée, la propriété <code>value</code> peut être utilisée pour définir une nouvelle valeur de la forme AAAA/MM/JJ. La propriété <code>dateValue</code> peut être utilisée pour obtenir et définir la date à l'aide d'un objet <a href="fr/R%c3%a9f%c3%a9rence_de_JavaScript_1.5_Core/Objets_globaux/Date"><code>Date</code></a>. En outre, les propriétés <code>date</code>, <code>month</code> et <code>year</code> peuvent être utilisées pour obtenir et modifier chaque composant de la date séparément. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-firstdayofweek">firstdayofweek</a>, <a href="#a-readonly">readonly</a>, <a href="#a-type">type</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-date">date</a>, <a href="#p-dateLeadingZero">dateLeadingZero</a>, <a href="#p-dateValue">dateValue</a>, <a href="#p-disabled">disabled</a>, <a href="#p-month">month</a>, <a href="#p-monthLeadingZero">monthLeadingZero</a>, <a href="#p-open">open</a>, <a href="#p-readOnly">readOnly</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a>, <a href="#p-year">year</a>, <a href="#p-yearLeadingZero">yearLeadingZero</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p><img alt="Image:Controlsguide-datepicker-grid.png"> -</p> -<pre><datepicker type="grid" value="2007/03/26"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-firstdayofweek"> - -<dl><dt> <code id="a-firstdayofweek"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/firstdayofweek">firstdayofweek</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Indique le jour de la semaine à afficher comme premier jour dans la grille. Les valeurs vont de 0 à 6, où 0 est dimanche et 6 est samedi. La valeur par défaut est déterminée par la locale, n'utilisez donc cet attribut que si vous désirez l'écraser. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-readonly"> - -<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément. Cependant, celle-ci peut toujours être modifiée par un script. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-datepicker.type"> - -<dl> - <dt> - <a href="fr/XUL/Attributs/datepicker.type">type</a></dt> - <dd> - Type : <i>une des valeurs suivantes</i></dd> - <dd> - L'attribut <code>type</code> peut avoir l'une des valeurs ci-dessous afin de spécifier le type de sélecteur de date à utiliser :</dd> -</dl> -<ul> - <li><code>normal</code> : Un sélecteur de date avec trois champs pour entrer l'année, le mois et le jour. C'est la valeur par défaut, il ne faut donc pas spécifier l'attribut <code>type</code> si c'est le genre désiré.</li> - <li><code>grid</code> : Un sélecteur de date qui affiche une grille de calendrier où un mois est affiché à la fois.</li> - <li><code>popup</code> : Un sélecteur de date avec trois champs d'entrée mais un bouton déroulant supplémentaire qui, lorsqu'on clique dessus, affichera une grille de calendrier.</li> -</ul> - -<p> </p> -</div> -<div id="a-datepicker.value"> - -<dl> - <dt> - <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La valeur initiale du sélecteur de date sous la forme <var>AAAA/MM/JJ</var>.</dd> -</dl> -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-date"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/date">date</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Le jour du mois actuellement sélectionné, entre 1 et 31. Modifiez cette propriété pour changer la date sélectionnée.</dd> -</dl></div> -<div id="p-dateLeadingZero"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/dateLeadingZero">dateLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro doit être affiché avant la date lorsqu'elle est inférieure à 10.</dd> -</dl></div> -<div id="p-dateValue"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/dateValue">dateValue</a></span></code></dt> - <dd> - Type : <i>Date</i></dd> - <dd> - La date actuellement entrée ou sélectionnée dans le sélecteur de date sous la forme d'un objet <code>Date</code>.</dd> -</dl></div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-month"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/month">month</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Le mois actuellement sélectionné entre 0 (janvier) et 11 (décembre). Définissez cette propriété pour changer le mois sélectionné.</dd> -</dl></div> -<div id="p-monthLeadingZero"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/monthLeadingZero">monthLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro doit être affiché devant le mois s'il est inférieur à 10.</dd> -</dl></div> -<div id="p-datepicker.open"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/open">open</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Pour les sélecteurs de date de type popup, spécifie si celui-ci est ouvert. Définissez cette propriété pour ouvrir ou fermer le popup. Pour les autres types de sélecteurs de date, cette propriété est toujours à <code>false</code>.</dd> -</dl></div> -<div id="p-readOnly"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readonly">readonly</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si définie à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément.</dd> - <dd> - <div class="note"> - Cette propriété toute en minuscules n'est utilisée qu'avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code> et sera peut-être renommée en <code>readOnly</code> dans des versions ultérieures. D'autres éléments utilisent la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readOnly">readOnly</a></span></code>. L'attribut correspondant est cependant <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> en minuscules.</div> - </dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-datepicker.value"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La date actuellement sélectionnée au format AAAA/MM/JJ. Contrairement à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/month">month</a></span></code>, les mois varient ici dans l'intervalle 01 à 12. Définissez cette propriété pour changer la date sélectionnée.</dd> -</dl></div> -<div id="p-year"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/year">year</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - L'année actuellement sélectionnée entre 1 et 9999. Définissez cette propriété pour changer la date sélectionnée.</dd> -</dl></div> -<div id="p-yearLeadingZero"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/yearLeadingZero">yearLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro doit être affiché devant l'année si elle est inférieure à 1000.</dd> -</dl></div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIDOMXULControlElement">nsIDOMXULControlElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/description/index.html b/files/fr/archive/mozilla/xul/description/index.html deleted file mode 100644 index 2895ae7922..0000000000 --- a/files/fr/archive/mozilla/xul/description/index.html +++ /dev/null @@ -1,150 +0,0 @@ ---- -title: description -slug: Archive/Mozilla/XUL/description -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/description ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Cet élément sert à créer un bloc de texte. Celui-ci peut être défini soit avec l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>, soit en plaçant le texte entre les balises d'ouverture et de fermeture de l'élément <code>description</code>. L'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> sert à définir du texte apparaissant sur une seule ligne. Si du texte apparait comme enfant de l'élément description, il s'étalera éventuellement sur plusieurs lignes. Il peut contenir du balisage arbitraire, qui peut être stylé le cas échéant. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Ajouter_des_libell%c3%a9s_et_des_images">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-crop">crop</a>, <a href="#a-disabled">disabled</a>, <a href="#a-tabindex">tabindex</a> <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Classes de style -</dt><dd> <a href="#s-header">header</a>, <a href="#s-indent">indent</a>, <a href="#s-monospace">monospace</a>, <a href="#s-plain">plain</a>, <a href="#s-small-margin">small-margin</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_description.png"></div> -<pre class="eval"><description> - Ceci est une longue section de texte qui sera affichée. -</description> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Classes_de_style" name="Classes_de_style"> Classes de style </h3> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/header">header</a></code></dt> - <dd>A class used for headings. Typically, this will cause the text to appear bold.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/indent">indent</a></code></dt> - <dd>This class causes the text to be indented on its left side.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/monospace">monospace</a></code></dt> - <dd>This class causes the text to be displayed in a monospace font.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/plain">plain</a></code></dt> - <dd>This class causes the element to be displayed with no border or margin.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/small-margin">small-margin</a></code></dt> - <dd>This class causes the text to be displayed with a smaller margin.</dd> -</dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p>À faire. -</p> diff --git a/files/fr/archive/mozilla/xul/dropmarker/index.html b/files/fr/archive/mozilla/xul/dropmarker/index.html deleted file mode 100644 index 88f32fb59d..0000000000 --- a/files/fr/archive/mozilla/xul/dropmarker/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: dropmarker -slug: Archive/Mozilla/XUL/dropmarker -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/dropmarker ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un dropmarker est un bouton avec une flèche qui révèle plus de détails lorsque l'on appuie dessus. Il n'est pas prévu pour être utilisé comme un élément séparé, mais comme partie d'un autre élément. Par exemple, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> et le type « popup » d'un <a href="fr/XUL/datepicker">sélecteur de date</a> utilisent un dropmarker qui, lorsqu'on clique dessus, fera apparaître un menu popup. -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/faq_et_règles_pour_les_accesskeys_en_xul/index.html b/files/fr/archive/mozilla/xul/faq_et_règles_pour_les_accesskeys_en_xul/index.html deleted file mode 100644 index 12a2836539..0000000000 --- a/files/fr/archive/mozilla/xul/faq_et_règles_pour_les_accesskeys_en_xul/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: FAQ et règles pour les accesskeys en XUL -slug: Archive/Mozilla/XUL/FAQ_et_règles_pour_les_accesskeys_en_XUL -tags: - - XUL -translation_of: Archive/Mozilla/XUL/XUL_Accesskey_FAQ_and_Policies ---- -<p> -</p> -<h3 id="Qu.27est-ce_qu.27une_accesskey_.3F" name="Qu.27est-ce_qu.27une_accesskey_.3F"> Qu'est-ce qu'une accesskey ? </h3> -<p>Une accesskey ou touche mnémonique est une lettre soulignée dans une page Web, un menu ou un dialogue qui indique à l'utilisateur un raccourci clavier rapide simulant un clic sur cet élément. Par exemple, un bouton « Appliquer » peut avoir la lettre « A » soulignée. Sous Windows et UNIX, appuyer sur les touches <kbd>ALT+A</kbd> est une façon pratique de pousser le bouton. Sous Macintosh, les accesskeys ne sont disponibles qu'en <a href="fr/HTML">HTML</a> et pas en <a href="fr/XUL">XUL</a>, et elles sont activées en utilisant la touche <kbd>CTRL+</kbd> lettre au lieu de <kbd>ALT</kbd>. -</p> -<h3 id="Comment_une_accesskey_est-elle_ajout.C3.A9e_.C3.A0_un_contr.C3.B4le_de_formulaire_.3F" name="Comment_une_accesskey_est-elle_ajout.C3.A9e_.C3.A0_un_contr.C3.B4le_de_formulaire_.3F"> Comment une accesskey est-elle ajoutée à un contrôle de formulaire ? </h3> -<p>Une accesskey peut être ajoutée à un contrôle ou libellé de formulaire <a href="fr/HTML">HTML</a> ou <a href="fr/XUL">XUL</a> en utilisant l'attribut <code>accesskey</code>. Par exemple, voici comment on peut ajouter une accesskey à un bouton XUL : -</p> -<table style="margin: 0;"> <tbody><tr> -<td><code><button label="Appliquer maintenant" accesskey="A" /></code> -</td><td style="background-color: #DDF; border: blue outset; padding: 3px;"><span style="">A</span>ppliquer maintenant -</td></tr> <tr> -<td colspan="2">- ou - -</td></tr> <tr> -<td><code><button label="Appliquer maintenant" accesskey="a" /></code> -</td><td style="background-color: #DDF; border: blue outset; padding: 3px;">Appliquer m<span style="">a</span>intenant -</td></tr> -</tbody></table> -<p>Dans Mozilla, nous utilisons des DTD pour rajouter une autre couche d'abstraction à des fins d'internationalisation. L'exemple ci-dessus devrait donner : -</p><p><code><button label="Appliquer maintenant" accesskey="&applyInstantly.accesskey" /> </code> -</p><p>(Utilisez toujours <code>accesskey</code> au lieu de <code>akey</code>). -</p><p>Si des méthodes comme <code>confirm()</code>, <code>confirmEx()</code> ou <code>prompt()</code> sont utilisées pour créer un dialogue, utilisez un « & » devant le texte du bouton ou de la case à cocher fait du caractère qui suit une accesskey. Par exemple, <code>&Maintenant</code> transforme « M » en accesskey soulignée. Pour insérer un véritable caractère esperluète, utilisez <code>&&</code>. -</p> -<h3 id="Comment_choisir_une_lettre_d.27accesskey_.3F" name="Comment_choisir_une_lettre_d.27accesskey_.3F"> Comment choisir une lettre d'accesskey ? </h3> -<ul><li> L'attribut « accesskey » est sensible à la casse ! -<ul><li> Remarquez que la différence dans l'exemple des deux boutons ci-dessus est la spécification de la casse. La mise en œuvre des accesskeys de Mozilla essaiera d'abord de souligner une lettre de la même casse, mais s'il n'y en a pas il se rabattra sur la lettre de casse opposée. Nous préférons souligner la première lettre de l'un des mots, il est donc important d'être conscient ce cette particularité. -</li></ul> -</li><li> Évitez les doublons -<ul><li> N'utilisez pas deux fois la même lettre d'accesskey dans la même fenêtre. -</li><li> Soyez particulièrement attentifs aux menus déroulants dans la même fenêtre. Par exemple, dans le dialogue du Gestionnaire de marque-pages, n'utilisez pas F, E, A, T ou i (Fichier, Edition, Affichage, Tâches, Aide). -</li><li> Aide demandée : il serait utile d'avoir un outil automatisé pour vérifier l'existence de doublons d'accesskeys et les accesskeys manquantes dans les fichiers XUL. -</li></ul> -</li><li> Rendez-les faciles à voir -<ul><li> Utilisez les lettres au début du premier ou du second mot du libellé. -</li><li> Utilisez un consonne ou une voyelle distinctive dans le libellé. -</li><li> Utilisez les lettres de grande largeur, telles que w, m et les lettres majuscules. -</li><li> Évitez les lettres avec des jambages, telles que p, g, q ou y. -</li><li> Les lettres adjacentes aux lettres ayant des jambages. -</li><li> Les lettres n'ayant qu'un pixel de largeur, comme i ou l. -</li></ul> -</li><li> Rendez-les faciles à mémoriser -<ul><li> Faites en premier les menus importants pour qu'ils aient les meilleures accesskeys. -</li><li> Regardez si un menu similaire a une accesskey quelque part ailleurs dans Mozilla et utilisez la même accesskey. Il y a aussi des accesskeys standard dans Windows, comme Propriétés. -</li><li> Sinon, essayez la première lettre du premier mot du menu. -</li><li> Puis la première lettre d'un autre mot. -</li><li> Enfin, utilisez des lettres non muettes dans un mot d'action (faites cela quand vous avez choisi les accesskeys pour le reste du dialogue). -</li></ul> -</li><li> Éléments courants n'ayant pas d'accesskeys -<ul><li> Boutons OK. -</li><li> Boutons Annuler. -</li><li> Boutons Fermer. -</li><li> Libellés d'onglets. -</li><li> Boutons des barres d'outils -</li><li> Éléments d'arbres -</li><li> Éléments de listes -</li><li> En-têtes de colonnes -</li></ul> -</li></ul> -<h3 id="Y_a-t-il_des_bogues_critiques_que_je_devrais_conna.C3.AEtre_.3F" name="Y_a-t-il_des_bogues_critiques_que_je_devrais_conna.C3.AEtre_.3F"> Y a-t-il des bogues critiques que je devrais connaître ? </h3> -<ul><li> <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=143065" title="FIXED: Scope of accesskey should be limited to a tab panel/-moz-deck">bug 143065</a> - La portée des accesskeys n'est pas limitée au panneau courant. -</li></ul> -<h3 id="O.C3.B9_les_accesskeys_doivent-elles_.C3.AAtre_ajout.C3.A9es_.3F" name="O.C3.B9_les_accesskeys_doivent-elles_.C3.AAtre_ajout.C3.A9es_.3F"> Où les accesskeys doivent-elles être ajoutées ? </h3> -<p>Recherchez les dépendances du <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=129179" title="Meta bug: hook up XUL accesskeys throughout the UI">bug 129179</a> (le méta bogue de gestion des accesskeys XUL), ou recherchez les bogues avec « accesskey » ou « mnemonic » dans le résumé, ou recherchez les dialogues où il n'y a pas d'éléments avec des lettres soulignées. -</p><p>Ouvrez les bogues sous le composant « Keyboard Navigation », et rendez le méta <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=129179" title="Meta bug: hook up XUL accesskeys throughout the UI">bug 129179</a> dépendant de ceux-ci. -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/guide_des_popups/index.html b/files/fr/archive/mozilla/xul/guide_des_popups/index.html deleted file mode 100644 index aaebd62a1b..0000000000 --- a/files/fr/archive/mozilla/xul/guide_des_popups/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: Guide des popups -slug: Archive/Mozilla/XUL/Guide_des_popups -translation_of: Archive/Mozilla/XUL/PopupGuide ---- -<p> -</p> -<h3 id="Popups_et_menus" name="Popups_et_menus"> Popups et menus </h3> -<p>Différents types de popups et menus peuvent être créés. Un popup est un menu ou une fenêtre flottante sans barre de titre, bordures ou autres décorations de fenêtre qui peut s'étendre au-delà des limites de la fenêtre principale. -</p> -<h4 id="Types_de_popups" name="Types_de_popups"> Types de popups </h4> -<p>XUL fournit un certain nombre de types d'éléments différents qui peuvent être utilisés pour créer des menus popups ou d'autres types de widgets popups, qui varient selon la manière dont ils sont attachés à un élément et de s'ouvrir. Un aperçu rapide de chaque type est donné ici ; plus de détails pour chacun des types peuvent être obtenus en suivant les liens correspondants. -</p><p>Dans ce guide, le terme « popup » fait référence à tous les types de popups, tandis que le terme « menu » fait référence à un type particulier de popup. En particulier, les deux premiers types de la liste ci-dessous sont des menus. -</p> -<dl><dt><a href="fr/XUL/Guide_des_popups/Menus">Menus</a> -</dt><dd> Un menu s'utilise lorsque l'on désire avoir une série de commandes pouvant être activées par l'utilisateur, mais sans devoir utiliser la place que prendrait un bouton pour chaque commande. Un menu est normalement masqué, et lorsqu'il est activé un popup contenant la liste des commandes apparaît. L'utilisateur peut sélectionner une commande et le menu disparaît à nouveau. -</dd><dd> On crée un menu avec l'élément <code>menupopup</code>. Il affiche des éléments dans une liste, peut afficher des sous-menus et fournit une navigation au clavier entre les différents éléments. Un menu ne doit contenir que des éléments liés aux menus. -</dd><dt><a href="fr/XUL/Guide_des_popups/Menus_contextuels">Menus contextuels</a> -</dt><dd> Un menu contextuel est comme un menu normal, sauf que les commandes qu'il contient s'appliquent à ce sur quoi l'utilisateur a cliqué pour ouvrir le menu. Souvent, selon l'élément sur lequel on a cliqué, certaines commandes seront masquées si elles ne sont pas applicables à cet élément. </dd><dt><a href="fr/XUL/Guide_des_popups/Panels">Panels</a> -</dt><dd> Un panel peut contenir tout type de contenu. Il est utile lorsque l'on veut afficher certains contrôles temporairement par dessus l'interface utilisateur existante. Par exemple, un champ de recherche dans un popup peut être utilisé pour permettre une recherche et disparaître dès qu'un terme de recherche a été entré. -</dd><dd> Un panel se crée à l'aide de l'élément <code>panel</code>. -</dd><dt><a href="fr/XUL/Guide_des_popups/Tooltips">Tooltips</a> -</dt><dd> Lorsque le pointeur de la souris est positionné au dessus d'un contrôle d'interface utilisateur, un tooltip fournit une bulle d'aide ou d'information, une petite boîte avec un texte descriptif concernant ce contrôle. Lorsque le pointeur est déplacé en dehors du contrôle, le tooltip disparaît automatiquement. -</dd><dd> Un tooltip peut être créé en définissant l'attribut <code>tooltiptext</code> sur un élément ou à l'aide de l'élément <code>tooltip</code>. -</dd></dl> -<h4 id="Utilisation_de_popups" name="Utilisation_de_popups"> Utilisation de popups </h4> -<p>Les informations complémentaires suivantes sont disponibles concernant la manipulation de menus et de popups. -</p> -<dl><dt> Ouverture d'un menu ou d'un popup -</dt><dd> La plupart des menus et des popups sont ouverts automatiquement lorsqu'ils sont associés avec un élément. Pour ouvrir un popup à l'aide d'un script, utilisez les méthodes <code>openPopup</code> ou <code>openPopupAtScreen</code>. Pour des informations détaillées sur la manière d'ouvrir un popup, consultez <a href="fr/XUL/Guide_des_popups/Ouverture_et_fermeture#Ouverture_d.27un_popup">Ouverture d'un popup</a> ou <a href="fr/XUL/Guide_des_popups/Ouverture_et_fermeture#Ouverture_d.27un_menu">Ouverture d'un menu</a>. -</dd></dl> -<dl><dt> Fermeture d'un menu ou d'un popup -</dt><dd> Pour des informations sur la fermeture d'un popup, consultez <a href="fr/XUL/Guide_des_popups/Ouverture_et_fermeture#Fermeture_d.27un_popup_avec_la_m.C3.A9thode_hidePopup">Fermeture d'un popup</a> ou <a href="fr/XUL/Guide_des_popups/Ouverture_et_fermeture#Fermeture_d.27un_menu">Fermeture d'un menu</a>. -</dd></dl> -<dl><dt> Comment sont placés les popups -</dt><dd> Pour en savoir plus sur la manière dont la position d'un popup à l'écran est déterminée, et comment aligner des popups sur d'autres éléments, consultez <a href="fr/XUL/Guide_des_popups/Positionnement">Positionnement des popups</a>. -</dd></dl> -<dl><dt> Determiner si un popup est ouvert -</dt><dd> Pour déterminer si un popup ou un menu est ouvert, consultez <a href="fr/XUL/Guide_des_popups/Ouverture_et_fermeture#D.C3.A9terminer_si_un_popup_est_ouvert">Déterminer si un popup est ouvert</a>. -</dd></dl> -<dl><dt> Déplacement d'un popup -</dt><dd> Les popups peuvent être déplacés à l'aide de la méthode <code>moveTo</code>. Consultez <a href="fr/XUL/Guide_des_popups/D%c3%a9placement_et_redimensionnement#D.C3.A9placement_d.27un_popup">Déplacement d'un popup</a>. -</dd></dl> -<dl><dt> Redimensionnement d'un popup -</dt><dd> La taille d'un popup peut être ajustée à l'aide de la méthode <code>sizeTo</code>. Consultez <a href="fr/XUL/Guide_des_popups/D%c3%a9placement_et_redimensionnement">Redimensionnement d'un popup</a>. -</dd></dl> -<dl><dt> Attacher des menus à un bouton -</dt><dd> Pour en savoir plus sur l'ouverture d'un menu lorsqu'un bouton est enfoncé, consultez <a href="fr/XUL/Guide_des_popups/Boutons_de_menus">Boutons de menus</a>. -</dd></dl> -<dl><dt> Fonctionnalités des éléments d'un menu -</dt><dd> Pour en savoir plus sur les diverses fonctionnalités des éléments d'un menu, consultez <a href="fr/XUL/Guide_des_popups/%c3%89l%c3%a9ments_de_menus">Fonctionnalités de l'élément menuitem</a> -</dd></dl> -<dl><dt> Modification des éléments d'un menu -</dt><dd> Pour ajouter, insérer et retirer des éléments d'un menu, consultez <a href="fr/XUL/Guide_des_popups/Modification_d'un_menu">Modification d'un menu</a>. -</dd></dl> -<dl><dt> Évènements d'ouverture ou fermeture de popups -</dt><dd> Les évènements <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popupshowing">popupshowing</a> et <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popupshown">popupshown</a> se déclenchent lorsqu'un menu ou un popup s'ouvre. Les évènements <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popuphiding">popuphiding</a> et <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popuphidden">popuphidden</a> se déclenchent lorsqu'un menu ou un popup se ferme. Pour plus d'informations sur ces évènements, consultez <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups">Évènements des popups</a>. -</dd></dl> -<dl><dt> Gestion des touches du clavier dans les popups -</dt><dd> Pour des informations sur la manière dont les touches du clavier sont gérées au sein des menus et panels, consultez <a href="fr/XUL/Guide_des_popups/Touches_du_clavier">Gestion des touches du clavier dans les popups</a>. -</dd></dl> -<dl><dt> Considérations liées à la plateforme -</dt><dd> Consultez <a href="fr/XUL/Guide_des_popups/Menus_de_la_plateforme">les considérations spéciales des menus par plateforme</a> pour quelques notes concernant la gestion des menus sur certaines plateformes, par exemple la création d'un menu Application sur un Macintosh. -</dd></dl> -<h4 id="Utilisation_des_popups_dans_des_extensions" name="Utilisation_des_popups_dans_des_extensions"> Utilisation des popups dans des extensions </h4> -<p>Les extensions peuvent ajouter des éléments de menus supplémentaires à un menu de la barre de menus ou au menu contextuel. De plus une extension peut ajouter un tout nouveau menu complet. Par exemple, une extension peut vouloir ajouter une nouvelle commande dans le menu Outils pour ouvrir un dialogue spécifique à l'extension. Une autre tâche courante est de créer une extension ajoutant un élément au menu contextuel du navigateur. Consultez <a href="fr/XUL/Guide_des_popups/Extensions">Utilisation de menus et popups dans des extensions</a> pour plus de détails. -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/guide_des_popups/ouverture_et_fermeture/index.html b/files/fr/archive/mozilla/xul/guide_des_popups/ouverture_et_fermeture/index.html deleted file mode 100644 index ee61ae1e5f..0000000000 --- a/files/fr/archive/mozilla/xul/guide_des_popups/ouverture_et_fermeture/index.html +++ /dev/null @@ -1,174 +0,0 @@ ---- -title: Ouverture et fermeture -slug: Archive/Mozilla/XUL/Guide_des_popups/Ouverture_et_fermeture -tags: - - Guide Popup XUL - - XUL -translation_of: Archive/Mozilla/XUL/PopupGuide/OpenClose ---- -<h3 id="Ouverture_et_fermeture_de_popups" name="Ouverture_et_fermeture_de_popups">Ouverture et fermeture de popups</h3> - -<p>Les popups et menus peuvent être ouverts et fermés depuis un script.</p> - -<h4 id="Ouverture_d.27un_menu" name="Ouverture_d.27un_menu">Ouverture d'un menu</h4> - -<p>Les menus s'afficheront d'eux-mêmes automatiquement dès que nécessaire sans aucun travail supplémentaire. Par exemple, le popup d'un menu s'ouvrira lors d'un clic sur le label de menu, et un sous-menu s'ouvrira lors du passage de la souris sur l'élément du menu parent.</p> - -<p>Cependant, vous pourrez vouloir ouvrir un menu manuellement dans certaines situations. L'élement <code>menu</code> a une propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code> qui peut être définie à <code>true</code> pour ouvrir le menu, ou <code>false</code> pour le fermer. Un exemple simple :</p> - -<pre>un_menu.open = true; -</pre> - -<p>Cette unique ligne de code ouvrira un menu référencé par la variable « un_menu ». Notez que la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code> s'applique au menu ou au bouton, pas à l'élément menupopup. Voici un exemple complet utilisant un bouton pour ouvrir un menu :</p> - -<pre><button label="Ouvrir un menu" - oncommand="document.getElementById('editMenu').open = true;"/> - -<menu id="editMenu" label="Édition"> - <menupopup> - <menuitem label="Couper"/> - <menuitem label="Copier"/> - <menuitem label="Coller"/> - </menupopup> -</menu> -</pre> - -<p>Cette technique peut être utilisée pour les menupopups qui utilisent la balise <code>menu</code> tant que pour ceux qui utilisent les balises <code>button</code> et <code>toolbarbutton</code>. Pour les menupopups attachés à d'autres éléments à l'aide des attributs <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code> ou <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, consultez <a href="#Ouverture_d.27un_popup">Ouverture d'un popup</a> plus bas.</p> - -<p>Comme avec les autres manières d'ouvrir un menu, l'évènement <code>popupshowing</code> sera déclenché pour permettre de personnaliser les commandes apparaissant dans le menu.</p> - -<p>Dans certaines situations, il n'est pas permis d'ouvrir un menu :</p> - -<ul> - <li>si le menu est déjà ouvert, ou en cours d'ouverture. Naturellement, essayer d'ouvrir un menu qui est déjà ouvert n'aura aucun effet.</li> - <li>si le menu est l'enfant d'un autre menu et que ce menu parent n'est pas ouvert. Dans ce cas, le menu parent doit d'abord être ouvert. Si vous voulez ouvrir un sous-menu, ouvrez d'abord le menu parent, puis le sous-menu dans un gestionnaire d'évènement <code>popupshown</code>. Consultez <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popupshown">L'évènement popupshown</a> pour un exemple de réalisation.</li> - <li>un menu dans une fenêtre de contenu sans privilèges (comme une page Web) ne peut ouvrir un popup que si sa fenêtre a le focus, et qu'il est dans l'onglet actif. Cela signifie qu'un document dans un onglet d'arrière-plan ne peut ouvrir de menu ou de popup.</li> -</ul> - -<h4 id="Fermeture_d.27un_menu" name="Fermeture_d.27un_menu">Fermeture d'un menu</h4> - -<p>Un menu se fermera automatiquement une fois que l'utilisateur a fait une sélection depuis celui-ci. Lorsqu'un élément de menu est sélectionné, il déclenche un évènement de commande afin que du code puisse être utilisé pour effectuer une action. L'utilisateur peut annuler la sélection d'une commande en appuyant sur la touche Échap. Ceci fermera un menu simple, mais s'il avait un menu parent, celui-ci restera ouvert. Un utilisateur peut également annuler la sélection en cliquant end ehors du menu. Dans ce cas, non seulement le menu sera fermé, mais tous les menus parents le seront également.</p> - -<p>Un menu peut être fermé par un script en définissant la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code> à <code>false</code>, le contraire de ce qu'on ferait pour ouvrir le menu. La propriété <code>open</code> s'applique au menu ou au bouton, mais pas au <code>menupopup</code>.</p> - -<pre>un_menu.open = false; -</pre> - -<p>Cette commande fermera uniquement un seul niveau de menus, de sorte que tout menu parent devra être fermé avec une commande semblable si nécessaire. Cependant, les éventuels menus enfants de « un_menu » dans cet exemple seront fermé puisque celui-ci ne sera plus ouvert. Par exemple, disons qu'un menu Fichier a un sous-menu contenant une liste de fichiers récemment utilisés. Si les deux menus sont ouverts et que l'on met la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code> du sous-menu à <code>false</code>, celui-ci sera fermé mais le menu Fichier parent restera ouvert. D'un autre côté, si c'est la propriété <code>open</code> du menu Fichier qui est mise à <code>false</code>, les deux menus se fermeront.</p> - -<p>Cette technique peut être utilisée tant pour les menupopups qui utilisent les balises <code>menu</code> et <code>button</code> que <code>toolbarbutton</code>. Pour les menupopups attachés à d'autres éléments à l'aide des attributs <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code> ou <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, consultez <a href="#Fermeture_d.27un_popup_avec_la_m.C3.A9thode_hidePopup">Fermeture d'un popup</a> plus bas.</p> - -<p>Lorsqu'un menu est fermé, l'évènement <code>popuphiding</code> est déclenché sur celui-ci. On peut donc attacher un écouteur sur cet évènement pour retirer toute commande qui avait été ajoutée au cours de l'évènement <code>popupshowing</code>.</p> - -<p>Les menus et popups seront également fermés lorsque le document ou la fenêtre dans lesquels ils sont contenus seront fermés, ou si l'élément <code>menupopup</code> est retiré du document. Ce sont des situations dans lesquelles les évènements <code>popuphiding</code> et <code>popuphidden</code> peuvent ne pas se déclencher étant donné que les éléments concernés ne sont plus disponibles. Si des actions spécifiques doivent être effectués à ce moment-là, il vaut mieux utiliser un évènement <code>unload</code>.</p> - -<h4 id="Test_de_l.27.C3.A9tat_d.27ouverture_d.27un_menu" name="Test_de_l.27.C3.A9tat_d.27ouverture_d.27un_menu">Test de l'état d'ouverture d'un menu</h4> - -<p>Pour vérifier si un menu est ouvert, vérifiez l'état de sa propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code>. Si celle-ci vaut <code>true</code>, le menu est ouvert, sinon il est fermé.</p> - -<pre>var open = un_menu.open; -</pre> - -<h4 id="Ouverture_d.27un_popup" name="Ouverture_d.27un_popup">Ouverture d'un popup</h4> - -<p>Pour ouvrir des popups de menu utilisant les balises <code>menu</code>, <code>button</code> et <code>toolbarbutton</code>, consultez <a href="#Ouverture_d.27un_menu">Ouverture d'un menu</a> plus haut.</p> - -<p>Les popups attachés à l'aide de l'attribut <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code> sont ouverts lors d'un clic gauche de la souris par l'utilisateur. Il n'y a pas moyen d'effectuer la même action à partir du clavier, vous devrez donc toujours fournir une manière alternative d'accéder aux fonctionnalités du menu. Cela peut se faire soit en plaçant des commandes alternatives ailleurs dans l'interface, ou en fournissant un raccourci clavier permettant d'ouvrir le menu. Une fois que celui-ci est ouvert, le clavier peut être utilisé pour y naviguer et sélectionner des éléments de la manière habituelle.</p> - -<p>Les popups attachés à l'aide de l'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code> sont ouvert lorsque l'utilisateur effectue une action essayant d'ouvrir un menu contextuel. Cette action diffère selon la plateforme, mais en général il s'agit de cliquer sur l'élément avec le bouton de droite de la souris. Sur les systèmes Macintosh avec un seul bouton, un menu contextuel peut être ouvert soit en maintenant le bouton de la souris enfoncé, soit en appuyant sur la touche Control lors du clic sur le bouton. Sous Windows, le menu contextuel peut également être ouvert à l'aide de la touche menu sur le clavier (Il s'agit de la touche figurant sur de nombreux claviers à côté de la touche Ctrl de droite avec une image de menu) ou en appuyant sur Shift+F10. Pour cette raison, il ne faut pas supposer que l'utilisateur a forcément utilisé la souris pour ouvrir le menu contextuel.</p> - -<h5 id="La_m.C3.A9thode_openPopup" name="La_m.C3.A9thode_openPopup">La méthode openPopup</h5> - -<p>Quel que soit le type de popup, il peut être nécessaire de l'ouvrir programmatiquement. Pour ce faire, utilisez la méthode <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopup">openPopup</a></code></span> du popup. Cette méthode peut être utilisée pour tout type de popup, qu'il s'agisse d'un menupopup, d'un panel ou un tooltip, même ceux qui peuvent être ouverts par d'autres moyens, par exemple un popup attaché par l'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>.</p> - -<p>La méthode <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopup">openPopup</a></code></span> peut recevoir six paramètres qui sont utilisés pour indiquer comment et où le popup doit être positionné. Ils seront décrits plus loin. La méthode <code>openPopup</code> est définie comme suit :</p> - -<pre>void openPopup(in DOMElement anchorElement, - in String position, - in long x, - in long y, - in boolean estMenuContextuel, - in boolean ecraserAttributs); -</pre> - -<p>Tout d'abord, un exemple :</p> - -<pre>un_popup.openPopup(ancre, "after_start", 0, 0, false, false); -</pre> - -<p>Cet exemple ouvrira un popup situé juste sous un autre élément référencé par « ancre ». Ceci émula la façon dont s'ouvre un menu, où « ancre » serait l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>. Il est possible d'utiliser la méthode <code>openPopup</code> avec un menu, cependant il est plus facile de définir simplement l'attribut <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> du menu à <code>true</code>, ce qui gèrera le positionnement du menu à votre place. Notez que si l'attribut open s'applique au menu ou bouton parent, la méthode <code>openPopup</code> s'applique à l'élément menupopup.</p> - -<p>L'ancre d'un popup est le nœud élément à côté duquel le popup sera affiché. Par exemple, pour qu'un popup apparaisse à côté d'un bouton, passez une référence au bouton comme premier paramètre de la méthode <code>openPopup</code>. Dans cet exemple, le popup sera ouvert relativement à l'élément du document.</p> - -<pre>un_popup.openPopup(document.documentElement, "end_before", 0, 0, false, false); -</pre> - -<p>Le second paramètre d'openPopup est la <code>position</code> par rapport à l'ancre, qui indique de quel côté de celle-ci le popup sera positionné. Par exemple, la valeur « end_before » utilisée dans l'exemple précédent indique de placer le côté gauche du popup le long du bord droit de l'élément d'ancrage, avec les deux bords supérieurs alignés. Cela peut être compliqué à comprendre, consultez alors <a href="fr/XUL/Guide_des_popups/Positionnement">Positionnement d'un popup</a> qui décrit ce processus plus en détail et fournit des images montrant les valeurs possibles et la façon dont serait aligné un popup pour chacune des valeurs.</p> - -<p>Les troisième et quatrième paramètres d'openPopup sont des décalages <code>x</code> et <code>y</code>. Après le positionnement initial du popup, il est possible de l'ajuster en spécifiant des valeurs non nulles pour ces décalages. Ceci permet de contrôler précisément le popup tout en étant toujours ancré à un élément particulier. Des valeurs positives peuvent être utilisées pour ajuster le popup vers la droite ou vers le bas et des valeurs négatives pour l'ajuster vers la gauche ou le haut.</p> - -<p>Dans l'exemple qui suit, le popup est ancré sous un élément, tout en étant décalé de 10 pixels vers la droite et de 2 pixels vers le haut.</p> - -<pre>un_popup.openPopup(ancre, "after_start", 10, -2, false, false); -</pre> - -<p>Notez que l'ancre et les décalages spécifient uniquement la position lors de l'ouverture du popup. Si l'ancre est déplacée ou supprimée tandis que le popup est ouvert, le popup ne suivra pas. Cependant, il est possible de déplacer un popup pendant qu'il est ouvert, consultez <a href="fr/XUL/Guide_des_popups/D%c3%a9placement_et_redimensionnement">Déplacement et redimensionnement d'un popup</a>.</p> - -<p>Le cinquième paramètre d'openPopup, <code>isContextMenu</code>, indique si le popup est ouvert comme un menu contextuel. Passez <code>true</code> si c'est le cas et <code>false</code> dans le cas contraire. Le valeur à passer devrait être évidente selon l'endroit dont vous appelez openPopup. Notez que le même menu peut être ouvert des deux manières, ce paramètre n'influe donc pas sur la manière dont le popup apparaît. Ce qu'il modifie est la manière dont le focus et la sélection du menu sont gérés. Tant que vous passez la bonne valeur par rapport à la situation, il n'est pas très important de connaître les différences particulières entre les deux cas.</p> - -<p>Cependant, vous pouvez voir l'effet de ce paramètre en utilisant les marque-pages de Firefox. Essayez d'ouvrir un sous-menu des marque-pages et notez comme la sélection change toujours lorsque la souris est déplacé vers d'autres menus, et la manière dont le sous-menu est fermé lorsque la souris le quitte. Ouvrez à présent un menu contextuel sur le même marque-page et remarquez que les autres menus ne sont pas affectés par le mouvement de la souris. C'est cette différence qui est gérée par le paramètre isContextMenu.</p> - -<p>Enfin, le dernier paramètre de la méthode <code>openPopup</code>, <code>ecraserAttributs</code> indique si les attributs placés sur l'élément popup écrasent les paramètres fournis. Ceci permet à un popup d'utiliser un comportement particulier de positionnement avec les attributs <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> et <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code> à la place. Plus de détails sur ces attributs peuvent être trouvés dans la section <a href="fr/XUL/Guide_des_popups/Positionnement">Positionnement d'un popup</a>.</p> - -<h5 id="Popups_non_ancr.C3.A9s_avec_openPopup" name="Popups_non_ancr.C3.A9s_avec_openPopup">Popups non ancrés avec openPopup</h5> - -<p>Si le premier paramètre de la méthode <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopup">openPopup</a></code></span> vaut <code>null</code>, un popup non ancré est créé. Dans ce cas, le deuxième argument de positionnement n'est pas utilisé et une chaîne vide peut être utilisée. Voici un exemple :</p> - -<pre>un_popup.openPopup(null, "", 60, 50, false, false); -</pre> - -<p>Un popup non ancré utilise les décalages x et y, dans ce cas 60 et 50 sont des décalages depuis le coin de la fenêtre ou du cadre. De cette manière, un popup peut être positionné relativement à la fenêtre plutôt qu'à un nœud spécifique. Par exemple, il peut être intéressant d'ouvrir un popup à la position courante de la souris au moment du clic. Voici un exemple de gestionnaire d'évènement de clic de souris :</p> - -<pre>function mouseClicked(event) -{ - var panel = document.getElementById("un-panel"); - panel.openPopup(null, "", event.clientX, event.clientY, false, false); -} -</pre> - -<h5 id="La_m.C3.A9thode_openPopupAtScreen" name="La_m.C3.A9thode_openPopupAtScreen">La méthode openPopupAtScreen</h5> - -<p>Une seconde méthode, <span id="m-openPopupAtScreen"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopupAtScreen">openPopupAtScreen</a></code></span>, peut être utilisée pour ouvrir un popup et le placer à des coordonnées précise sur l'écran. Dans ce cas, le popup n'est pas ancré à un élément et apparaît simplement à l'emplacement spécifié par les paramètres <code>x</code> et <code>y</code> passés à cette méthode.</p> - -<pre>void openPopupAtScreen(in long x, in long y, in boolean estMenuContextuel); -</pre> - -<p>Le paramètre <code>ecraserAttributs</code> indique qu'un menu contextuel est ouvert et fonctionne de la même façon que pour la méthode <code>openPopup</code>. Dans l'exemple qui suit, le popup est ouvert à la position horizontale 100 et à la position verticale 200 :</p> - -<pre>popup.openPopupAtScreen(100, 200, false); -</pre> - -<p>Notez que si les coordonnées fournies auraient conduit à un popup situé partiellement ou totalement hors de l'écran, celui-ci sera déplacé de manière à être totalement visible, et pourra être redimensionné si nécessaire.</p> - -<h4 id="Fermeture_d.27un_popup_avec_la_m.C3.A9thode_hidePopup" name="Fermeture_d.27un_popup_avec_la_m.C3.A9thode_hidePopup">Fermeture d'un popup avec la méthode hidePopup</h4> - -<p>Un menu popup est fermé par l'utilisateur en appuyant sur la touche Échap ou en cliquant quelque part en dehors du popup.</p> - -<p>Pour fermer des menupopups utilisant les balises <code>menu</code>, <code>button</code> et <code>toolbarbutton</code>, consultez <a href="#Fermeture_d.27un_menu">Fermeture d'un menu</a> plus haut.</p> - -<p>Pour fermer un menu depuis un script utilisez sa méthode <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/hidePopup">hidePopup</a></code></span>. Elle ne prend aucun paramètre.</p> - -<pre>popup.hidePopup(); -</pre> - -<h4 id="D.C3.A9terminer_si_un_popup_est_ouvert" name="D.C3.A9terminer_si_un_popup_est_ouvert">Déterminer si un popup est ouvert</h4> - -<p>Pour les menus, il est possible de vérifier la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code> de l'élément menu, button ou toolbarbutton. Si celle-ci vaut <code>true</code>, le menu est ouvert.</p> - -<p>Pour les autres types de popups, la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/state">state</a></span></code> peut être examinée à cette fin. Elle est disponible pour tous les types de popups, qu'il s'agisse de menus, panels ou de tooltips. Lorsqu'un menu est fermé, la propriété <code>state</code> aura la valeur <code>closed</code>, tandis que pour un popup visible, elle aura la valeur <code>open</code>. Cette propriété est en lecture seule et s'applique aux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/panel" title="panel">panel</a></code> ou <code><a href="/fr/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code>.</p> - -<p>La propriété <code>state</code> peut également avoir deux autres valeurs, utilisées lorsqu'un popup est en train de passer de l'état ouvert à l'état fermé et vice versa. Lorsqu'un popup est en train de s'ouvrir, la propriété <code>state</code> a une valeur de <code>showing</code> tandis qu'elle aura une valeur <code>hiding</code> au cours de de sa fermeture. La première se rencontrera au cours de l'évènement <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popupshowing">popupshowing</a>, tandis que la seconde se rencontrera au cours de l'évènement <a href="fr/XUL/Guide_des_popups/%c3%89v%c3%a8nements_des_popups#L.27.C3.A9v.C3.A8nement_popuphiding_event">popuphiding</a>.</p> - -<p>Par exemple, la propriété <code>state</code> pourrait être utilisée pour déterminer si un <code>panel</code> est déjà ouvert. Si c'est le cas, vous pouvez vouloir éviter de manipuler l'interface utilisateur de la fenêtre principale, étant donné que l'utilisateur ne sera plus directement en train d'interagir avec elle.</p> - -<div class="noinclude"> </div> diff --git a/files/fr/archive/mozilla/xul/guide_des_popups/panels/index.html b/files/fr/archive/mozilla/xul/guide_des_popups/panels/index.html deleted file mode 100644 index 8ebe7d2ea8..0000000000 --- a/files/fr/archive/mozilla/xul/guide_des_popups/panels/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: Panneaux (panels) -slug: Archive/Mozilla/XUL/Guide_des_popups/Panels -tags: - - Guide Popup XUL - - XUL -translation_of: Archive/Mozilla/XUL/PopupGuide/Panels ---- -<p>Un panneau est une fenêtre contextuelle pouvant gérer n'importe quel type de contenu. On l'utilise notamment comme support d'affichage temporaire pour la sélection ou la saisie de données.</p> - -<h2 id="L.27.C3.A9l.C3.A9ment_panel" name="L.27.C3.A9l.C3.A9ment_panel">L'élément panel</h2> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/panel" title="panel">panel</a></code> sert à créer des panneaux permettant d'afficher une série d'éléments quelconques, placés comme enfants de l'élément "panel". Par exemple, le "panel" suivant affichera une boîte de texte pour entrer un nom. Notez que le panneau n'est pas placé dans un fichier distinct et est placé à l'intérieur d'une autre fenêtre.</p> - -<pre class="line-numbers language-html"><code class="language-html"><span class="prolog token"><?xml-stylesheet href="chrome://global/skin" type="text/css"?></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>window</span> <span class="attr-name token">xmlns</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>button</span> <span class="attr-name token">label</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Details<span class="punctuation token">"</span></span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>panel<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>panel</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search-panel<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>label</span> <span class="attr-name token">control</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>name<span class="punctuation token">"</span></span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Name:<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>textbox</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>name<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>panel</span><span class="punctuation token">></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>button</span><span class="punctuation token">></span></span> - -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>window</span><span class="punctuation token">></span></span></code></pre> - -<p>De nombreux panneaux seront associés à un bouton, comme dans cet exemple. Lorsque vous appuyez sur le bouton, le panneau est ouvert. En cliquant à l'extérieur du panneau ou en appuyant sur "Escape" (échappe), le panneau se ferme. Vous pouvez également placer un bouton de fermeture dans le panneau qui le fermera avec un script, si vous le souhaitez. Lorsque vous voulez associer un panneau à un bouton, placez l'élément <panel> directement à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> . Vous devez aussi déterminer un attribut "type" avec la valeur "panel", ou le bouton se comportera comme un bouton régulier.</p> - -<p>Le panneau contextuel apparaît par défaut dans le coin en haut à gauche, juste sous le bord inférieur du bouton, comme le ferait un menu. Toutefois, la position peut être modifiée. Pour plus d'informations sur la position du panneau contextuel, voir <a href="https://developer.mozilla.org/en/XUL/PopupGuide/Positioning" title="en/XUL/PopupGuide/Positioning">Positioning Popups</a> (en).</p> - -<p>Seuls les boutons (et les boutons de la barre d'outils) ont ce comportement automatique d'ouverture de la fenêtre contextuelle lorsqu'ils sont pressés. Pour d'autres types d'éléments, vous devrez utiliser une technique différente comme dans l'exemple suivant :</p> - -<pre class="line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token">label</span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Search<span class="punctuation token">"</span></span> <span class="attr-name token">popup</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search-panel<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> - -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>panel</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search-panel<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>label</span> <span class="attr-name token">control</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search<span class="punctuation token">"</span></span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Terms:<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>textbox</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>panel</span><span class="punctuation token">></span></span></code></pre> - -<p><img alt="Image:Popupguide-panel.png" class="internal" src="https://developer.mozilla.org/@api/deki/files/304/=Popupguide-panel.png"></p> - -<p>Pour attacher un panneau à un élément qui n'est pas un bouton, par exemple pour qu'il s'ouvre lors de l'appui sur une étiquette, utilisez l'attribut <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>. Celui-ci doit être défini comme l'id d'un "panel" au sein du même document. Lors d'un clic gauche sur l'élément portant l'attribut <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, le panneau correspondant s'affichera. Par exemple, pour attacher le panneau contextuel défini plus haut à une étiquette, utilisez le code qui suit :</p> - -<pre><label value="Rechercher" popup="search-panel"/> -</pre> - -<p>Le résultat est un bouton de recherche ouvrant un panneau permettant d'entrer des termes de recherche. Celui-ci apparaîtra avec son coin supérieur gauche à la position de la souris. Dans ce cas, il serait sans doute préférable qu'il apparaisse plutôt en dessous de l'étiquette. L'attribut <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code> peut être utilisé afin de contrôler le placement du panneau contextuel. Voici un exemple complet :</p> - -<pre><panel id="search-panel" position="after_start"> - <label control="search" value="Termes :"/> - <textbox id="search"/> -</panel> - -<label value="Recherche" popup="search-panel"/> -</pre> - -<p>L'attribut <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code> a été ajouté à l'élément "panel" avec la valeur « <code>after_start</code> ». Le résultat en est que le panel n'est plus affiché là où l'on a cliqué, mais le long du bord inférieur de l'étiquette. Pour plus d'informations concernant cet attribut et les autres valeurs possibles, consultez <a href="fr/XUL/Guide_des_popups/Positionnement">Positionnement des popups (en)</a>.</p> - -<p>Il est également possible d'ouvrir un panneau comme un menu contextuel à l'aide de l'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code> à la place de l'attribut "popup". Celui-ci fonctionne de la même manière qu'un menu contextuel, à part qu'on utilise un élément "panel" à la place d'un élément "menupopup". Consultez <a href="fr/XUL/Guide_des_popups/Menus_contextuels">Menus contextuels (en)</a> pour plus de détails à ce sujet.</p> - -<h2 id="Ouverture_d.27un_panel_par_script" name="Ouverture_d.27un_panel_par_script">Ouverture d'un panneau par script</h2> - -<p>Un panneau, comme toutes les fenêtres contextuelles, dispose d'une méthode <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopup">openPopup</a></code></span> pouvant être utilisée pour son ouverture à partir d'un script. Par exemple, le code suivant ouvrirait un panneau sous un bouton :</p> - -<pre class="line-numbers language-html"><code class="language-html">panel.openPopup(button, "after_start", 0, 0, false, false);</code></pre> - -<p>De manière similaire, la méthode <span id="m-openPopupAtScreen"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopupAtScreen">openPopupAtScreen</a></code></span> ouvrira un panneau à une position précise de l'écran. Pour plus de détails concernant ces deux méthodes, consultez <a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Guide_des_popups/Ouverture_et_fermeture">Ouverture et fermeture de fenêtres contextuelles</a>.</p> - -<h2 id="Fermeture_d.27un_panel" name="Fermeture_d.27un_panel">Fermeture d'un panneau</h2> - -<p>Un panneau est fermé automatiquement lorsque l'utilisateur clique en dehors de celui-ci. Il est cependant courant d'avoir un élément comme un bouton de fermeture dans le panneau. Par exemple, dans le panneau de recherche présenté plus haut, nous pourrions ajouter un bouton fermant le panneau lorsqu'il est utilisé :</p> - -<pre class="line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>script</span><span class="punctuation token">></span></span><span class="language-javascript script token"> -<span class="keyword token">function</span> <span class="function token">doSearch</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> - document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">"search-panel"</span><span class="punctuation token">)</span><span class="punctuation token">.</span><span class="function token">hidePopup</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="punctuation token">}</span> -</span><span class="tag token"><span class="tag token"><span class="punctuation token"></</span>script</span><span class="punctuation token">></span></span> - -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>toolbarbutton</span> <span class="attr-name token">label</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Rechercher<span class="punctuation token">"</span></span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>panel<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>panel</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search-panel<span class="punctuation token">"</span></span> <span class="attr-name token">position</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>after_start<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>textbox</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>search<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>button</span> <span class="attr-name token">label</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Rechercher<span class="punctuation token">"</span></span> <span class="attr-name token">oncommand</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>doSearch();<span class="punctuation token">"</span></span><span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>panel</span><span class="punctuation token">></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>toolbarbutton</span><span class="punctuation token">></span></span></code></pre> - -<p>Dans cet exemple, la fonction <code>doSearch</code> est appelée lors d'un clic sur le bouton "Rechercher". La fonction identifie le panneau contextuel et appelle sa méthode <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/hidePopup">hidePopup</a></code></span>. Naturellement, cette fonction devrait également comprendre des instructions pour lancer l'opération de recherche proprement dite.</p> - -<h3 id="L.27attribut_noautohide" name="L.27attribut_noautohide">Interdiction de fermeture automatique des panneaux</h3> - -<p>Un panneau contextuel est fermé par un clic de l'utilisateur en-dehors de celui-ci ou l'appui sur la touche Échap. C'est la manière habituelle, pour un utilisateur, d'annuler l'opération. Il peut également être utile de placer un bouton d'annulation ou de fermeture dans le panneau, en particulier si celui-ci est grand et contient un grand nombre de contrôles.</p> - -<p>Cependant parfois, vous voudrez peut-être que le panneau reste ouvert même si l'utilisateur clique en dehors de celui-ci. C'est notamment utile pour créer des panneaux d'outils flottants. Pour ce faire, positionnez son attribut <code id="a-noautohide"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/noautohide">noautohide</a></code> sur <code>"true" (vrai)</code>.</p> - -<pre><panel id="search-panel" noautohide="true"> - <textbox id="search"/> - <button label="Rechercher" oncommand="doSearch();"/> - <button label="Annuler" oncommand="this.parentNode.hidePopup();"/> -</panel> -</pre> - -<p>Comme le panneau ne peut plus être fermé en cliquant ailleurs, il doit toujours fournir un moyen de le faire. Dans cet exemple, on a ajouté un bouton Annuler.</p> - -<h2 id="Le_focus_dans_les_panels" name="Le_focus_dans_les_panels">Focus sur les panneaux</h2> - -<p>Les éléments se trouvant dans des panneaux peuvent recevoir le focus de la souris, et l'élément ayant le focus peut changer en appuyant sur la touche Tab. Lors de l'ouverture d'un panneau contextuel, si un élément de la fenêtre principale a le focus, il le perd et reçoit un évènement <code>blur</code>. Bien qu'aucun élément du panneau ne reçoive le focus par défaut, l'utilisateur peut le donner à son premier élément en appuyant sur la touche Tab. Si vous désirez qu'il se trouve sur un élément particulier par défaut, lors de l'ouverture de panneau, modifiez le focus dans le gestionnaire d'évènement <code>popupshown</code>. Par exemple, pour que la boîte de texte de l'exemple précédent reçoive le focus initial :</p> - -<pre><panel id="search-panel" onpopupshown="document.getElementById('search').focus()"> -</pre> - -<p>Pour désactiver l'ajustement du focus à l'ouverture d'un panneau, définissez l'attribut <code id="a-noautofocus"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/noautofocus">noautofocus</a></code> à <code>true</code> :</p> - -<pre><panel noautofocus="true"> -</pre> - -<p>Dans ce cas, le focus restera sur l'élément de la fenêtre principale qui avait le focus à l'ouverture du panneau. Notez que cela maintient également le focus à l'intérieur du panneau quand celui-ci est fermé.</p> - -<p>Lors de la fermeture d'un panneau, l'élément au sein de celui-ci, qui avait éventuellement le focus, le perd. L'élément qui avait le focus avant l'ouverture de la fenêtre contextuelle, quel qu'il soit, le récupère. Vous pouvez empêcher la suppression du focus avec l'attribut <code id="a-noautofocus"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/noautofocus">noautofocus</a></code> défini à true. De plus, l'attribut XULAttr("norestorefocus") }} positionné sur true empêche le retour du focus sur l'élément qui l'avait avant. Normalement, seul ce dernier sera défini si besoin.</p> - -<p>Ce processus de perte du focus à l'ouverture et à la fermeture d'un popup se déroule après le déclenchement des évènements <code>popupshowing</code> ou <code>popuphiding</code>, ce qui signifie que si ces évènements sont annulés, le focus ne sera pas perdu.</p> - -<div class="headingWithIndicator"> - <h1 id="Letting_panels_be_dragged_by_grabbing_the_background">Letting panels be dragged by grabbing the background</h1> - <span class="indicatorInHeadline minVer geckoMinVerMethod">Requires Gecko 7.0(Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4)</span> -</div> (faire glisser les panneaux sur l'arrière-plan) - -<p>À partir de Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4), vous pouvez utiliser l'attribut <code id="a-backdrag"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/backdrag">backdrag</a></code> pour créer des panneaux que l'utilisateur peut faire glisser (cliquer/glisser) n'importe où sur l'arrière-plan. C'est un simple attribut booléen, avec lequel vous pouvez activer cette fonctionnalité comme ceci :</p> - -<pre class="line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token">panel</span> <span class="attr-name token">backdrag</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>true<span class="punctuation token">"</span></span><span class="punctuation token">></span></span></code></pre> diff --git a/files/fr/archive/mozilla/xul/hbox/index.html b/files/fr/archive/mozilla/xul/hbox/index.html deleted file mode 100644 index f0168f08d0..0000000000 --- a/files/fr/archive/mozilla/xul/hbox/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: hbox -slug: Archive/Mozilla/XUL/hbox -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/hbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément conteneur pouvant contenir un nombre illimité d'éléments enfants. C'est l'équivalent de l'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code></code>. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Le_mod%c3%a8le_de_bo%c3%aete">Tutoriel XUL</a>. </p> -<h3 id="Exemple" name="Exemple"> Exemple </h3> -<pre><!-- Deux boutons à droite --> -<hbox> - <spacer flex="1"/> - <button label="Connection"/> - <button label="Ping" /> -</hbox> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code> -</dd></dl> diff --git a/files/fr/archive/mozilla/xul/icônes_de_fenêtre/index.html b/files/fr/archive/mozilla/xul/icônes_de_fenêtre/index.html deleted file mode 100644 index f851d2c685..0000000000 --- a/files/fr/archive/mozilla/xul/icônes_de_fenêtre/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: Icônes de fenêtre -slug: Archive/Mozilla/XUL/Icônes_de_fenêtre -tags: - - API_du_toolkit - - Extensions - - XPInstall - - XUL -translation_of: Archive/Mozilla/XUL/Window_icons ---- -<p> -</p><p>À partir de <a href="fr/Firefox_1.5">Firefox 1.5</a>, Thunderbird 1.5 et XULRunner 1.8, il est possible de spécifier une icône pour une fenêtre XUL en plaçant des fichiers nommés <tt>mafenetre.ico</tt> (pour Windows) et <tt>mafenetre.xpm</tt> (Linux), où <code>mafenetre</code> est l'<code>id</code> de l'élément <code><window></code> de la fenêtre à laquelle vous voulez attacher l'icône, dans le sous-dossier <tt>chrome/icons/default</tt> de votre <a href="fr/Bundles">paquet installable</a>. -</p><p>Ces icônes prendront le pas sur les fichiers d'icônes globaux, qui sont situés dans <tt><i>app_dir</i>/chrome/icons/default</tt>. -</p> -<h3 id="Anciennes_versions"> Anciennes versions </h3> -<p>Pour gérer les anciennes applications comme Firefox 1.0, vous devrez copier manuellement les icônes dans <tt><i>app_dir</i>/chrome/icons/default</tt> au premier démarrage (<a class="external" href="http://forums.mozillazine.org/viewtopic.php?p=1243796#1243796">exemple de code</a>). -</p> diff --git a/files/fr/archive/mozilla/xul/index.html b/files/fr/archive/mozilla/xul/index.html deleted file mode 100644 index 14c9dad0bd..0000000000 --- a/files/fr/archive/mozilla/xul/index.html +++ /dev/null @@ -1,116 +0,0 @@ ---- -title: XUL -slug: Archive/Mozilla/XUL -tags: - - XUL -translation_of: Archive/Mozilla/XUL ---- -<div class="callout-box"><strong><a href="/fr/Tutoriel_XUL" title="fr/Tutoriel_XUL">Tutoriel XUL</a></strong><br> -Ce tutoriel vous guidera dans vos premiers pas avec XUL. Il est tiré de la version anglaise de XULPlanet.</div> - -<div><strong>XUL</strong> est le langage d'interface utilisateur pour Mozilla basé sur <a href="/fr/XML" title="fr/XML">XML</a>. Il permet de construire des applications multiplatesformes riches en fonctionnalités, pouvant être ou non connectées à Internet. Ces applications peuvent facilement être personnalisées au niveau du texte, des graphiques et de leur mise en page et peuvent ainsi être facilement rhabillées selon leur destination et être fournies en plusieurs langues. Les développeurs Web qui sont déjà familiarisés avec le <a href="/fr/DHTML" title="fr/DHTML">HTML dynamique</a> peuvent apprendre le XUL rapidement et être opérationnels immédiatement.</div> - -<p>Vous pouvez essayer une démonstration XUL grâce à <a class="external" href="http://www.hevanet.com/acorbin/xul/top.xul">cette table périodique des éléments XUL</a>.</p> - -<table class="topicpage-table"> - <tbody> - <tr> - <td> - <h4 id="Documentation" name="Documentation"><a href="/Special:Tags?tag=XUL&language=fr" title="Special:Tags?tag=XUL&language=fr">Documentation</a></h4> - - <dl> - <dt><a href="/fr/Référence_XUL" title="fr/Référence_XUL">Référence des éléments XUL</a></dt> - <dd><small>Consultez également la <a class="external" href="http://www.xulfr.org/wiki/Reference/Xul">documentation en français sur xulfr</a> ainsi que la documentation de MDC sur <a href="/fr/Système_de_préférences" title="fr/Système_de_préférences">prefwindow</a>.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Les_contrôles_XUL" title="fr/Les_contrôles_XUL">Les contrôles XUL</a></dt> - <dd><small>Une liste rapide de tous les contrôles XUL disponibles.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Vulgarisation_XUL" title="fr/Vulgarisation XUL">Vulgarisation XUL</a></dt> - <dd><small>Un tutoriel clair sur le développement de modules complémentaire Mozilla.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Les_joies_de_XUL" title="fr/Les_joies_de_XUL">Présentation de XUL</a></dt> - <dd><small>Décrit les fonctionnalités et composants clés de XUL.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/XUL/Guide_des_popups" title="fr/XUL/Guide_des_popups">Guide sur les menus et popups</a></dt> - <dd><small>Un guide sur l'utilisation des menus et panneaux popup.</small></dd> - </dl> - - <dl> - <dt><a class="external" href="http://xulfr.org/xulplanet/htw/">Comment réussir vos gabarits</a></dt> - <dd><small>Un guide détaillé sur les gabarits XUL (templates), qui sont un moyen de générer du contenu depuis une source de données. (à migrer vers <a href="/fr/XUL/Réussir_vos_gabarits" title="fr/XUL/Réussir_vos_gabarits">XUL:Réussir vos gabarits</a>)</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Améliorations_XUL_dans_Firefox_3" title="fr/Améliorations_XUL_dans_Firefox_3">Adaptation des applications XUL pour Firefox 3.0</a></dt> - <dd><small>Une liste des changements dans <a href="/fr/Firefox_3_pour_les_développeurs" title="fr/Firefox_3_pour_les_développeurs">Firefox 3</a> qui affectent les développeurs XUL.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Firefox_2_pour_les_développeurs#Pour_les_d.C3.A9veloppeurs_XUL_et_les_d.C3.A9veloppeurs_d.27extensions" title="fr/Firefox_2_pour_les_développeurs#Pour_les_d.C3.A9veloppeurs_XUL_et_les_d.C3.A9veloppeurs_d.27extensions">Adaptation des applications XUL pour Firefox 2.0</a></dt> - <dd><small>Une liste des changements dans <a href="/fr/Firefox_2_pour_les_développeurs" title="fr/Firefox_2_pour_les_développeurs">Firefox 2</a> qui affectent les développeurs XUL.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Adaptation_des_applications_XUL_pour_Firefox_1.5" title="fr/Adaptation_des_applications_XUL_pour_Firefox_1.5">Adaptation des applications XUL pour Firefox 1.5</a></dt> - <dd><small>Une liste des changements dans <a href="/fr/Firefox_1.5_pour_les_développeurs" title="fr/Firefox_1.5_pour_les_développeurs">Firefox 1.5</a> qui affectent les développeurs XUL.</small></dd> - </dl> - - <p><span class="alllinks"><a href="/Special:Tags?tag=XUL&language=fr" title="Special:Tags?tag=XUL&language=fr">Tous les articles…</a></span></p> - - <dl> - </dl> - </td> - <td> - <h4 id="Communaut.C3.A9" name="Communaut.C3.A9">Communauté</h4> - - <ul> - <li>Voir les forums de Mozilla…</li> - </ul> - - <p></p><ul> - <li><a href="https://lists.mozilla.org/listinfo/dev-tech-xul"> Liste de diffusion</a></li> - - - <li><a href="http://groups.google.com/group/mozilla.dev.tech.xul"> newsgroup</a></li> - <li><a href="http://groups.google.com/group/mozilla.dev.tech.xul/feeds"> Flux de syndication</a></li> -</ul><p></p> - - <ul> - <li><a class="external" href="http://xulfr.org/forums/">Les forums de xulfr</a></li> - <li><a class="link-irc" href="irc://irc.mozilla.org/xulfr">Le canal IRC #xulfr</a></li> - </ul> - - <h4 id="Outils" name="Outils">Outils</h4> - - <ul> - <li><a class="external" href="http://developer.mozilla.org/en/docs/XUL_Explorer">XUL Explorer</a> (un IDE léger pour XUL)</li> - <li><a class="external" href="http://ted.mielczarek.org/code/mozilla/extensiondev/">L'extension Extension developer</a> (comprenant un éditeur XUL natif)</li> - <li><a class="external" href="http://www.extensionsmirror.nl/index.php?showtopic=751">Panneau latéral XULRef</a></li> - <li><a class="external" href="http://www.getfirebug.com/">Firebug</a></li> - <li><a href="/fr/Inspecteur_DOM" title="fr/Inspecteur_DOM">Inspecteur DOM</a></li> - <li><a class="external" href="http://www.spket.com/">Spket IDE</a>, un IDE pour XUL/XBL</li> - </ul> - - <p><span class="alllinks"><a href="/Special:Tags?tag=XUL:Outils&language=fr" title="Special:Tags?tag=XUL:Outils&language=fr">Tous les outils…</a></span></p> - - <h4 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s">Sujets liés</h4> - - <dl> - <dd><a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a>, <a href="/fr/XBL" title="fr/XBL">XBL</a>, <a href="/fr/CSS" title="fr/CSS">CSS</a>, <a href="/fr/RDF" title="fr/RDF">RDF</a>, <a href="/fr/Extensions" title="fr/Extensions">Extensions</a>, <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a></dd> - </dl> - </td> - </tr> - </tbody> -</table> - -<p><span class="comment">Categories</span></p> - -<p><span class="comment">Interwiki Language Links</span></p> diff --git a/files/fr/archive/mozilla/xul/introduction_à_xul/index.html b/files/fr/archive/mozilla/xul/introduction_à_xul/index.html deleted file mode 100644 index 27d8f9b784..0000000000 --- a/files/fr/archive/mozilla/xul/introduction_à_xul/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Introduction à XUL -slug: Archive/Mozilla/XUL/Introduction_à_XUL -tags: - - Aide_pour_les_éditeurs_de_MDC - - Traduction_en_cours - - XUL -translation_of: Archive/Mozilla/XUL/Introduction_to_XUL ---- -<h2 id="Introduction" name="Introduction">Introduction</h2> - -<p>Mozilla possède des "chromes" configurables et téléchargeables, ce qui veut dire que la position et même la présence ou l'absence d'un contrôle dans la fenêtre principale n'est pas figé dans l'application, mais chargé à partir de fichier d'interface IU (IU = Interface utilisateur). En effet, la plupart des fenêtres (principale et/ou dialogue) de Mozilla sont décrites en utilisant ce mécanisme. <a href="/fr/XUL" title="fr/XUL">XUL</a>, pour "<em>XML User Interface Language</em>" (Langage d'Interface Utilisateur format XML), est le nom pour le langage dans lequel ces descriptions d'interface sont faites.</p> - -<p>Les fichiers de "chrome" sont affichés et gérés par le même moteur que celui qui affiche les pages HTML dans le navigateur. Les description d'IU font très bon ménage avec le HTML 4. Le XUL est une application de XML. En effet, c'<em>est</em> juste du XML avec des éléments spécifiques qui peuvent être implémentés dans du HTML.</p> - -<h2 id="Termes" name="Termes">Termes</h2> - -<p>"XPFE" est le terme qu'utilise l'organisation Mozilla pour décrire la <em>Cross Platform Front End</em> du Navigateur de Mozilla, <em>car X et C semblent être semblables si on les tape longtemps et fortement avec un marteau</em> <span style="font-size: xx-small;">(humour américain...)</span>. Le but est de construire des applications cross-platform comme des navigateurs et des clients de courrier électronique à partir d'un kit d'outils créés pour cet usage. L'intention n'est pas d'implanter un framework générique pour application toutes plateformes confondues. Cela a déjà été fait, et au prix d'un grand travail. Nous voulons fournir un sous-ensemble de fonctionnalités inter-plateformes approprié pour construire des applications réseau comme les navigateurs, améliorant les fonctionnalités inter-plateformes déjà inclues dans Gecko, le moteur de rendu HTML de Mozilla.</p> - -<p>Le terme de "cross-platform UI" est quelque peu trompeur. Les créateurs d'interface devront être capable de créer des IU qui marcheront sur des multiples plate-formes. Mais des descriptions claires d'UI, qui prennent en considération de nombreuses plateformes, diffèrent sur l'idée de la place correcte des divers contrôles comme les boutons de dialogue qui nécessitent des spécifications par rapport à chaque système. Un spécification XUL est seulement compatible à hauteur d'un "degree". Les designers d'UI ainsi que les ingénieurs doivent maintenir séparément les versions spécifiques à chaque plateforme.</p> - -<p>"XPToolkit" est plutôt synonyme de XPFE. Même si l'ancien terme parait plus expressif que l'autre, et pourtant ce n'est pas son remplaçant ; personne ne sais pourquoi il existe les deux.</p> - -<p>"XUL" déjà présenté, est une application du XML utilisé pour décrire la présentation de la plupart des fenêtres dans le navigateur Mozilla, incluant aussi la fenêtre principale, la fenêtre du navigateur.</p> - -<h2 id="Scope" name="Scope">Portée</h2> - -<p>Cet article n'est pas une tentative d'expliquer les exigences systèmes. Nous n'avons pas de document actuel sur les "exigences" . <a class="external" href="http://www.mozilla.org/xpfe/xptoolkit/../aom/AOM.html">XPToolkit Architecture</a> est un meilleur moyen pour comprendre de telles choses. Cet article contient une courte introduction à l'architecture Mozilla <em>front-end</em> , en se concentrant sur la tache de construire des <em>UIs</em>. Il est, comme toujours, incomplet.</p> - -<p>Les applications Mozilla seront construites de "petits" composants comme des boutons "dialogue" et des dossiers de boite de réception mail, que l'on appelle couramment "<a href="/en/XUL/Widget_Cheatsheet" title="en/XUL/Widget Cheatsheet">widgets</a>." Avec un widget, le dessin et les interactions utilisateur sont complètement sous le contrôle d'un widget indépendant, et faites quand le widget est construit. Le placement relatif des widgets, leurs interactions entre les uns les autres, et en option une partie de leur configuration, sera contrôlé par un <em>UI layout</em> spécifié dans un script dont la structure est définie <span class="short_text" id="result_box"><span style="background-color: #ebeff9;" title="in this and related documents">dans les documents connexes et présents</span></span>.</p> - -<p>Les widgets sont des morceaux of the application largely self-contained, generally corresponding to a rectangle of window real estate. Widgets will generally live grouped in separate, dynamically loaded libraries. A widget may expect to own a piece of a window (a toolbar or toolbar set), or it may be expected to work within or without a window (menubars, depending on the platform). It may not be a part of the application UI at all.</p> - -<p>Widgets will have predefined behaviour, set at compilation. Buttons will respond to the mouse; toolbars will act as containers for buttons. The effect a widget will have on its application will be defined as a combination of predefined application behaviour and linkage between the widgets. This linkage can be accomplished by including JavaScript in the XUL, or by application code which walks the content model after it has been built from XUL, and hooks up event listeners. Generally a real application will use some combination of the two.</p> - -<p>Applications, for instance, will have preconceived notions of what to do when they receive an "open file" command. An "open" button is simply a button. It will send its command to the application for processing, generally using some simple JavaScript for linkage.</p> - -<p>We are at first primarily concerned with the obvious UI components: toolbars, menus and dialogs. Conceptually, the XUL language will allow someone with a text editor, given a package of components which can work together, the ability to put together an application by specifying something like this (for an application on an OS using menubars across the top of its applications' windows):</p> - -<pre class="eval">main window containing - menubar area at top across width of window containing - menubar (and its contents) - toolbar area below menubar across width of window containing - main toolbar (and its contents) - application-specific content area below toolbar area -</pre> diff --git a/files/fr/archive/mozilla/xul/label/index.html b/files/fr/archive/mozilla/xul/label/index.html deleted file mode 100644 index fab098ae82..0000000000 --- a/files/fr/archive/mozilla/xul/label/index.html +++ /dev/null @@ -1,183 +0,0 @@ ---- -title: label -slug: Archive/Mozilla/XUL/label -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/label ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Cet élément est utilisé pour fournit un label pour un élément de contrôle. Si l'utilisateur clique sur le label, le focus se placera sur le contrôle associé, tel que spécifié avec l'attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code>. -</p><p>Pour plus d'informations, consultez le <a href="fr/Tutoriel_XUL/Ajouter_des_libell%c3%a9s_et_des_images">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-accesskey">accesskey</a>, <a href="#a-control">control</a>, <a href="#a-crop">crop</a>, <a href="#a-disabled">disabled</a>, <a href="#a-href">href</a>, <a href="#a-label.value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessKey">accessKey</a>, <a href="#p-accessibleType">accessibleType</a>, <a href="#p-control">control</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Classes de style -</dt><dd> <a href="#s-header">header</a>, <a href="#s-indent">indent</a>, <a href="#s-monospace">monospace</a>, <a href="#s-plain">plain</a>, <a href="#s-small-margin">small-margin</a>, <a href="#s-text-link">text-link</a> </dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_label.png"></div> -<pre class="eval"><label value="Email address" control="email"/> -<textbox id="email"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-control"> - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-href"> - -</div> -<div id="a-label.value"> - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessKey"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-control"></div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Classes_de_style" name="Classes_de_style"> Classes de style </h3> -<p>Les classes suivantes peuvent être utilisées pour styler l'élément. Ces classes doivent être utilisées plutôt que de changer directement le style de l'élément, car elles s'intègreront plus naturellement dans le thème sélectionné par l'utilisateur. -</p><dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/header">header</a></code></dt> - <dd>A class used for headings. Typically, this will cause the text to appear bold.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/indent">indent</a></code></dt> - <dd>This class causes the text to be indented on its left side.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/monospace">monospace</a></code></dt> - <dd>This class causes the text to be displayed in a monospace font.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/plain">plain</a></code></dt> - <dd>This class causes the element to be displayed with no border or margin.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/small-margin">small-margin</a></code></dt> - <dd>This class causes the text to be displayed with a smaller margin.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/text-link">text-link</a></code></dt> - <dd>Labels with this class may be focused and the click handler run or the address in the <a href="/en/XUL/Attribute/href" title="en/XUL/Attribute/href">href attribute</a> opened on a mouse click or Enter key press. Labels will appear like a link (blue and underlined).</dd> -</dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> -</dd></dl> -<dl><dt> Attributs -</dt><dd> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dd></dl> -<dl><dt> Interfaces </dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULLabelElement">nsIDOMXULLabelElement</a> -</dd></dl> -<h3 id="Notes_d.27utilisation" name="Notes_d.27utilisation"> Notes d'utilisation </h3> -<p>N'oubliez pas que l'élément label a un attribut « value », contrairement au HTML où les boutons et cases à cocher utilisent label="valeur" comme attribut. -</p> -<pre><label label="Une légende"/> <-- incorrect --> -<label value="Une légende"/> - -<label value="Cliquez sur le bouton"/> -<button label="Un bouton"/> -<checkbox label="Une décision" value="1"/> -</pre> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/les_contrôles_xul/index.html b/files/fr/archive/mozilla/xul/les_contrôles_xul/index.html deleted file mode 100644 index 0277692977..0000000000 --- a/files/fr/archive/mozilla/xul/les_contrôles_xul/index.html +++ /dev/null @@ -1,550 +0,0 @@ ---- -title: Les contrôles XUL -slug: Archive/Mozilla/XUL/Les_contrôles_XUL -tags: - - XUL -translation_of: Archive/Mozilla/XUL/XUL_controls ---- -<p>Le tableau suivant propose le listing des contrôles utilisateurs mis à disposition par <a href="/fr/XUL" title="fr/XUL">XUL</a>. Reportez-vous à la section <a href="/fr/Tutoriel_XUL" title="fr/Tutoriel_XUL">Tutoriel XUL</a> pour un guide pas-à-pas sur leurs utilisations et <a href="/fr/Référence_XUL" title="fr/Référence_XUL">Référence XUL</a> pour les informations de référence.</p> - -<table class="standard-table"> - <tbody> - <tr> - <td><strong><button></strong> - - <p>Un bouton pouvant être pressé par l'utilisateur.</p> - - <pre class="eval"> -<button label="Save" accesskey="S"/> -</pre> - - <p> </p> - - <ul> - <li><a href="/fr/XUL_Tutorial/Adding_Buttons" title="fr/XUL_Tutorial/Adding_Buttons">Plus d'information sur l'élément bouton</a>.</li> - <li><a href="/fr/XUL/button" title="fr/XUL/button">Référence de la balise Button</a></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-button.png" class="internal" src="/@api/deki/files/1257/=Controlsguide-button.png"></td> - </tr> - <tr> - <td><strong><button type="menu"></strong> - <p>Un bouton ayant un menu déroulant attaché. Appuyez sur le bouton pour ouvrir le menu.</p> - - <pre class="eval"> -<button type="menu" label="View"> - <menupopup> - <menuitem label="List"/> - <menuitem label="Details"/> - </menupopup> -</button> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/More_Button_Features#Button_with_menupopup" title="fr/XUL_Tutorial/More_Button_Features#Button_with_menupopup">Plus d'information à propos de ce type d'élement bouton</a>.</li> - <li><a href="/fr/XUL/button" title="fr/XUL/button">Référence de la balise Button</a></li> - <li>Eléments connexes : <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-button-menu.png" class="internal" src="/@api/deki/files/1256/=Controlsguide-button-menu.png"></td> - </tr> - <tr> - <td><strong><button type="menu-button"></strong> - <p>Un bouton associé à un bouton-flèche qui ouvre un menu déroulant. Le bouton-flèche est séparé du bouton principal. Contrairement au le type '<code>menu</code>', des actions différentes peuvent être effectués en cliquant sur le bouton ou sur le bouton-flèche.</p> - - <pre class="eval"> -<button type="menu-button" label="New"> - <menupopup> - <menuitem label="New Document"/> - <menuitem label="New Image"/> - </menupopup> -</button> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/More_Button_Features#Button_with_menupopup" title="fr/XUL_Tutorial/More_Button_Features#Button_with_menupopup">Plus d'information à propos de ce type d'élément bouton</a>.</li> - <li><a href="/fr/XUL/button" title="fr/XUL/button">Référence de la balise Button</a></li> - <li>Eléments connexes : <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-button-menu-button.gif"></td> - </tr> - <tr> - <td><strong><checkbox></strong> - <p>Un contrôle pouvant être coché ou non ; typiquement utilisé pour créer des options pouvant être activées ou désactivées.</p> - - <pre class="eval"> -<checkbox label="Show Toolbar Labels" checked="true"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Elements" title="fr/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Elements">Plus d'information à propos de cette case à cocher</a>.</li> - <li><a href="/fr/XUL/checkbox" title="fr/XUL/checkbox">Référence à la balise Checkbox</a></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-checkbox.png" class="internal" src="/@api/deki/files/1258/=Controlsguide-checkbox.png"></td> - </tr> - <tr> - <td><strong><colorpicker></strong> - <p>Un sélectionneur de couleurs pouvant être utilisé pour sélectionner une couleur.</p> - - <pre class="eval"> -<colorpicker color="#FF0000"/> -</pre> - - <ul> - <li><a href="/fr/XUL/colorpicker" title="fr/XUL/colorpicker">Colorpicker Reference</a></li> - </ul> - </td> - <td><span class="comment">Image:Controlsguide-colorpicker.png</span></td> - </tr> - <tr> - <td><strong><colorpicker type="button"></strong> - <p>Un bouton qui affiche la couleur sélectionnée. Lorsqu'on clique sur le bouton, un sélecteur de couleurs spécialisé s'affiche.</p> - - <pre class="eval"> -<colorpicker type="button" color="#CC0080"/> -</pre> - - <ul> - <li><a href="/fr/XUL/colorpicker" title="fr/XUL/colorpicker">Colorpicker Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-colorpicker-button.png" class="internal" src="/@api/deki/files/1259/=Controlsguide-colorpicker-button.png"></td> - </tr> - <tr> - <td><strong><datepicker></strong> - - - <p>Une série de boîtes de texte qui peuvent être utilisées pour saisir une date.</p> - - <pre class="eval"> -<datepicker value="2007/03/26"/> -</pre> - - <ul> - <li><a href="/fr/XUL/datepicker" title="fr/XUL/datepicker">Datepicker Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-datepicker.png" class="internal" src="/@api/deki/files/1261/=Controlsguide-datepicker.png"></td> - </tr> - <tr> - <td><strong><datepicker type="grid"></strong> - - - <p>Un sélecteur de date qui affiche un calendrier pour la sélection.</p> - - <pre class="eval"> -<datepicker type="grid" value="2007/02/20"/> -</pre> - - <ul> - <li><a href="/fr/XUL/datepicker" title="fr/XUL/datepicker">Datepicker Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlsguide-datepicker-grid.png" class="internal" src="/@api/deki/files/1260/=Controlsguide-datepicker-grid.png"></td> - </tr> - <tr> - <td><strong><datepicker type="popup" ></strong> - - - <p>Un sélecteur de date qui affiche une série de boîtes de texte pour la saisie et un bouton pour afficher un sélecteur de date sous forme de calendrier.</p> - - <pre class="eval"> -<datepicker type="popup" value="2008/08/24"/> -</pre> - - <ul> - <li><a href="/fr/XUL/datepicker" title="fr/XUL/datepicker">Datepicker Reference</a></li> - </ul> - </td> - <td> </td> - </tr> - <tr> - <td><strong><description></strong> - <p>L'élément description permet d'ajouter un texte descriptif.</p> - - <pre class="eval"> -<description> - Sélectionner l'heure du début de l'évènement -</description> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Adding_Labels_and_Images#Description_Element" title="fr/XUL_Tutorial/Adding_Labels_and_Images#Description_Element">Plus d'information à propos de l'élément description</a>.</li> - <li><a href="/fr/XUL/description" title="fr/XUL/description">Description Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-description.png" class="internal" src="/@api/deki/files/1235/=Controlguide-description.png"></td> - </tr> - <tr> - <td><strong><groupbox></strong> - <p>Un élément groupbox regroupe plusieurs contrôles d'interface usager et affiche une étiquette à l'aide de l'élément caption.</p> - - <pre class="eval"> -<groupbox> - <caption label="Network"/> -</groupbox> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Groupboxes" title="fr/XUL_Tutorial/Groupboxes">Plus d'information à propos de l'élément groupbox</a>.</li> - <li><a href="/fr/XUL/groupbox" title="fr/XUL/groupbox">Groupbox Reference</a></li> - <li>Related Elements: <code><a href="/fr/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-groupbox.png" class="internal" src="/@api/deki/files/1236/=Controlguide-groupbox.png"></td> - </tr> - <tr> - <td><strong><image></strong> - <p>Une image spécifiée par une URL.</p> - - <pre class="eval"> -<image src="start.png"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Adding_Labels_and_Images#Images" title="fr/XUL_Tutorial/Adding_Labels_and_Images#Images">Plus d'information à propos de l'élément image</a>.</li> - <li><a href="/fr/XUL/image" title="fr/XUL/image">Image Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-image.png" class="internal" src="/@api/deki/files/1237/=Controlguide-image.png"></td> - </tr> - <tr> - <td><strong><label></strong> - <p>L'élément label permet d'ajouter une étiquette à côté d'un champ de saisie.</p> - - <pre class="eval"> -<label control="volume" value="Volume:"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Adding_Labels_and_Images#Label_Element" title="fr/XUL_Tutorial/Adding_Labels_and_Images#Label_Element">Plus d'information à propos de l'élément label</a>.</li> - <li><a href="/fr/XUL/label" title="fr/XUL/label">Label Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-label.png" class="internal" src="/@api/deki/files/1238/=Controlguide-label.png"></td> - </tr> - <tr> - <td><strong><listbox></strong> - <p>Une liste permet la sélection d'items textuels.</p> - - <pre class="eval"> -<listbox> - <listitem label="Chocolat"/> - <listitem label="Bonbon"/> -</listbox> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/List_Controls#List_Boxes" title="fr/XUL_Tutorial/List_Controls#List_Boxes">Plus d'information à propos de l'élément listbox</a>.</li> - <li><a href="/fr/XUL/listbox" title="fr/XUL/listbox">Listbox Reference</a></li> - <li>Related Elements: <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/listcols" title="listcols">listcols</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/listcol" title="listcol">listcol</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/listhead" title="listhead">listhead</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/listheader" title="listheader">listheader</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-listbox.png" class="internal" src="/@api/deki/files/1239/=Controlguide-listbox.png"></td> - </tr> - <tr> - <td><strong><menulist></strong> - <p>Une zone combinée est un contrôle texte attaché à une liste déroulante. La valeur est sélectionnée à l'aide de la liste déroulante. Aussi connu sous les noms de menulist, combobox et <select> en HTML.</p> - - <pre class="eval"> -<menulist> - <menupopup> - <menuitem label="Lions" value="l"/> - <menuitem label="Tigres" value="t"/> - <menuitem label="Ours" value="o"/> - </menupopup> -</menulist> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/List_Controls#Drop-down_Lists" title="fr/XUL_Tutorial/List_Controls#Drop-down_Lists">Plus d'information à propos de l'élément menulist</a>.</li> - <li><a href="/fr/XUL/menulist" title="fr/XUL/menulist">Menulist Reference</a></li> - <li>Éléments reliés: <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-menulist.png" class="internal" src="/@api/deki/files/1241/=Controlguide-menulist.png"></td> - </tr> - <tr> - <td><strong><menulist editable="true"></strong> - <p>Une zone combinée éditable est comme une zone combinée standard, excepté que la valeur actuellement sélectionnée est affichée dans une zone de saisie où l'on peut sélectionner directement une valeur, ou l'on peut entrer des valeurs absentes de la liste.</p> - - <pre class="eval"> -<menulist editable="true"> - <menupopup> - <menuitem label="Elephants" value="Elephants"/> - <menuitem label="Kangaroos" value="Kangaroos"/> - <menuitem label="Bats" value="Bats"/> - </menupopup> -</menulist> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/List_Controls#Editable_menulist" title="fr/XUL_Tutorial/List_Controls#Editable_menulist">Plus d'informations à propos de l'élément menulist editable.</a></li> - <li><a href="/fr/XUL/menulist" title="fr/XUL/menulist">Menulist Reference</a></li> - <li>Éléments reliés: <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-menulist-editable.png" class="internal" src="/@api/deki/files/1240/=Controlguide-menulist-editable.png"></td> - </tr> - <tr> - <td><strong><progressmeter></strong> - <p>Une barre de progression est utilisée pour montrer la progression d'une tâche lente.</p> - - <pre class="eval"> -<progressmeter value="40"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Progress_Meters" title="fr/XUL_Tutorial/Progress_Meters">Plus d'informations à propos de l'élément progressmeter.</a></li> - <li><a href="/fr/XUL/progressmeter" title="fr/XUL/progressmeter">Progressmeter Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-progressmeter.png" class="internal" src="/@api/deki/files/1242/=Controlguide-progressmeter.png"></td> - </tr> - <tr> - <td><strong><radio></strong> - <p>Un bouton radio est utilisé pour sélectionner uniquement une seule valeur d'une liste d'options à la fois.</p> - - <pre class="eval"> -<radiogroup> - <radio label="Light" value="light"/> - <radio label="Heavy" value="heavy"/> -</radiogroup> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Buttons" title="fr/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Buttons">Plus d'informations à propos de l'élément radio.</a></li> - <li><a href="/fr/XUL/radio" title="fr/XUL/radio">Radio Reference</a></li> - <li>Éléments reliés: <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-radio.png" class="internal" src="/@api/deki/files/1243/=Controlguide-radio.png"></td> - </tr> - <tr> - <td><strong><richlistbox></strong> - <p>The richlistbox displays a list of items where one or more may selected. Unlike the listbox which is designed to display only text, the richlistbox may display any type of content.</p> - - <pre class="eval"> -<richlistbox> - <richlistitem> - <image src="happy.png"/> - </richlistitem> - <richlistitem> - <image src="sad.png"/> - </richlistitem> - <richlistitem> - <image src="angry.png"/> - </richlistitem> -</richlistbox> -</pre> - - <ul> - <li><a href="/fr/XUL/richlistbox" title="fr/XUL/richlistbox">Richlistbox Reference</a></li> - <li>Éléments reliés: <code><a href="/fr/docs/Mozilla/Tech/XUL/richlistitem" title="richlistitem">richlistitem</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-richlistbox.png" class="internal" src="/@api/deki/files/1244/=Controlguide-richlistbox.png"></td> - </tr> - <tr> - <td><strong><scale></strong> - - - <p>A scale displays a bar with a thumb that may be slid across the bar to select between a range of values.</p> - - <pre class="eval"> -<scale min="1" max="10"/> -</pre> - - <ul> - <li><a href="/fr/XUL/scale" title="fr/XUL/scale">Scale Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-scale.png" class="internal" src="/@api/deki/files/1246/=Controlguide-scale.png"></td> - </tr> - <tr> - <td><strong><textbox></strong> - <p>A textbox which allows a single line of text to be entered.</p> - - <pre class="eval"> -<textbox value="firefox"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Input_Controls#Text_Entry_Fields" title="fr/XUL_Tutorial/Input_Controls#Text_Entry_Fields">More information about the textbox element</a>.</li> - <li><a href="/fr/XUL/textbox" title="fr/XUL/textbox">Textbox Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-textbox.png" class="internal" src="/@api/deki/files/1251/=Controlguide-textbox.png"></td> - </tr> - <tr> - <td><strong><textbox multiline="true"></strong> - <p>A textbox which allows multiple lines of text to be entered.</p> - - <pre class="eval"> -<textbox multiline="true"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Input_Controls#Multiline_textbox" title="fr/XUL_Tutorial/Input_Controls#Multiline_textbox">More information about the multiple line textbox element</a>.</li> - <li><a href="/fr/XUL/textbox" title="fr/XUL/textbox">Textbox Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-textbox-multiline.png" class="internal" src="/@api/deki/files/1247/=Controlguide-textbox-multiline.png"></td> - </tr> - <tr> - <td><strong><textbox type="autocomplete"></strong> - <p>A textbox which provides a dropdown showing matches that would complete what the user types. The user can select one to have it filled into the textbox.</p> - - <pre class="eval"> -<textbox type="autocomplete" autocompletesearch="history"/> -</pre> - - <ul> - <li><a href="/fr/XUL/textbox" title="fr/XUL/textbox">Textbox Reference</a></li> - </ul> - </td> - <td> </td> - </tr> - <tr> - <td><strong><textbox type="number"></strong> - - - <p>A textbox for entering numbers. Two arrow buttons are displayed for cycling through values.</p> - - <pre class="eval"> -<textbox type="number" min="1" max="20"/> -</pre> - - <ul> - <li><a href="/fr/XUL/textbox" title="fr/XUL/textbox">Textbox Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-textbox-number.png" class="internal" src="/@api/deki/files/1249/=Controlguide-textbox-number.png"></td> - </tr> - <tr> - <td><strong><textbox type="password"></strong> - <p>A textbox that hides the characters typed, used for entering passwords.</p> - - <pre class="eval"> -<textbox type="password"/> -</pre> - - <ul> - <li><a href="/fr/XUL/textbox" title="fr/XUL/textbox">Textbox Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-textbox-password.png" class="internal" src="/@api/deki/files/1250/=Controlguide-textbox-password.png"></td> - </tr> - <tr> - <td><strong><timepicker></strong> - - - <p>A timepicker displays a set of textboxes for entering a time.</p> - - <pre class="eval"> -<timepicker value="12:05"/> -</pre> - - <ul> - <li><a href="/fr/XUL/timepicker" title="fr/XUL/timepicker">Timepicker Reference</a></li> - </ul> - </td> - <td><img alt="Image:Controlguide-timepicker.png" class="internal" src="/@api/deki/files/1253/=Controlguide-timepicker.png"></td> - </tr> - <tr> - <td><strong><toolbarbutton></strong> - <p>A button that is displayed on a toolbar.</p> - - <pre class="eval"> -<toolbarbutton label="Reload"/> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Toolbars" title="fr/XUL_Tutorial/Toolbars">More information about the toolbarbutton element</a>.</li> - <li><a href="/fr/XUL/toolbarbutton" title="fr/XUL/toolbarbutton">Toolbarbutton Reference</a></li> - <li>Related Elements: <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-toolbarbutton.png" class="internal" src="/@api/deki/files/1254/=Controlguide-toolbarbutton.png"></td> - </tr> - <tr> - <td><strong><toolbarbutton type="menu"></strong> - <p>A button that is displayed on a toolbar with a drop down menu attached to it.</p> - - <pre class="eval"> -<toolbarbutton type="menu" label="Show"> - <menupopup> - <menuitem label="Toolbars"/> - <menuitem label="Status Bar"/> - </menupopup> -</toolbarbutton> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Toolbars" title="fr/XUL_Tutorial/Toolbars">More information about this type of menu toolbarbutton element</a>.</li> - <li><a href="/fr/XUL/toolbarbutton" title="fr/XUL/toolbarbutton">Toolbarbutton Reference</a></li> - <li>Related Elements: <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code></li> - </ul> - </td> - <td> </td> - </tr> - <tr> - <td><strong><toolbarbutton type="menu-button"></strong> - <p>A button on a toolbar that that has a separate arrow button with a menu attached to it. Unlike with the '<code>menu</code>' type, a separate action may be performed when the main part of the button is pressed.</p> - - <pre class="eval"> -<toolbarbutton type="menu-button" label="Open"> - <menupopup> - <menuitem label="Open Changed Files"/> - <menuitem label="Open All"/> - </menupopup> -</toolbarbutton> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Toolbars" title="fr/XUL_Tutorial/Toolbars">More information about this type of menu toolbarbutton element</a>.</li> - <li><a href="/fr/XUL/toolbarbutton" title="fr/XUL/toolbarbutton">Toolbarbutton Reference</a></li> - <li>Related Elements: <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code></li> - </ul> - </td> - <td> </td> - </tr> - <tr> - <td><strong><tree></strong> - <p>A tree displays a hierarchy of items in multiple columns.</p> - - <pre class="eval"> -<tree> - <treecols> - <treecol label="Name" flex="1"/> - <treecol label="Size" flex="1"/> - </treecols> - <treechildren> - <treeitem> - <treerow> - <treecell label="Popcorn"/> - <treecell label="Large"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="Root Beer"/> - <treecell label="Small"/> - </treerow> - </treeitem> - </treechildren> -</tree> -</pre> - - <ul> - <li><a href="/fr/XUL_Tutorial/Trees" title="fr/XUL_Tutorial/Trees">More information about the tree element</a>.</li> - <li><a href="/fr/XUL/tree" title="fr/XUL/tree">Tree Reference</a></li> - <li>Related Elements: <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code></li> - </ul> - </td> - <td><img alt="Image:Controlguide-tree.png" class="internal" src="/@api/deki/files/1255/=Controlguide-tree.png"></td> - </tr> - </tbody> -</table> diff --git a/files/fr/archive/mozilla/xul/les_joies_de_xul/index.html b/files/fr/archive/mozilla/xul/les_joies_de_xul/index.html deleted file mode 100644 index 0d713c2334..0000000000 --- a/files/fr/archive/mozilla/xul/les_joies_de_xul/index.html +++ /dev/null @@ -1,142 +0,0 @@ ---- -title: Les joies de XUL -slug: Archive/Mozilla/XUL/Les_joies_de_XUL -tags: - - XUL -translation_of: Archive/Mozilla/XUL/The_Joy_of_XUL ---- -<p>Public visé : Les développeurs d'application et les chefs développeurs qui cherchent à mieux comprendre XUL et pourquoi il est à la base de la plate-forme Mozilla.</p> - -<h3 id="Introduction" name="Introduction">Introduction</h3> - -<p><a href="/fr/XUL" title="fr/XUL">XUL</a> (prononcez « zoul ») est le langage d'interface utilisateur de Mozilla basé sur XML permettant de développer des applications multiplate-formes riches en fonctionnalités et pouvant tourner connectée ou non à Internet. Ces applications sont facilement modifiables avec des textes, graphismes, et mises en page alternatifs, de telle manière qu'elles peuvent être facilement marquées ou localisées pour différents marchés. Les développeurs Web déjà familiers avec le HTML Dynamique (<a href="/fr/DHTML" title="fr/DHTML">DHTML</a>) pourront développer tout des suite des applications .</p> - -<p>Ce document décrira les irrésistibles raisons pour les développeurs d'application de choisir XUL et la technologie Mozilla pour développer des applications multiplate-formes. Cette même enquête donnera des explications suffisantes des motivations de Mozilla dans le développement XUL et pourquoi la plate-forme de Mozilla est basée dessus. Les fonctionnalités clé et les avantages de XUL seront explorés suivis d'un tour d'horizon des technologies soutenues par Mozilla. Enfin, une petite étude de cas d'un logiciel calendrier écrit avec XUL montrera les avantages de développer une application avec Mozilla.</p> - -<h3 id="Fonctionnalit.C3.A9s_cl.C3.A9s_et_avantages" name="Fonctionnalit.C3.A9s_cl.C3.A9s_et_avantages">Fonctionnalités clés et avantages</h3> - -<table class="standard-table"> - <tbody> - <tr> - <td>Langage de balisage puissant basé sur les widgets</td> - <td>Le but de XUL est de construire des applications multiplate-formes, a contrario du DHTML qui est conçu pour développer des pages Web. C'est pour cela que XUL est orienté vers des artefacts présents dans les applications comme les fenêtres, les labels et les boutons, au lieu d'être orienté vers les pages, niveaux de titre, et liens hypertextes. - <p>En fait, beaucoup de développeurs investissent des efforts considérables pour obtenir un résultat comparable dans leurs applications Web DHTML au prix de la complexité, des performances, et du respect des standards.</p> - </td> - </tr> - <tr> - <td>Basé sur des standards existants</td> - <td>XUL est un langage basé sur le standard XML 1.0 du W3C. Les applications écrites en XUL aussi sont basées sur d'autres standards du W3C tels que HTML 4.0; les Feuilles de Style en Cascade (CSS) 1 et 2; le modèle de document objet (DOM) niveaux 1 et 2; JavaScript 1.5, incluant ECMA-262 Edition 3 (ECMAscript); XML 1.0. - <p>Mozilla.org va plus loin en cherchant à obtenir une standardisation du W3C pour l'eXtensible Binding Language (XBL) (voir <a href="#Technologies_support.C3.A9es">Technologies supportées</a>, ci-dessous).</p> - </td> - </tr> - <tr> - <td>Portabilité de la plate-forme</td> - <td> - <p>À l'instar du HTML, XUL est conçu pour être indépendant de la plate-forme, rendant ainsi les applications facilement portables à tous les systèmes d'exploitation sur lesquels Mozilla tourne. Si l'on considère le large éventail de plate-formes qui supportent actuellement Mozilla, cela peut être une des caractéristiques intéressantes de XUL en tant que technologie pour développer des applications.</p> - - <p>Puisque XUL donne une abstraction des composants de l'interface utilisateur, il tient la promesse d'écrire une fois, exécuter partout (NdT : write-once, run anywhere pour les anglophones). L'interface de toutes les applications phares de Mozilla (navigateur, client de messagerie, carnet d'adresse, etc.) est écrite en XUL avec un seul code fonctionnant sur toutes les plate-formes Mozilla.</p> - </td> - </tr> - <tr> - <td>Séparation de l'aspect et de la logique de l'application</td> - <td>L'un des inconvénients majeurs de la plupart des application Web est le lien étroit entre les éléments de l'interface et la logique de l'application. Cela pose un problème qui n'est pas insignifiant lorsque que l'on travaille en équipe, parce que les compétences requises pour développer ces deux aspects appartiennent souvent à des personnes différentes. - <p>XUL donne une séparation clair entre la définition de l'application et la logique de programmation ("contenu" constitué de XUL, XBL, et JavaScript), la présentation (« skin » constitué de CSS et d'images), et les labels spécifiques au langage (« locale » constitué de DTDs, paquets de chaînes de caractères dans des fichiers <code>.properties</code>). La mise en page et l'apparence des applications XUL peuvent être transformées indépendamment de la définition de l'application et de sa logique. Encore mieux, l'application peut être localisée en différentes langues et régions indépendamment de sa logique ou de sa présentation.</p> - - <p>Ce degré de séparation permet d'avoir des applications plus faciles à maintenir par les programmeurs et rapidement modifiables pour les designers et les localisateurs.</p> - - <p>La superposition de ces deux activités indépendantes est plus facilement coordonnée qu'avec des applications basées sur du HTML, avec un impact moindre sur la stabilité générale et la qualité du système.</p> - </td> - </tr> - <tr> - <td>Modification, localisation ou marquage faciles</td> - <td>Un autre bénéfice très pratique de la séparation entre ce que XUL fournit et la logique, la présentation, et le « texte du langage » est la facilité d'adaptation pour différents clients ou groupes d'utilisateurs. - <p>Un développeur peut maintenir une base de code primaire pour son application et adapter le logo et l'appellation pour chacun de ses clients en distribuant plusieurs <em>skins</em>. Une application qui est écrite et déployée avec une interface utilisateur en anglais peut être traduite en français pour le même client. Bien que ces changements soit extensifs et affectent la plus grande partie (sinon la totalité) de l'application, ils sont aussi isolés les uns des autres par la définition même de XUL et le partage de la logique de l'application entre toutes les versions personnalisées.</p> - </td> - </tr> - </tbody> -</table> - -<h3 id="Technologies_support.C3.A9es" name="Technologies_support.C3.A9es">Technologies supportées</h3> - -<p>Il y a beaucoup d'autres technologies introduites par Mozilla qui complètent XUL pour développer des applications web multiplate-formes.</p> - -<table class="standard-table"> - <tbody> - <tr> - <td><a href="/fr/XBL" title="fr/XBL">XBL</a></td> - <td> - <p>L'eXtensible Bindings Language (XBL) est un langage de balisage qui définit de nouveaux éléments spéciaux, ou <em>bindings</em> pour les widgets XUL. Avec XBL, les développeurs peuvent définir du contenu nouveau pour les widgets XUL, ajouter des gestionnaires d'événement additionnel à un widget XUL, et ajouter aussi de nouvelles propriétés et méthodes d'interface. En bref, XBL octroie au développeur la capacité d'étendre XUL en modifiant des balises existantes ou en créant ses propres balises.</p> - - <p>En utilisant XBL, les développeurs peuvent facilement façonner des interfaces utilisateur de widgets personnalisées, comme des compteurs de progression, des menus pop-up fantaisistes, et même des barres d'outils et des formulaires de recherche. Ces composants personnalisés sont utilisable dans les applications XUL en spécifiant la balise personnalisée et les attributs qui y sont associés.</p> - </td> - </tr> - <tr> - <td><a href="/fr/Overlays_XUL" title="fr/Overlays_XUL">Overlays</a></td> - <td>Les overlays sont des fichiers XUL utilisés pour décrire un contenu supplémentaire pour l'interface utilisateur. Ils sont un mécanisme général pour ajouter des composants additionnels à l'interface, remplacer des portions de code XUL, sans avoir à modifier toute l'interface, et réutiliser des parties spécifiques de l'interface utilisateur. - <p>Ils fournissent un mécanisme puissant de personnalisation et d'extension des applications existantes parce qu'ils fonctionnent de deux manières complémentaires mais très différentes. Dans un sens, les overlays sont identiques aux fichiers <code>include</code> qu' on trouve dans d'autres langages parce qu'une application peut spécifier qu'un overlay est présent dans sa définition. Mais les overlays peuvent également être spécifié extérieurement, permettant à un concepteur de le superposer à une application sans modifier le code source original.</p> - - <p>En pratique, cela permet aux développeurs de maintenir un code unique pour une application donnée, puis d'y appliquer une marque particulière ou pour inclure des fonctionnalités spécifiques pour un client particulier, le tout dans un code complètement indépendant. Cela conduit à une solution globale qui est plus facile et moins coûteux de maintenir à long terme.</p> - - <p>Un bénéfice supplémentaires des overlays pour les développeurs de logiciels qui désirent ajouter des fonctionnalités aux logiciels Mozilla qu'ils désirent garder sous licence propriétaire. La Netscape Public License (NPL) et la Mozilla Public License (MPL) exige des développeurs qui modifie le code original (le code source fournit pas Mozilla) de fournir le code source de ces modifications à leurs clients. Les overlays peuvent être utilisés pour ajouter des fonctionnalités aux logiciels Mozilla sans contaminer le code source libre original avec des portions de code propriétaire.</p> - </td> - </tr> - <tr> - <td><a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a>/<a href="/fr/XPConnect" title="fr/XPConnect">XPConnect</a></td> - <td>XPCOM et XPConnect sont des technologies complémentaires qui permettent l'intégration de bibliothèques externes dans les applications XUL. - <p>XPCOM, qui signifie Cross Platform Component Object Model, est un framework d'écriture de logiciels multiplate-forme et modulaires. Les composants XPCOM peuvent être écrit en C, C++ et JavaScript, et ils peuvent être utilisés avecs C, C++, JavaScript, <a href="/fr/Python" title="fr/Python">Python</a>, Java et Perl.</p> - - <p>XPConnect est une technologie qui autorise des interactions entre XPCOM et JavaScript. XPConnect permet aux objets JavaScript d'accéder de façon transparente aux objets XPCOM et de les manipuler. Elle permet également aux objets JavaScript de présenter des interfaces conformes à XPCOM qui pourront être appelées par des objets XPCOM.</p> - - <p>Ensemble, XPCOM et XPConnect permettent aux développeurs de créer des applications XUL qui applications exigent la puissance de traitement brut de langages compilés (C/C++) ou l'accès au système d'exploitation sous-jacent.</p> - </td> - </tr> - <tr> - <td><a href="/fr/XPInstall" title="fr/XPInstall">XPInstall</a></td> - <td>XPInstall, l'utilitaire d'installation multiplate-forme de Mozilla, fournit un moyen standard d'empaquetage des composants d'un application XUL avec un script d'installation que Mozilla peut télécharger et exécuter. - <p>XPInstall permet aux utilisateurs d'installer sans effort une nouvelle applications XUL depuis Internet ou depuis des serveurs intranet d'entreprises. Pour installer une nouvelle application, l'utilisateur n'a besoin que de cliquer sur un lien hypertexte dans une page Web ou dans un courriel et d'accepter l'installation du nouveau paquetage.</p> - </td> - </tr> - </tbody> -</table> - -<p><span class="comment">todo: describe cool toolkit and xul runner features</span></p> - -<h3 id=".C3.89tude_de_cas__Un_logiciel_de_calendrier_pour_Mozilla" name=".C3.89tude_de_cas_:_Un_logiciel_de_calendrier_pour_Mozilla">Étude de cas : Un logiciel de calendrier pour Mozilla</h3> - -<p>This mini case study describes how OEone Corporation (<a class="external" href="http://www.oeone.com" rel="freelink">http://www.oeone.com</a>) integrated its Calendar application with the core Mozilla product. The Calendar application is comprised of a XUL front end and an XPCOM component that leverages libical, a native library written in C, for date operations and calendar data storage. The Calendar was initially developed exclusively for Linux but was successfully ported to both Macintosh and Windows within a week.</p> - -<p><em>XUL provides a rich set of UI components.</em> The user interface for the Calendar is written entirely in XUL, JavaScript, and CSS, which is a testament to the power and flexibility of this application building framework. It uses simple XUL components like boxes, grids, and stacks to compose views for the weeks, days, and months. The initial implementation of Calendar did not exploit XBL because the developers involved were not experienced with this complementary technology. But future plans for the Calendar include converting many of these UI components to XBL widgets to further simplify their implementation.</p> - -<p><em>XPCOM/XPConnect enables integration of native code.</em> A fully-featured open source calendar library, libical (<a class="external" href="http://www.softwarestudio.org/libical/" rel="freelink">http://www.softwarestudio.org/libical/</a>), was harvested for the Calendar project. Libical is an Open Source implementation of the IETF's iCalendar Calendaring and Scheduling protocols. (<a class="external" href="http://tools.ietf.org/html/rfc2445" title="http://tools.ietf.org/html/rfc2445">RFC 2445</a>, 2446, and 2447). It parses iCal components and provides a C API for manipulating the component properties, parameters, and subcomponents. The library was initially integrated by writing an XPCOM wrapper to adapt its interface. To improve performance a greater proportion of application logic was migrated from JavaScript to the XPCOM component.</p> - -<p><em>Separation of presentation from logic makes applications resilient to change.</em> The original UI implementation made extensive use of graphics for rendering the month and week views. Later, as the developers learned more about XUL and the implementation of the basic components matured, better ways were identified to simplify the composition of the UI. This lead to increased screen drawing performance and reduced memory and disk footprint requirements of the application. The UI for the month and week views was practically rewritten while the application logic remained virtually unchanged.</p> - -<p><em>Porting XUL applications to other platforms is trivial.</em> The Calendar originated as a Linux application with no consideration given to porting it to other platforms. But later, when the original developer (OEone Corporation) contributed the source to the Mozilla project, the Calendar had to be migrated to the Windows and Macintosh platforms. The UI for the XUL application required zero porting effort because it worked with almost no alteration on both new platforms. Similarly, since the UI code is written in JavaScript, the interaction logic worked with no effort. However, since the libical library is written in C, more significant effort was required to migrate this component to the other platforms.</p> - -<p>Fortunately an implementation of the libical library was already available for Macintosh so, with the cross platform nature of XPCOM, a Macintosh calendar implementation was working within a few days. However, there was no existing Win32 port available, so developers had to undertake a porting effort to migrate libical to Windows. Within a week this too was complete and Mozilla had a working calendar for all three primary platforms: Linux, Macintosh, and Windows.</p> - -<p><em>XPInstall is easy for developers and for users.</em> The Calendar is not a planned deliverable for the Mozilla 1.0 release, and therefore is not included as a standard component in regular nightly and milestone release builds. Developers who are equipped with the software and knowledge required to compile Mozilla can set an optional environment variable and build the Calendar themselves. But many Mozilla users who want to try out the Calendar can't afford this luxury. Using XPInstall it was easy for the developers to package a version of Calendar that could be installed directly over the Internet by clicking a link.</p> - -<h3 id="Conclusion" name="Conclusion">Conclusion</h3> - -<p>Mozilla, grâce à XUL, fournit une technologie irrésistible pour le développement d'applications multiplate-forme avec une même interface utilisateur riche et une expérience utilisateur identique aux applications natives. Les designers ayant l'expérience de la conception d'applications Web basées sur les technologies standard du W3C peuvent tirer parti de cette expérience directement du navigateur au bureau.</p> - -<p>Avant qu'Internet ne devienne le moyen privilégié de distribution des applications aux utilisateurs utilisant des architectures matérielles et logicielles disparates, ce problème était réglé à l'aide d'outils client-serveur multiplate-forme. Mais ces offres, invariablement propriétaires, coûtaient très cher en développeurs et le montant des licences vous liait solidement pour un certain temps au vendeur. Mozilla fournit <strong>much of the same value</strong> que ces outils multiplate-forme, mais avec des licences libres.</p> - -<p><strong>As a rapidly maturing cross platform technology</strong>, XUL peut combler un vide intéressant pour des technologies telles que Java J2EE et Microsoft. Net qui sont axés sur l'activation de l'accès au réseau pour les objets distribués. La logique d'application dynamique peut bénéficier largement d'un niveau de présentation de l'interface utilisateur qui est basée sur des normes, des scripts, extensibles et de même distribuables sur Internet.</p> - -<p>XUL réduit la distinction entre les applications de bureau et le navigateur Internet, car il est bien implanté dans deux mondes. Certaines applications Web bénéficieront d'une migration vers XUL du fait de l'accroissement des capacités de l'interface utilisateur, d'une implémentation cohérente de la spécification à travers les plate-formes supportées et de l'accès aux ressources natives telles que les bibliothèques partagées et les fichiers locaux du système.</p> - -<p>Que vous désiriez migrer une application Web existante vers une application desktop, que cherchiez une technologie qui vous permettra facilement de porter vos applications sur différentes plate-formes ou que vous vouliez intégrer vos propres fonctionnalités au navigateur, XUL mérite d'être sérieusement considéré.</p> - -<h3 id="R.C3.A9f.C3.A9rences" name="R.C3.A9f.C3.A9rences">Références</h3> - -<ol> - <li>Documentation <a href="/fr/XUL" title="fr/XUL">XUL</a> sur MDC, comprenant <a href="/fr/Tutoriel_XUL" title="fr/Tutoriel_XUL">Tutoriel XUL</a> et la <a href="/fr/Référence_XUL" title="fr/Référence_XUL">Référence XUL</a></li> - <li><a href="/fr/Overlays_XUL" title="fr/Overlays_XUL">Overlays XUL</a></li> - <li>Documentation <a href="/fr/XBL" title="fr/XBL">XBL</a>: <a href="/en/XUL_Tutorial/Introduction_to_XBL">XBL introduction</a>, <a href="/en/XBL/XBL_1.0_Reference">XBL reference</a></li> - <li>Documentation <a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a></li> - <li>Documentation <a href="/fr/XPConnect" title="fr/XPConnect">XPConnect</a> (Composants scriptables). Voir également <a class="external" href="http://www.mozilla.org/scriptable/">XPConnect (Scriptable Components) (en)</a></li> - <li>Documentation sur les <a href="/fr/Extensions" title="fr/Extensions">Extensions</a>, comprenant un tutoriel de prise en main <a href="/fr/Construire_une_extension" title="fr/Construire_une_extension">Construire une extension</a></li> - <li><a class="external" href="http://www.mozilla.org/projects/calendar/">Projet Calendar sur Mozilla .org (en)</a></li> -</ol> diff --git a/files/fr/archive/mozilla/xul/listbox/index.html b/files/fr/archive/mozilla/xul/listbox/index.html deleted file mode 100644 index 7f793d544a..0000000000 --- a/files/fr/archive/mozilla/xul/listbox/index.html +++ /dev/null @@ -1,276 +0,0 @@ ---- -title: listbox -slug: Archive/Mozilla/XUL/listbox -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/listbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Cet élément est utilisé pour créer une liste d'éléments dont l'un ou plusieurs d'entre-eux peuvent être sélectionnés. Une listbox peut contenir plusieurs colonnes. Différentes méthodes permettent aux éléments de la liste d'êtres récupérés et modifiés. -</p><p>Vous pouvez spécifier le nombre de lignes à afficher dans la liste à l'aide de l'attribut <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code>. Les lignes supplémentaires peuvent être consultées avec une barre de défilement. Une listbox est supposée contenir des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code>. Toutes les lignes dans la listbox ont la même hauteur, qui est la hauteur du plus grand élément de la liste. Si vous désirez créer une liste dont les hauteurs de lignes sont variables, ou avec du contenu non textuel, utilisez plutôt l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/richlistbox" title="richlistbox">richlistbox</a></code>. -</p><p>Consultez le <a href="fr/Tutoriel_XUL/Les_contr%c3%b4les_de_listes">Tutoriel XUL</a> pour plus d'informations. </p> -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-disableKeyNavigation">disableKeyNavigation</a>, <a href="#a-preference">preference</a>, <a href="#a-rows">rows</a>, <a href="#a-seltype">seltype</a>, <a href="#a-suppressonselect">suppressonselect</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-listbox.currentIndex">currentIndex</a>, <a href="#p-currentItem">currentItem</a>, <a href="#p-disabled">disabled</a>, <a href="#p-disableKeyNavigation">disableKeyNavigation</a>, <a href="#p-itemCount">itemCount</a>, <a href="#p-listBoxObject">listBoxObject</a>, <a href="#p-selectedCount">selectedCount</a>, <a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedItem">selectedItem</a>, <a href="#p-selectedItems">selectedItems</a>, <a href="#p-selType">selType</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-addItemToSelection">addItemToSelection</a>, <a href="#m-appendItem">appendItem</a>, <a href="#m-clearSelection">clearSelection</a>, <a href="#m-ensureElementIsVisible">ensureElementIsVisible</a>, <a href="#m-ensureIndexIsVisible">ensureIndexIsVisible</a>, <a href="#m-getIndexOfFirstVisibleRow">getIndexOfFirstVisibleRow</a>, <a href="#m-getIndexOfItem">getIndexOfItem</a>, <a href="#m-getItemAtIndex">getItemAtIndex</a>, <a href="#m-getNumberofVisibleRows">getNumberofVisibleRows</a>, <a href="#m-getRowCount">getRowCount</a>, <a href="#m-getSelectedItem">getSelectedItem</a>, <a href="#m-insertItemAt">insertItemAt</a>, <a href="#m-invertSelection">invertSelection</a>, <a href="#m-moveByOffset">moveByOffset</a>, <a href="#m-removeItemAt">removeItemAt</a>, <a href="#m-removeItemFromSelection">removeItemFromSelection</a>, <a href="#m-scrollToIndex">scrollToIndex</a>, <a href="#m-selectAll">selectAll</a>, <a href="#m-selectItem">selectItem</a>, <a href="#m-selectItemRange">selectItemRange</a>, <a href="#m-suppressOnSelect">suppressOnSelect</a>, <a href="#m-timedSelect">timedSelect</a>, <a href="#m-toggleItemSelection">toggleItemSelection</a> -</dd></dl> -<h3 id="Exemple" name="Exemple"> Exemple </h3> -<div class="float-right"><img alt="Image:XUL_ref_listbox.png"></div> -<pre> <listbox id="theList"> - <listitem label="Rubis"/> - <listitem label="Émeraude"/> - <listitem label="Saphir" selected="true"/> - <listitem label="Diamant"/> - </listbox> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-disableKeyNavigation"> - -</div> -<div id="a-preference"> - -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> de l'élément. -</dd></dl> - - -</div> -<div id="a-rows"> - -<dl><dt> <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Le nombre de lignes à afficher dans l'élément. Si l'élément contient plus que ce nombre de lignes, une barre de défilement apparaitra afin que l'utilisateur puisse consulter les autres lignes. Pour obtenir le nombre réel de lignes dans l'élément, utilisez la méthode <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/getRowCount">getRowCount</a></code></span>. -</dd></dl> - - -</div> -<div id="a-seltype"> - -<dl> - <dt> - <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - Utilisé pour indiquer si les sélections multiples sont permises.</dd> -</dl> -<ul> - <li><code>single</code> : Seule une ligne peut être sélectionnée à la fois. (Valeur par défaut dans <code>listbox</code>.)</li> - <li><code>multiple</code> : Plusieurs lignes peuvent être sélectionnées à la fois. (Valeur par défaut dans <code>tree</code>.)</li> -</ul> -<p><magic name="\"PAGENAME\"/">Des cellules individuelles peuvent être sélectionnées.</magic><magic name="\"PAGENAME\"/"> Des lignes sont sélectionnées, cependant, l'indicateur de sélection n'est visible que sur le texte de la colonne principale.</magic></p> -</div> -<div id="a-suppressonselect"> - -<dl> - <dt> - <code id="a-suppressonselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/suppressonselect">suppressonselect</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Si cet attribut n'est pas spécifié, un évènement <code>select</code> est déclenché dès qu'un élément est sélectionné, que ce soit par l'utilisateur ou par l'appel d'une des méthodes de sélection. Si la valeur de l'attribut est <code>true</code>, l'évènement <code>select</code> n'est jamais déclenché.</dd> -</dl> -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-listbox.currentIndex"></div> -<div id="p-currentItem"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/currentItem">currentItem</a></span></code> -</dt><dd> Type : <i>élément listitem</i> -</dd><dd> Renvoie le dernier élément sélectionné dans la liste de sélection, ce qui n'est utile que dans une liste à sélection multiple. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-disableKeyNavigation"></div> -<div id="p-itemCount"></div> -<div id="p-listBoxObject"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/listBoxObject">listBoxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIListBoxObject">nsIListBoxObject</a></i> -</dd><dd> L'objet <code>nsIListBoxObject</code> derrière la liste de sélection. Cette propriété est en lecture seule. La plupart des fonctionnalités de la liste de sélection sont déjà disponibles directement dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>, il sera donc rarement nécessaire d'utiliser cet objet de boîte directement. -</dd></dl> - -</div> -<div id="p-selectedCount"></div> -<div id="p-selectedIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Renvoie l'indice de l'élément actuellement sélectionné. Un élément peut être sélectionné en assignant son indice à cette propriété. En lui assignant <code>-1</code>, tous les éléments seront désélectionnés. -</dd></dl> - -</div> -<div id="p-selectedItem"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> -</dt><dd> Type : <i>élément</i> -</dd><dd> Conserve l'élément actuellement sélectionné. Si aucun élément n'est sélectionné, sa valeur sera <code>null</code>. Vous pouvez sélectionner un élément en définissant cette valeur. Un évènement select sera envoyé à cet élément lorsqu'il est sélectionné en modifiant cette propriété, la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code>, ou par l'utilisateur. -</dd></dl> - -</div> -<div id="p-selectedItems"></div> -<div id="p-selType"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selType">selType</a></span></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - chaîne de caractères</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code>.</dd> -</dl> - -</div> -<div id="p-suppressOnSelect"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/suppressOnSelect">suppressOnSelect</a></span></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-suppressonselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/suppressonselect">suppressonselect</a></code>.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> - - - - - - - - - -<dl><dt> <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/getRowCount">getRowCount()</a></code></span> -</dt><dd> Type de retour : <i>entier</i> -</dd><dd> Renvoie le nombre total de lignes dans l'élément, quel que soit le nombre de lignes affichées. -</dd></dl> - - - - - - - -<dl><dt> <span id="m-selectAll"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/selectAll">selectAll()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne tous les éléments. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<dl><dt> <span id="m-selectItem"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/selectItem">selectItem( item )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Désélectionne tous les éléments actuellement sélectionnés, puis sélectionne l'élément donné en argument. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<dl><dt> <span id="m-selectItemRange"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/selectItemRange">selectItemRange( startItem, endItem)</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne tous les éléments compris entre les deux éléments donnés en paramètre, y compris les éléments de début et de fin. Tous les autres éléments sont désélectionnés. Cette méthode n'a aucun effet sur les listes en mono-sélection. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<dl><dt> <span id="m-timedSelect"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/timedSelect">timedSelect( item, timeout )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne un élément spécifié par l'argument <code>item</code> après un nombre de millisecondes définit par l'argument <code>timeout</code>. Tous les autres éléments sont désélectionnés. -</dd></dl> -<dl><dt> <span id="m-toggleItemSelection"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/toggleItemSelection">toggleItemSelection( item )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Modifie l'état de sélection de l'élément spécifié. S'il est sélectionné, il devient désélectionné. S'il est désélectionné, il devient sélectionné. Les autres éléments de la liste ne sont pas affectés et ils conservent leur état de sélection. -</dd></dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listcol" title="listcol">listcol</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listcols" title="listcols">listcols</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listhead" title="listhead">listhead</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listheader" title="listheader">listheader</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULMultiSelectControlElement">nsIDOMXULMultiSelectControlElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/listitem/index.html b/files/fr/archive/mozilla/xul/listitem/index.html deleted file mode 100644 index cf28e6472b..0000000000 --- a/files/fr/archive/mozilla/xul/listitem/index.html +++ /dev/null @@ -1,265 +0,0 @@ ---- -title: listitem -slug: Archive/Mozilla/XUL/listitem -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/listitem ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Une ligne unique dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>. Le texte de la ligne est généralement spécifié soit en utilisant des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code>, soit en plaçant un attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> directement sur l'élément listitem. Par défaut, contient un seul élément listcell du type et de la classe appropriées pour le listitem. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Les_contr%c3%b4les_de_listes">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-accesskey">accesskey</a>, <a href="#a-checked">checked</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-current">current</a>, <a href="#a-disabled">disabled</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-preference">preference</a>, <a href="#a-selected">selected</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-listitem.type">type</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessKey">accessKey</a>, <a href="#p-accessible">accessible</a>, <a href="#p-checked">checked</a>, <a href="#p-control">control</a>, <a href="#p-crop">crop</a>, <a href="#p-current">current</a>, <a href="#p-disabled">disabled</a>, <a href="#p-image">image</a>, <a href="#p-label">label</a>, <a href="#p-selected">selected</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Classes de style -</dt><dd> <a href="#s-listitem-iconic">listitem-iconic</a> </dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_listbox.png"></div> -<pre> <listbox id="laListe"> - <listitem label="Rubis"/> - <listitem label="Émeraude"/> - <listitem label="Saphir" selected="true"/> - <listitem label="Diamant"/> - </listbox> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-checked"> - -<dl> - <dt> - <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Indique si l'élément est coché ou non.</dd> - <dd> - Utilisez <code>hasAttribute()</code> pour déterminer si cet attribut est défini plutôt que <code>getAttribute()</code>.<br> - Pour les boutons, l'attribut <code>type</code> doit etre mis à <code>checkbox</code> ou à <code>radio</code> pour qu'un effet soit perceptible.</dd> -</dl> -</div> -<div id="a-command"> - -<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> observé par l'élément. -</dd></dl> - - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-current"> - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-image"> - -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-preference"> - -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> de l'élément. -</dd></dl> - - -</div> -<div id="a-selected"> - -<dl><dt> <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est sélectionné ou non. Cette valeur est en lecture seule. Pour changer la sélection, utilisez la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> ou <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> de l'élément conteneur. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-listitem.type"> - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessKey"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-accessible"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessible">accessible</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIAccessible">nsIAccessible</a></i> -</dd><dd> Renvoie l'objet d'accessibilité pour l'élément. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-checked"></div> -<div id="p-control"></div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-current"></div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-image"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/image">image</a></span></code> -</dt><dd> Type : <i>URL d'image</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. -</dd></dl> - -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-selected"> - -<dl> -<dt><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selected">selected</a></span></code> </dt> -<dd>Type : <i>booléen</i></dd> -<dd>La valeur de cette propriété est <code>true</code> si cet élément est sélectionné, ou <code>false</code> s'il ne l'est pas. Cette propriété est en lecture seule.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Classes_de_style" name="Classes_de_style"> Classes de style </h3> -<p>Les classes suivantes peuvent être utilisées pour styler l'élément. Il convient de les utiliser plutôt que de changer le style de l'élément directement afin de s'intégrer plus naturellement dans le thème choisi par l'utilisateur. -</p><dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/listitem-iconic">listitem-iconic</a></code></dt> - <dd>Use this class to have an image appear on the <code><a href="/en-US/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code>. Specify the image using the <code id="a-image"><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code> attribute.</dd> -</dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listcol" title="listcol">listcol</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listcols" title="listcols">listcols</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listhead" title="listhead">listhead</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/listheader" title="listheader">listheader</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULSelectControlItemElement">nsIDOMXULSelectControlItemElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/menu/index.html b/files/fr/archive/mozilla/xul/menu/index.html deleted file mode 100644 index 2a78b15497..0000000000 --- a/files/fr/archive/mozilla/xul/menu/index.html +++ /dev/null @@ -1,196 +0,0 @@ ---- -title: menu -slug: Archive/Mozilla/XUL/menu -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/menu ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément, tout à fait semblable à un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>, qui est placé dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>. Lorsque l'utilisateur clique sur l'élément <code>menu</code>, le <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> enfant du menu sera affiché. Cet élément est également utilisé pour créer des sous-menus. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Barres_de_menus_simples">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-acceltext">acceltext</a>, <a href="#a-accesskey">accesskey</a>, <a href="#a-allowevents">allowevents</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-disabled">disabled</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-menuactive">menuactive</a>, <a href="#a-open">open</a>, <a href="#a-sizetopopup">sizetopopup</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-accessKey">accessKey</a>, <a href="#p-command">command</a>, <a href="#p-menuitem.control">control</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-image">image</a>, <a href="#p-itemCount">itemCount</a>, <a href="#p-label">label</a>, <a href="#p-labelElement">labelElement</a>, <a href="#p-menupopup">menupopup</a>, <a href="#p-menu.open">open</a>, <a href="#p-parentContainer">parentContainer</a>, <a href="#p-selected">selected</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-appendItem">appendItem</a>, <a href="#m-getIndexOfItem">getIndexOfItem</a>, <a href="#m-getItemAtIndex">getItemAtIndex</a>, <a href="#m-insertItemAt">insertItemAt</a>, <a href="#m-removeItemAt">removeItemAt</a> -</dd></dl> -<h3 id="Exemple" name="Exemple"> Exemple </h3> -<pre> <menubar id="sample-menubar"> - <menu id="file-menu" label="Fichier"> - <menupopup id="file-popup"> - <menuitem label="Nouveau"/> - <menuitem label="Ouvrir"/> - <menuitem label="Enregistrer"/> - <menuseparator/> - <menuitem label="Quitter"/> - </menupopup> - </menu> - <menu id="edit-menu" label="Édition"> - <menupopup id="edit-popup"> - <menuitem label="Annuler"/> - <menuitem label="Rétablir"/> - </menupopup> - </menu> - </menubar> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-acceltext"> - -<dl> - <dt> - <code id="a-acceltext"><a href="http://api/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code></dt> - <dd> - Type : <i>chaîne de caractères</i></dd> - <dd> - Texte qui apparaîtra à côté du label d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> pour indiquer la touche de raccourci (accélérateur) à utiliser pour invoquer la commande. Si cette valeur est définie, elle écrase une clé assignée dans l'attribut <code>key</code>. Cet attribut ne s'applique pas aux menus directement sur la Barre de menus (<code>menubar</code>).</dd> -</dl> -</div> -<div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-allowevents"> - -<dl><dt> <code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, les évènements sont passés aux enfants de l'élément. Dans le cas contraire, ils ne sont passés qu'à l'élément lui-même. -</dd></dl> - - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-menuactive"> - -</div> -<div id="a-open"> - -<dl><dt> <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les boutons de <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> <code>menu</code>, l'attribut <code>open</code> est défini à <code>true</code> lorsque le menu est ouvert. L'attribut <code>open</code> n'est pas présent si le menu est fermé. -</dd></dl> - - -</div> -<div id="a-sizetopopup"> - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-menuitem.control"></div> -<div id="p-itemCount"></div> -<div id="p-menupopup"></div> -<div id="p-menu.open"></div> -<div id="p-parentContainer"></div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> - - - - - - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULContainerElement">nsIDOMXULContainerElement</a>, <a href="fr/NsIDOMXULContainerItemElement">nsIDOMXULContainerItemElement</a>, <a href="fr/NsIDOMXULSelectControlItemElement">nsIDOMXULSelectControlItemElement</a> -</dd></dl> diff --git a/files/fr/archive/mozilla/xul/menubar/index.html b/files/fr/archive/mozilla/xul/menubar/index.html deleted file mode 100644 index 2d8a8d5660..0000000000 --- a/files/fr/archive/mozilla/xul/menubar/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: menubar -slug: Archive/Mozilla/XUL/menubar -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/menubar ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un conteneur généralement destiné à des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>. Sur les ordinateurs Macintosh, la barre de menus est affichée en haut de l'écran, et tous les éléments non liés à un menu dans l'élément <code>menubar</code> seront ignorés. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Barres_de_menus_simples">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-grippyhidden">grippyhidden</a>, <a href="#a-statusbar">statusbar</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-statusbar">statusbar</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_menu.png"></div> -<pre><menubar id="sample-menubar"> - <menu id="action-menu" label="Action"> - <menupopup id="action-popup"> - <menuitem label="Nouvelle"/> - <menuitem label="Enregistrer" disabled="true"/> - <menuitem label="Fermer"/> - <menuseparator/> - <menuitem label="Quitter"/> - </menupopup> - </menu> - <menu id="edit-menu" label="Édition"> - <menupopup id="edit-popup"> - <menuitem label="Annuler"/> - <menuitem label="Rétablir"/> - </menupopup> - </menu> -</menubar> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-grippyhidden"> - -</div> -<div id="a-statusbar"> - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-statusbar"></div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/menuitem/index.html b/files/fr/archive/mozilla/xul/menuitem/index.html deleted file mode 100644 index 813096fdc4..0000000000 --- a/files/fr/archive/mozilla/xul/menuitem/index.html +++ /dev/null @@ -1,293 +0,0 @@ ---- -title: menuitem -slug: Archive/Mozilla/XUL/menuitem -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/menuitem ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un choix particulier dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Il agit de manière semblable à un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>, mais est affiché dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Barres_de_menus_simples">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-acceltext">acceltext</a>, <a href="#a-accesskey">accesskey</a>, <a href="#a-allowevents">allowevents</a>, <a href="#a-autocheck">autocheck</a>, <a href="#a-checked">checked</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-description">description</a>, <a href="#a-disabled">disabled</a>, <a href="#a-image">image</a>, <a href="#a-menuitem.key">key</a>, <a href="#a-label">label</a>, <a href="#a-menuitem.name">name</a>, <a href="#a-selected">selected</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-menuitem.type">type</a>, <a href="#a-validate">validate</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-accessKey">accessKey</a>, <a href="#p-command">command</a>, <a href="#p-menuitem.control">control</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-image">image</a>, <a href="#p-label">label</a>, <a href="#p-labelElement">labelElement</a>, <a href="#p-parentContainer">parentContainer</a>, <a href="#p-selected">selected</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Classes de style -</dt><dd> <a href="#s-menuitem-iconic">menuitem-iconic</a>, <a href="#s-menuitem-non-iconic">menuitem-non-iconic</a> -</dd></dl> -<h3 id="Exemple" name="Exemple"> Exemple </h3> -<pre><menu id="edit-menu" label="Edit"> - <menupopup id="edit-popup"> - <menuitem label="Undo"/> - <menuitem label="Redo"/> - </menupopup> -</menu> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-acceltext"> - -<dl> - <dt> - <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code></dt> - <dd> - Type : <i>chaîne de caractères</i></dd> - <dd> - Texte qui apparaîtra à côté du label d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> pour indiquer la touche de raccourci (accélérateur) à utiliser pour invoquer la commande. Si cette valeur est définie, elle écrase une clé assignée dans l'attribut <code>key</code>. Cet attribut ne s'applique pas aux menus directement sur la Barre de menus (<code>menubar</code>).</dd> -</dl> -</div> -<div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-allowevents"> - -<dl><dt> <code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, les évènements sont passés aux enfants de l'élément. Dans le cas contraire, ils ne sont passés qu'à l'élément lui-même. -</dd></dl> - - -</div> -<div id="a-autocheck"> - -</div> -<div id="a-checked"> - -<dl> - <dt> - <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Indique si l'élément est coché ou non.</dd> - <dd> - Utilisez <code>hasAttribute()</code> pour déterminer si cet attribut est défini plutôt que <code>getAttribute()</code>.<br> - Pour les boutons, l'attribut <code>type</code> doit etre mis à <code>checkbox</code> ou à <code>radio</code> pour qu'un effet soit perceptible.</dd> -</dl> -</div> - -<div class="note"><b>Note :</b> si l'attribut <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code> est défini à <code>true</code>, et que sa valeur est rendue persistante avec l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, Mozilla ne pourra pas conserver cette valeur lorsque l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> est désélectionné suite au <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=15232" title="persist should be able to remove an attribute from an element">bug 15232</a>. Pour contourner ceci, définissez l'attribut <code id="a-autocheck"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/autocheck">autocheck</a></code> à <code>false</code>, puis définissez programmatiquement l'attribut <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code> lorsque l'utilisateur clique sur l'élément, et définissez-le à <code>false</code> au lieu de retirer l'attribut (c'est-à-dire qu'il faut faire <code>menuitem.setAttribute("checked", "false")</code> au lieu de <code>menuitem.removeAttribute("checked"))</code> lorsque l'utilisateur désélectionne le <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, car une valeur à <code>false</code> masquera correctement la marque cochée et conservera son état invisible.</div> -<div id="a-command"> - -<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> observé par l'élément. -</dd></dl> - - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-description"> - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-image"> - -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - - -</div> -<div id="a-menuitem.key"> - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-menuitem.name"> - -</div> -<div id="a-selected"> - -<dl><dt> <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est sélectionné ou non. Cette valeur est en lecture seule. Pour changer la sélection, utilisez la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> ou <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> de l'élément conteneur. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-menuitem.type"> - -</div> -<div id="a-validate"> - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-accessKey"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-command"></div> -<div id="p-menuitem.control"></div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-image"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/image">image</a></span></code> -</dt><dd> Type : <i>URL d'image</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. -</dd></dl> - -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-labelElement"></div> -<div id="p-parentContainer"></div> -<div id="p-selected"> - -<dl> -<dt><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selected">selected</a></span></code> </dt> -<dd>Type : <i>booléen</i></dd> -<dd>La valeur de cette propriété est <code>true</code> si cet élément est sélectionné, ou <code>false</code> s'il ne l'est pas. Cette propriété est en lecture seule.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Classes_de_style" name="Classes_de_style"> Classes de style </h3> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/menuitem-iconic">menuitem-iconic</a></code></dt> - <dd>Use this class to have an image appear on the <code><a href="/en-US/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>. Specify the image using the <code id="a-image"><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code> attribute.</dd> -</dl> -<dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/menuitem-non-iconic">menuitem-non-iconic</a></code></dt> - <dd>Normally, <code><a href="/en-US/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>s have a margin to the left for an image or checkmark. This class may be used to remove this margin so that the menuitem appears on the left edge of the menupopup.</dd> -</dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> </dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULContainerItemElement">nsIDOMXULContainerItemElement</a>, <a href="fr/NsIDOMXULSelectControlItemElement">nsIDOMXULSelectControlItemElement</a> -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/menulist/index.html b/files/fr/archive/mozilla/xul/menulist/index.html deleted file mode 100644 index 1f88ef35db..0000000000 --- a/files/fr/archive/mozilla/xul/menulist/index.html +++ /dev/null @@ -1,276 +0,0 @@ ---- -title: menulist -slug: Archive/Mozilla/XUL/menulist -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/menulist ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément pouvant être utilisé pour des listes de choix déroulantes. L'utilisateur peut sélectionner l'un des éléments affichés dans la liste <code>menulist</code>. Le choix actuellement sélectionné est affiché sur l'élément <code>menulist</code> lui-même. Pour créer la liste déroulante, ajoutez un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> dans l'élément <code>menulist</code>, avec les différents choix comme éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>. L'évènement <code>command</code> peut être utilisé pour exécuter du code lorsque la sélection change dans la liste. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Les_contr%c3%b4les_de_listes">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-accesskey">accesskey</a>, <a href="#a-crop">crop</a>, <a href="#a-disableautoselect">disableautoselect</a>, <a href="#a-disabled">disabled</a>, <a href="#a-editable">editable</a>, <a href="#a-focused">focused</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-oncommand">oncommand</a>, <a href="#a-open">open</a>, <a href="#a-preference">preference</a>, <a href="#a-readonly">readonly</a>, <a href="#a-sizetopopup">sizetopopup</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-crop">crop</a>, <a href="#p-description">description</a>, <a href="#p-disableautoselect">disableautoselect</a>, <a href="#p-disabled">disabled</a>, <a href="#p-editable">editable</a>, <a href="#p-editor">editor</a>, <a href="#p-menulist.image">image</a>, <a href="#p-menulist.inputField">inputField</a>, <a href="#p-itemCount">itemCount</a>, <a href="#p-label">label</a>, <a href="#p-menuBoxObject">menuBoxObject</a>, <a href="#p-menupopup">menupopup</a>, <a href="#p-open">open</a>, <a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedItem">selectedItem</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-menulist.appendItem">appendItem</a>, <a href="#m-contains">contains</a>, <a href="#m-getIndexOfItem">getIndexOfItem</a>, <a href="#m-getItemAtIndex">getItemAtIndex</a>, <a href="#m-insertItemAt">insertItemAt</a>, <a href="#m-removeAllItems">removeAllItems</a>, <a href="#m-removeItemAt">removeItemAt</a>, <a href="#m-menulist.select">select</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre> <menulist> - <menupopup> - <menuitem label="option 1" value="1"/> - <menuitem label="option 2" value="2"/> - <menuitem label="option 3" value="3"/> - <menuitem label="option 4" value="4"/> - </menupopup> - </menulist> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-disableautoselect"> - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-editable"> - -</div> -<div id="a-focused"> - -</div> -<div id="a-image"> - -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-oncommand"> - -<dl><dt> <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Ce gestionnaire d'évènement est appelé lorsque la commande est activée. Cela se produit quand un utilisateur sélectionne un élément de menu ou active un raccourci clavier attaché à la commande. -</dd></dl> - - -</div> -<div id="a-open"> - -<dl><dt> <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les boutons de <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> <code>menu</code>, l'attribut <code>open</code> est défini à <code>true</code> lorsque le menu est ouvert. L'attribut <code>open</code> n'est pas présent si le menu est fermé. -</dd></dl> - - -</div> -<div id="a-preference"> - -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> de l'élément. -</dd></dl> - - -</div> -<div id="a-readonly"> - -<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément. Cependant, celle-ci peut toujours être modifiée par un script. -</dd></dl> - - -</div> -<div id="a-sizetopopup"> - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-description"></div> -<div id="p-disableautoselect"></div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-editable"></div> -<div id="p-editor"></div> -<div id="p-menulist.image"></div> -<div id="p-menulist.inputField"></div> -<div id="p-itemCount"></div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-menuBoxObject"></div> -<div id="p-menupopup"></div> -<div id="p-open"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/open">open</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code>. -</dd></dl> - -</div> -<div id="p-selectedIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Renvoie l'indice de l'élément actuellement sélectionné. Un élément peut être sélectionné en assignant son indice à cette propriété. En lui assignant <code>-1</code>, tous les éléments seront désélectionnés. -</dd></dl> - -</div> -<div id="p-selectedItem"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> -</dt><dd> Type : <i>élément</i> -</dd><dd> Conserve l'élément actuellement sélectionné. Si aucun élément n'est sélectionné, sa valeur sera <code>null</code>. Vous pouvez sélectionner un élément en définissant cette valeur. Un évènement select sera envoyé à cet élément lorsqu'il est sélectionné en modifiant cette propriété, la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code>, ou par l'utilisateur. -</dd></dl> - -</div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> - - - - - - - - - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULMenuListElement">nsIDOMXULMenuListElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/menupopup/index.html b/files/fr/archive/mozilla/xul/menupopup/index.html deleted file mode 100644 index b71b919590..0000000000 --- a/files/fr/archive/mozilla/xul/menupopup/index.html +++ /dev/null @@ -1,229 +0,0 @@ ---- -title: menupopup -slug: Archive/Mozilla/XUL/menupopup -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/menupopup ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un conteneur utilisé pour afficher le contenu d'un menu popup. Lorsqu'un menupopup est ouvert, il flotte par dessus la fenêtre et peut s'étendre en dehors de celle-ci. Les menupopups peuvent être utilisés de plusieurs manières : -</p> -<ol><li> On peut les placer dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> ou <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> avec l'attribut <a href="#a-type">type</a> défini à « menu » pour créer un popup qui s'ouvrira lors d'un clic sur le bouton ou menu. -</li><li> On peut les attacher à n'importe quel élément à l'aide de l'attribut <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>. Lors d'un clic gauche sur l'élément, le menupopup sera affiché. -</li><li> On peut les attacher à n'importe quel élément à l'aide de l'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>. Lors de l'ouverture d'un menu contextuel, le menupopup sera affiché. Un menu contextuel peut être ouvert par un clic droit sur l'élément ou l'appui sur la touche menu du clavier. </li></ol> -<p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Barres_de_menus_simples">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-ignorekeys">ignorekeys</a>, <a href="#a-popup.left">left</a>, <a href="#a-onpopuphidden">onpopuphidden</a>, <a href="#a-onpopuphiding">onpopuphiding</a>, <a href="#a-onpopupshowing">onpopupshowing</a>, <a href="#a-onpopupshown">onpopupshown</a>, <a href="#a-popup.position">position</a>, <a href="#a-popup.top">top</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-popupBoxObject">popupBoxObject</a>, <a href="#p-popup">popup</a>, <a href="#p-state">state</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-hidePopup">hidePopup</a>, <a href="#m-moveTo">moveTo</a>, <a href="#m-openPopup">openPopup</a>, <a href="#m-openPopupAtScreen">openPopupAtScreen</a>, <a href="#m-showPopup">showPopup</a>, <a href="#m-sizeTo">sizeTo</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>L'exemple suivant montre l'attachement d'un menupopup à un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>. -</p> -<pre><menulist> - <menupopup> - <menuitem label="Mozilla" value="http://mozilla.org"/> - <menuitem label="Slashdot" value="http://slashdot.org"/> - <menuitem label="Sourceforge" value="http://sf.net"/> - <menuitem label="Freshmeat" value="http://freshmeat.net"/> - </menupopup> -</menulist> -</pre> -<p>L'exemple qui suit montre l'utilisation d'un menupopup comme menu contextuel d'un élément. Lors d'un clic droit sur le label, le menu sera affiché. -</p> -<div class="float-right"><img alt="Image:XUL_ref_popup.png"></div> -<pre><menupopup id="clipmenu"> - <menuitem label="Couper"/> - <menuitem label="Copier"/> - <menuitem label="Coller"/> -</menupopup> -<label value="Clic droit pour ouvrir un popup" context="clipmenu"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-ignorekeys"> - -</div> -<div id="a-popup.left"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.left">left</a> -</dt><dd> Type : <i>entier</i> -</dd><dd> Remplace la position horizontale du popup spécifiée par la méthode <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPopup">showPopup</a></code></span>. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-onpopuphidden"> - -<dl><dt> <code id="a-onpopuphidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphidden">onpopuphidden</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après qu'il a été caché. <span class="comment"><a class=" external" href="http://www.langue-fr.net/index/A/apres-que.htm" rel="freelink">http://www.langue-fr.net/index/A/apres-que.htm</a></span> -</dd></dl> - - -</div> -<div id="a-onpopuphiding"> - -<dl><dt> <code id="a-onpopuphiding"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphiding">onpopuphiding</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup lorsqu'il est sur le point d'être masqué. -</dd></dl> - - -</div> -<div id="a-onpopupshowing"> - -<dl><dt> <code id="a-onpopupshowing"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshowing">onpopupshowing</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup juste avant son ouverture. On l'utilise généralement pour définir dynamiquement le contenu lorsque l'utilisateur demande son affichage. Si ce gestionnaire d'évènement renvoie <code>false</code>, le popup ne s'affichera pas. -</dd></dl> - - -</div> -<div id="a-onpopupshown"> - -<dl><dt> <code id="a-onpopupshown"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshown">onpopupshown</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après son ouverture, de la même manière qu'un évènement <code>onload</code> est envoyé à une fenêtre à son ouverture. -</dd></dl> - - -</div> -<div id="a-popup.position"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.position">position</a> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'attribut <code>position</code> détermine où le popup apparaît par rapport à l'élément sur lequel l'utilisateur a cliqué pour l'invoquer. C'est ce qui permet de placer le popup sur le bord d'un bouton. -</dd></dl> -<ul><li> <code>after_start</code> : Le popup apparait en dessous l'élément avec le coin supérieur gauche du popup aligné avec le coin inférieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. Cette valeur est typiquement uilisée pour les menus déroulants. -</li><li> <code>after_end</code> : Le popup apparait en dessous l'élément avec le coin supérieur droit du popup aligné avec le coin inférieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_start</code> : Le popup apparait au dessus de l'élément avec le coin inférieur gauche du popup aligné avec le coin supérieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_end</code> : Le popup apparait au dessus de l'élément avec le coin inférieur droit du popup aligné avec le coin supérieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_after</code> : Le popup apparait à la droite de l'élément avec le coin inférieur gauche du popup aligné avec le coin inférieur droit de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_before</code> : Le popup apparait à la droite de l'élément avec le coin supérieur gauche du popup aligné avec le coin supérieur droit de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_after</code> : Le popup apparait à la gauche de l'élément avec le coin inférieur droit du popup aligné avec le coin inférieur gauche de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_before</code> : Le popup apparait à la gauche de l'élément avec le coin supérieur droit du popup aligné avec le coin supérieur gauche de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>overlap</code> : Le popup apparait par dessus l'élément avec les coins supérieurs gauches alignés. -</li><li> <code>at_pointer</code> : Le popup apparait à la position du pointeur de la souris. -</li><li> <code>after_pointer</code> : Le popup apparait à la même position horizontale que le pointeur de la souris, mais verticalement, il est placé juste sous l'élément. -</li></ul> - - -</div> -<div id="a-popup.top"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.top">top</a> -</dt><dd> Type : <i>entier</i> -</dd><dd> Remplace la position verticale du popup spécifiée par la méthode <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPopup">showPopup</a></code></span>. -</dd></dl> -<p><br> -</p> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-popupBoxObject"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/popupBoxObject">popupBoxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a></i> -</dd><dd> Cette propriété en lecture seule conserve le <a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a> qui implémente le popup. Il n'est normalement pas nécessaire d'utiliser cette propriété étant donné que toutes ses fonctions sont disponibles via le popup lui-même. -</dd></dl> - -</div> -<div id="p-position"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/position">position</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <a href="fr/XUL/Attributs/popup.position">position</a>. -</dd></dl> - -</div> -<div id="p-state"> -<dl><dt> <code><span><a href="http://api/fr/docs/XUL/Propri%C3%A9t%C3%A9s/state">state</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cette propriété en lecture seule indique si le popup est ouvert ou non. Quatre valeurs sont possibles : -</dd></dl> -<ul><li> <code>closed</code> : Le popup est fermé et non visible. -</li><li> <code>open</code> : Le popup est ouvert et visible sur l'écran. -</li><li> <code>showing</code> : Une requête a été faite pour ouvrir le popup, mais il n'a pas encore été affiché. Cet état se produit durant l'évènement <code>popupshowing</code>. -</li><li> <code>hiding</code> : Le popup est sur le point d'être masqué. Cet état se produit durant l'évènement <code>popuphiding</code>. -</li></ul> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> -<dl><dt> <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/hidePopup">hidePopup()</a></code></span></dt> -<dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Ferme le popup immédiatement. -</dd></dl> -<dl><dt> <span id="m-moveTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/moveTo">moveTo( x, y )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Déplace le popup vers un nouvel emplacement. -</dd></dl> -<dl><dt> <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/openPopup">openPopup( anchor , position , x , y , isContextMenu, attributesOverride )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup relativement à un nœud spécifié à un emplacement spécifique. -</p><p>Le popup peut soit être ancré à un autre nœud ou ouvert librement. Pour ancrer un popup à un nœud, fournissez un nœud d'accrochage dans le paramètre <code>anchor</code> et définissez la <code>position</code> par une chaîne indiquant la manière dont le popup doit être ancré. -</p><p>Les valeurs possibles pour le paramètre <code>position</code> sont : before_start, before_end, after_start, after_end, start_before, start_after, end_before, end_after, overlap, after_pointer -</p><p>Le nœud d'accrochage ne doit pas nécessairement être dans le même document que le popup. -</p><p>Si le paramètre <code>attributesOverride</code> vaut <code>true</code>, l'attribut <code>position</code> sur le nœud popup a priorité sur la valeur du paramètre <code>position</code>. Si <code>attributesOverride</code> vaut <code>false</code>, l'attribut n'est utilisé que si le paramètre <code>position</code> est vide. -</p><p>Pour un popup ancré, les paramètres <code>x</code> et <code>y</code> peuvent être utilisés pour décaler le popup de sa position d'ancrage de quelques pixels (mesurés en pixels CSS). -</p><p>Les popups non ancrés peuvent être créés en fournissant <code>null</code> comme paramètre <code>anchor</code>. Un popup non ancré apparait à la position spécifiée par <code>x</code> et <code>y</code> relativement à la zone visible (viewport) du document contenant le nœud popup. Dans ce cas, les paramètres <code>position</code> et <code>attributesOverride</code> sont ignorés. -</p> -<dl><dt> <span id="m-openPopupAtScreen"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/openPopupAtScreen">openPopupAtScreen( x, y, isContextMenu )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup à une position spécifique sur l'écran spécifiée par <code>x</code> et <code>y</code>. Cette position peut être ajustée s'il s'avère qu'elle provoquerait l'apparition du popup en dehors de l'écran. Les coordonnées <code>x</code> et <code>y</code> sont mesurées en pixels CSS. -</p> -<dl><dt> <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPopup">showPopup( element, x, y, popupType, anchor, align )</a></code></span> <span style="border: 1px solid #9898F0; background-color: #DDDDFF; font-size: 9px; vertical-align: text-top;">Déprécié dans Mozilla 1.9</span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Ouvre un élément popup. Deux moyens de spécifier l'emplacement où s'affichera la fenêtre popup existent, soit en spécifiant une position spécifique de l'écran, soit par rapport à un autre élément de la fenêtre. Si <var>x</var> ou <var>y</var> sont définies par une valeur, le popup apparaîtra aux coordonnées (<var>x</var>,<var>y</var>) de l'écran. Si <var>x</var> et <var>y</var> sont définies à <code>-1</code>, le popup sera positionné par rapport à l'<var>element</var> spécifié dans le premier paramètre. C'est cette dernière méthode qu'il faut utiliser, par exemple, pour afficher un popup sous un bouton. Dans ce cas, les paramètres <var>anchor</var> et <var>align</var> peuvent être utilisés pour contrôler plus avant l'endroit où apparaîtra le popup par rapport à l'élément. Le paramètre <var>anchor</var> correspond à l'attribut <code id="a-popupanchor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popupanchor">popupanchor</a></code> de l'élément et le paramètre <var>align</var> correspond à l'attribut <code id="a-popupalign"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popupalign">popupalign</a></code>. Les paramètres <var>anchor</var> et <var>align</var> sont ignorés si ni <var>x</var> ni <var>y</var> ne valent <code>-1</code>. -</dd></dl> -<dl><dd> Pour qu'un popup apparaisse à une position relative à un autre élément tout en étant décalé de quelques pixels, déterminez la position réelle de l'élément à l'aide de ses propriétés <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/boxObject">boxObject</a></span></code>.screenX et <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/boxObject">boxObject</a></span></code>.screenY, et utilisez celles-ci comme paramètres <var>x</var> et <var>y</var> en y ajoutant les décalages souhaités. -</dd></dl> -<dl><dd> Le paramètre <var>popupType</var> doit être une des chaînes <code>popup</code>, <code>context</code> ou <code>tooltip</code>. Chaque type de popup est destiné à être affiché temporairement ; ils ne sont pas censés être affichés de façon permanente. On ne peut afficher qu'un popup à la fois. -</dd></dl> -<dl><dt> <span id="m-sizeTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/sizeTo">sizeTo( <i>largeur</i>, <i>hauteur</i> )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Modifie la taille actuelle de la fenêtre popup avec les nouvelles dimensions <var>largeur</var> et <var>hauteur</var>. -</dd></dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments </dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> </dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULPopupElement">nsIDOMXULPopupElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/menuseparator/index.html b/files/fr/archive/mozilla/xul/menuseparator/index.html deleted file mode 100644 index 59a1fe1dda..0000000000 --- a/files/fr/archive/mozilla/xul/menuseparator/index.html +++ /dev/null @@ -1,242 +0,0 @@ ---- -title: menuseparator -slug: Archive/Mozilla/XUL/menuseparator -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/menuseparator ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Utilisé pour créer un séparateur entre des éléments de menu. Typiquement affiché sous la forme d'une fine ligne. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Barres_de_menus_simples">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-acceltext">acceltext</a>, <a href="#a-accesskey">accesskey</a>, <a href="#a-allowevents">allowevents</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-disabled">disabled</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-selected">selected</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-accessKey">accessKey</a>, <a href="#p-command">command</a>, <a href="#p-menuitem.control">control</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-image">image</a>, <a href="#p-label">label</a>, <a href="#p-labelElement">labelElement</a>, <a href="#p-parentContainer">parentContainer</a>, <a href="#p-selected">selected</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre><menu label="Aide"> - <menupopup> - <menuitem label="Rubriques d'aide"/> - <menuseparator/> - <menuitem label="Notes de version"/> - </menupopup> -</menu> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-acceltext"> - -<dl> - <dt> - <code id="a-acceltext"><a href="http://api/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code></dt> - <dd> - Type : <i>chaîne de caractères</i></dd> - <dd> - Texte qui apparaîtra à côté du label d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> pour indiquer la touche de raccourci (accélérateur) à utiliser pour invoquer la commande. Si cette valeur est définie, elle écrase une clé assignée dans l'attribut <code>key</code>. Cet attribut ne s'applique pas aux menus directement sur la Barre de menus (<code>menubar</code>).</dd> -</dl> -</div> -<div id="a-accesskey"> - -<dl><dt> <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code></dt> -<dd> Type : <i>caractère</i> -</dd><dd> Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut <code><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code></code> de l'élément. </dd></dl> -<h4 id="Exemple" name="Exemple"> Exemple </h4> -<div class="float-right"><img alt="Image:XUL_ref_accesskey_attr.png"></div> -<pre><vbox> - <label value="Entrez votre nom" accesskey="e" control="myName"/> - <textbox id="myName"/> - <button label="Annuler" accesskey="n"/> - <button label="OK" accesskey="O"/> -</vbox> -</pre> -<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4> -<p>Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> -</p> -</div> -<div id="a-allowevents"> - -<dl><dt> <code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, les évènements sont passés aux enfants de l'élément. Dans le cas contraire, ils ne sont passés qu'à l'élément lui-même. -</dd></dl> - - -</div> -<div id="a-command"> - -<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Défini à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> observé par l'élément. -</dd></dl> - - -</div> -<div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-image"> - -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-selected"> - -<dl><dt> <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est sélectionné ou non. Cette valeur est en lecture seule. Pour changer la sélection, utilisez la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> ou <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> de l'élément conteneur. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-accessKey"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-command"></div> -<div id="p-menuitem.control"></div> -<div id="p-crop"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-image"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/image">image</a></span></code> -</dt><dd> Type : <i>URL d'image</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. -</dd></dl> - -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-labelElement"></div> -<div id="p-parentContainer"></div> -<div id="p-selected"> - -<dl> -<dt><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selected">selected</a></span></code> </dt> -<dd>Type : <i>booléen</i></dd> -<dd>La valeur de cette propriété est <code>true</code> si cet élément est sélectionné, ou <code>false</code> s'il ne l'est pas. Cette propriété est en lecture seule.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULContainerItemElement">nsIDOMXULContainerItemElement</a>, <a href="fr/NsIDOMXULSelectControlItemElement">nsIDOMXULSelectControlItemElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/modification_dynamique_d'interfaces_utilisateur_en_xul/index.html b/files/fr/archive/mozilla/xul/modification_dynamique_d'interfaces_utilisateur_en_xul/index.html deleted file mode 100644 index 5275b8d97f..0000000000 --- a/files/fr/archive/mozilla/xul/modification_dynamique_d'interfaces_utilisateur_en_xul/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: Modification dynamique d'interfaces utilisateur en XUL -slug: Archive/Mozilla/XUL/Modification_dynamique_d'interfaces_utilisateur_en_XUL -tags: - - DOM - - Extensions - - NeedsUpdate - - XUL -translation_of: Archive/Mozilla/XUL/Dynamically_modifying_XUL-based_user_interface ---- -<p>Cet article traite de la manipulation d'interfaces en <a href="fr/XUL">XUL</a>, à l'aide du <a href="fr/DOM">DOM</a> et d'autres API. Il explique le concept des<em>documents</em> DOM, présente quelques exemples simples d'appels DOM utilisés pour effectuer des manipulations basiques sur un document, et ensuite la façon de travailler avec du<em>contenu <a href="fr/XBL">XBL</a> anonyme</em> à l'aide de méthodes spécifiques à Mozilla.</p> - -<p>Il est écrit pour des développeurs XUL débutants et de niveau moyen. Nous supposons que le lecteur a des connaissances de base à la fois en XUL et en JavaScript. Il peut également être intéressant de consulter quelques documents d'introduction relatifs au DOM, comme l'article <a href="fr/%c3%80_propos_du_Document_Object_Model">À propos du Document Object Model</a> ou la <a href="fr/R%c3%a9f%c3%a9rence_du_DOM_Gecko/Introduction">page d'introduction</a> de la <a href="fr/R%c3%a9f%c3%a9rence_du_DOM_Gecko">Référence du DOM Gecko</a>.</p> - -<h3 id="Introduction" name="Introduction">Introduction</h3> - -<p>Comme vous le savez, <a href="fr/XUL">XUL</a> est un langage <a href="fr/XML">XML</a> utilisé dans plusieurs applications basées sur Mozilla, comme Firefox et Thunderbird, pour décrire l'interface utilisateur. Dans les applications XUL, <a href="fr/JavaScript">JavaScript</a> définit le comportement, à l'aide des <a href="fr/R%c3%a9f%c3%a9rence_du_DOM_Gecko">API DOM</a> pour accéder au document XUL.</p> - -<p>En quoi consistent ces API DOM ?</p> - -<p>Ce sont les interfaces utilisées dans toute interaction entre un script et un document. Si vous avez écrit n'importe quel script interagissant avec un document XUL (ou HTML), vous avez déjà utilisé des appels DOM. La méthode DOM la plus connue est probablement <code><a href="fr/DOM/document.getElementById">document.getElementById</a>()</code>, qui renvoie un élément depuis son <code>id</code>. Vous avez peut-être utilisé d'autres appels, comme <code><a href="fr/DOM/element.setAttribute">element.setAttribute</a>()</code>, ou, si vous avez écrit une extension, la méthode <code><a href="fr/DOM/element.addEventListener">addEventListener</a>()</code>. Toutes celles-ci sont définies dans le DOM.</p> - -<p>D'autres méthodes DOM permettent également de créer, déplacer ou supprimer des éléments d'un document. Celles-ci seront présentées dans une section ultérieure. Pour l'instant, préoccupons-nous de ce qu'est un<em>document</em> .</p> - -<h3 id="D.C3.A9finition_d.27un_document" name="D.C3.A9finition_d.27un_document">Définition d'un document</h3> - -<p>Un document est une structure de données manipulée à l'aide des API DOM. Une structure logique de tout élément est un arbre, dont les nœuds sont les éléments, attributes, instructions de traitement, commentaires, etc. Utilisez l'outil <a href="fr/Inspecteur_DOM">Inspecteur DOM</a> pour voir la représentation sous forme d'arbre de n'importe quel document. <span class="comment">Todo: simple example of a XUL document and a tree</span></p> - -<p>Vous pouvez penser à un document comme à une représentation en mémoire de HTML valide ou de XML bien formé (en ce compris du XUL).</p> - -<p>Il est important de se souvenir de différentes pages Web (et même différentes instances de la même page Web) correspondent à différents documents. Chaque fenêtre XUL possède son propre document distinct, et il peut même y avoir un certain nombre de documents différents dans une même fenêtre, lorsqu'uil y a des élements <code><iframe></code>, <code><browser></code>, ou encore <code><tabbrowser></code>. Vous devez vous assurer de toujours manipuler le bon document. (Consultez <a href="fr/Travailler_avec_des_fen%c3%aatres_dans_le_chrome">Travailler avec des fenêtres dans le chrome</a> pour en savoir plus.) Lorsque votre script est inclus à l'aide d'une balise <code><script></code>, la propriété <code>document</code> référence le document DOM dont le script fait partie.</p> - -<h3 id="Exemples__utilisation_de_m.C3.A9thodes_DOM" name="Exemples_:_utilisation_de_m.C3.A9thodes_DOM">Exemples : utilisation de méthodes DOM</h3> - -<p>Cette section présente l'utilisation des méthodes DOM <code>appendChild()</code>, <code>createElement()</code>, <code>insertBefore()</code>, et <code>removeChild()</code>.</p> - -<h4 id="Suppression_de_tous_les_enfants_d.27un_.C3.A9l.C3.A9ment" name="Suppression_de_tous_les_enfants_d.27un_.C3.A9l.C3.A9ment">Suppression de tous les enfants d'un élément</h4> - -<p>Cet exemple supprime tous les enfants d'un élément dont l'id est <code>"unCertainElement"</code> du document courant, en appelant la méthode <code>removeChild()</code> pour supprimer le premier enfant et ce jusqu'à ce que plus aucun d'entre-eux ne reste.</p> - -<p>Notez que <code>hasChildNodes()</code> et <code>firstChild</code> font également partie de l'API DOM.</p> - -<pre class="eval">var element = document.getElementById("unCertainElement"); -while(element.hasChildNodes()) - element.removeChild(element.firstChild); -</pre> - -<h4 id="Insertion_d.27.C3.A9l.C3.A9ments_de_menu_dans_un_menu" name="Insertion_d.27.C3.A9l.C3.A9ments_de_menu_dans_un_menu">Insertion d'éléments de menu dans un menu</h4> - -<p>Cet exemple ajoute deux nouveaux élements de menu à un <code><menupopup></code>, au début et à la fin de celui-ci. Il utilise la méthode <code>document.createElementNS()</code> pour créer les éléments, et <code>insertBefore()</code> avec <code>appendChild()</code> pour insérer les éléments créés dans le document.</p> - -<p>Notes :</p> - -<ul> - <li><code>document.createElementNS()</code> crée un élément, mais ne le place nulle part dans le document. Il faut utiliser d'autres méthodes DOM, comme <code>appendChild()</code> pour insérer l'élément nouvellement créé dans le document.</li> - <li><code>appendChild()</code> ajoute le nœud après tous les autres nœuds, tandis que <code>insertBefore()</code> l'insère avant le nœud référencé dans son second paramètre.</li> -</ul> - -<pre class="eval">function createMenuItem(aLabel) { - const XUL_NS = "<a class="external" href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="freelink">http://www.mozilla.org/keymaster/gat...re.is.only.xul</a>"; - var item = document.createElementNS(XUL_NS, "menuitem"); // crée un nouvel élément de menu XUL - item.setAttribute("label", aLabel); - return item; -} -var popup = document.getElementById("myPopup"); // un élément <menupopup> -var first = createMenuItem("Premier choix"); -var last = createMenuItem("Dernier choix"); -popup.insertBefore(first, popup.firstChild); -popup.appendChild(last); -</pre> - -<p>Il est également possible d'utiliser <code>appendChild()</code> et <code>insertBefore()</code> pour déplacer des éléments existants. Par exemple, vous pouvez déplacer l'élément nommé « First item » vers la fin du menu en ajoutant cette ligne à la fin du bout de code ci-dessus :</p> - -<pre class="eval">popup.appendChild(first); -</pre> - -<p>Cette instruction supprimerait le nœud de sa position courante dans le document et le réinsèrerait à la fin du menu.</p> - -<h3 id="Contenu_anonyme_.28XBL.29" name="Contenu_anonyme_.28XBL.29">Contenu anonyme (XBL)</h3> - -<p><a href="fr/XBL">XBL</a> est le langage utilisé dans Mozilla pour définir de nouveaux éléments d'interface. Ces outils définis en XBL peuvent choisir de définir un certain contenu qui sera inséré dans l'élément conteneur lorsque la liaison (binding) est attachée. Ce contenu, appelé<em>contenu anonyme</em> , n'est pas accessible à travers les méthodes DOM normales.</p> - -<p>Il est nécessaire d'utiliser les méthodes de l'interface <code><a href="fr/NsIDOMDocumentXBL">nsIDOMDocumentXBL</a></code> à la place. Par exemple :</p> - -<pre class="eval">// récupère le premier enfant anonyme du nœud donné -document.getAnonymousNodes(node)[0]; - -// renvoie une NodeList d'éléments anonymes dont l'attribut anonid vaut el1 -document.getAnonymousElementByAttribute(node, "anonid", "el1"); -</pre> - -<p>Une fois que vous avez une référence à un nœud anonyme, vous pouvez utiliser les méthodes DOM normales pour naviguer et manipuler les autres nœuds de cette liaison XBL.</p> - -<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3> - -<ul> - <li><a href="fr/Tutoriel_XUL/Modification_d'une_interface_XUL">Tutoriel XUL:Modification d'une interface XUL</a></li> -</ul> diff --git a/files/fr/archive/mozilla/xul/modifications_xul_pour_firefox_1.5/index.html b/files/fr/archive/mozilla/xul/modifications_xul_pour_firefox_1.5/index.html deleted file mode 100644 index 851dd7ae7a..0000000000 --- a/files/fr/archive/mozilla/xul/modifications_xul_pour_firefox_1.5/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: Modifications XUL pour Firefox 1.5 -slug: Archive/Mozilla/XUL/Modifications_XUL_pour_Firefox_1.5 -tags: - - XUL -translation_of: Archive/Mozilla/XUL/XUL_Changes_for_Firefox_1.5 ---- -<p> -</p><p>Cette page répertorie les modifications les plus remarquables au <a href="fr/XUL">XUL</a> dans <a href="fr/Firefox_1.5">Firefox 1.5</a> (<a href="fr/Gecko">Gecko</a> 1.8). Pour les autres changements à connaître, voir <a href="fr/Adaptation_des_applications_XUL_pour_Firefox_1.5">Adaptation des applications XUL pour Firefox 1.5</a>. -</p> -<h3 id="<scrollcorner>"> <code><scrollcorner></code> </h3> -<p>Un nouvel élément <scrollcorner> sert à créer une petite boîte à l'intersection entre les ascenseurs horizontal et vertical. -</p> -<h3 id="<richlistbox>_et_<richlistitem>"> <code><richlistbox></code> et <code><richlistitem></code> </h3> -<p>Les éléments <richlistbox> et <richlistitem> sont utilisés pour la création de liste avec du contenu arbitraire. Cet élément fonctionne de manière similaire à <listbox> qui est principalement dédié aux listes de texte. Le <richlistbox> supporte presque la même API que le <listbox> et des items uniques créés avec l'élément <richlistitem> peuvent y être sélectionnés. Consultez <a href="fr/XUL/Richlistbox">XUL:Richlistbox</a> pour plus d'information. -</p> -<h3 id="Système_de_préférences"> Système de préférences </h3> -<p>Plusieurs éléments ont été ajoutés pour la création de fenêtre de gestion des préférences. Ces fenêtres sont des types spéciaux de boîtes de dialogues supportant plusieurs panneaux qui peuvent être contenus dans le même fichier ou des fichiers séparés. Une série d'icônes apparaîtront en haut de la boîte de dialogue pour permettre à l'utilisateur de changer de panneaux. En plus de ces nouveaux éléments, quelques attributs supplémentaires pour des éléments existants ont été ajoutés pour rendre plus simple la configuration de préférences sans avoir à utiliser de code. Pour plus d'information, consultez <a href="fr/Syst%c3%a8me_de_pr%c3%a9f%c3%a9rences">Système de préférences</a>. -</p> -<h3 id="bfcache"> <code>bfcache</code> </h3> -<p>Mozilla <a href="fr/Utilisation_du_cache_de_Firefox_1.5">mémorise maintenant les résultats</a> du DOM d'une page, afin de ne pas avoir à recharger la page en navigant vers l'arrière ou vers l'avant, ce qui rend la navigation beaucoup plus efficace. Les évènements <code>pageshow</code> et <code>pagehide</code> sont utilisés lors du basculement vers une page dans le cache, tandis que les évènements <code>load</code> et <code>unload</code> servent uniquement lorsqu'une page est chargée ou déchargée. -</p><p>Pour plus d'information, consultez <a href="fr/Utilisation_du_cache_de_Firefox_1.5">Utilisation du cache de Firefox 1.5 </a> -</p> -<h3 id="tabIndex"> <code>tabIndex</code> </h3> -<p>La propriété <code>tabIndex</code> s'applique maintenant à plus d'éléments. -</p> -<h3 id="<radiogroup>"> <code><radiogroup></code> </h3> -<p>L'affectation de la propriété <code>value</code> sur un élément <radiogroup> sélectionne directement l'élément <radio> du groupe ayant la valeur correspondante. -</p> -<h3 id="Boîte_de_dialogue_propriété_defaultButton"> Boîte de dialogue : propriété <code>defaultButton</code> </h3> -<p>La liaison <code><dialog></code> supporte maintenant la propriété <code>defaultButton</code>. L'affectation de cette propriété modifie le bouton par défaut de la boîte de dialogue. Il peut être défini soit à l'un des boutons de la liaison <code><dialog></code> (en utilisant leurs noms) ou soit à <code>none</code> auquel cas aucun bouton ne sera défini par défaut. -</p> -<h3 id="Bouton_propriété_icon"> Bouton : propriété <code>icon</code> </h3> -<p>La propriété <code>icon</code> d'un bouton peut servir à définir un stock d'icônes prédéfinies sur un bouton et utilisées sur certaines plateformes. Par exemple, <code><button icon="help"></code> va créer un bouton avec une icône d'aide. Les systèmes GNOME utilisent habituellement cette pratique où les valeurs possibles sont : -</p><p><code>accept</code>, <code>cancel</code>, <code>help</code>, <code>open</code>, <code>save</code>, <code>find</code>, <code>clear</code>, <code>yes</code>, <code>no</code>, <code>apply</code>, <code>close</code>, <code>print</code>, <code>add</code>, <code>remove</code>, <code>refresh</code>, <code>go-forward</code>, <code>go-back</code>, <code>properties</code>, <code>select-font</code>, <code>select-color</code>, <code>network</code>. -</p> -<h3 id="<menulist>"> <code><menulist></code> </h3> -<p>Les items dans un <menulist> supporte l'attribut <code>description</code> permettant d'inclure du texte descriptif à côté du libellé d'un item. Les méthodes <code>appendItem</code> et <code>insertItemAt</code> utilisées pour pour la création d'items dans un menulist prennent un argument supplémentaire pour cette description. -</p> -<h3 id="<stringbundle>"> <code><stringbundle></code> </h3> -<p>L'élément <stringbundle> a une propriété <code>strings</code> servant à récupérer une énumération de toutes les chaînes de caractères dans le bundle. -</p> -<h3 id="Onglets_repositionnables"> Onglets repositionnables </h3> -<p>L'utilisateur peut maintenant réarranger les onglets de navigation en les faisant glisser. -</p> -<h3 id="<tabbox>"> <code><tabbox></code> </h3> -<p>L'élément <code><tabbox></code> supporte maintenant l'attribut <code>selectedIndex</code> pour définir l'onglet sélectionné par défaut. -</p> -<h3 id="Chargement_dynamique_des_overlays"> Chargement dynamique des overlays </h3> -<p>XUL supporte maintenant le chargement dynamique des <a href="fr/XUL_Overlays">overlays</a> grâce à la fonction <code><a href="fr/Document.loadOverlay">document.loadOverlay</a></code>. -</p> -<div class="originaldocinfo"> -<h3 id="Informations_sur_le_document_d'origine"> Informations sur le document d'origine </h3> -<ul><li> Auteur(s) : Neil Deakin -</li><li> Traducteur(s) : Alain B. -</li></ul> -</div> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/blur/index.html b/files/fr/archive/mozilla/xul/méthodes/blur/index.html deleted file mode 100644 index c8078d98c9..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/blur/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: blur -slug: Archive/Mozilla/XUL/Méthodes/blur -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/blur ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Si le focus est sur l'élément, il sera retiré. Le focus n'est placé automatiquement sur aucun autre élément. Utilisé essentiellement pour appeler le gestionnaire d'évènement <code>onblur</code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/click/index.html b/files/fr/archive/mozilla/xul/méthodes/click/index.html deleted file mode 100644 index ef23173bfb..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/click/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: click -slug: Archive/Mozilla/XUL/Méthodes/click -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/click ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Appelle le gestionnaire d'évènement <code>onclick</code> pour l'élément. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/decrease/index.html b/files/fr/archive/mozilla/xul/méthodes/decrease/index.html deleted file mode 100644 index 7e3bc38bfd..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/decrease/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: decrease -slug: Archive/Mozilla/XUL/Méthodes/decrease -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/decrease ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<div class="noinclude"> - <dl> - <dd> - Méthode de : <code><a href="/fr/docs/Mozilla/Tech/XUL/scale" title="scale">scale</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code></dd> - </dl> -</div> -<dl> - <dt> - <span id="m-decrease"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/decrease">decrease()</a></code></span></dt> - <dd> - Type de retour : - <i> - aucune valeur de retour</i> - </dd> - <dd> - Diminue la valeur de<magic name="\"PAGENAME\"/"> la boîte numérique l'échelle, l'échelle ou la boîte numérique</magic> de la valeur de l'incrément.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/méthodes/decreasepage/index.html b/files/fr/archive/mozilla/xul/méthodes/decreasepage/index.html deleted file mode 100644 index 3d83d6c860..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/decreasepage/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: decreasePage -slug: Archive/Mozilla/XUL/Méthodes/decreasePage -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/decreasePage ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-decreasePage"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/decreasePage">decreasePage()</a></code></span></dt><div class="noinclude"> -<dd> Méthode de : <code><a href="/fr/docs/Mozilla/Tech/XUL/scale" title="scale">scale</a></code></dd></div> -<dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Diminue la valeur de l'échelle de la valeur de <code>pageIncrement</code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/docommand/index.html b/files/fr/archive/mozilla/xul/méthodes/docommand/index.html deleted file mode 100644 index 362e53a578..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/docommand/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: doCommand -slug: Archive/Mozilla/XUL/Méthodes/doCommand -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/doCommand ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Exécute l'évènement <code>command</code> pour l'élément. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/focus/index.html b/files/fr/archive/mozilla/xul/méthodes/focus/index.html deleted file mode 100644 index 9f936eba19..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/focus/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: focus -slug: Archive/Mozilla/XUL/Méthodes/focus -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/focus ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Assigne le focus à l'élément, si celui-ci peut l'accepter. Le gestionnaire d'évènement <code>onfocus</code> est appelé. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/getelementsbyattribute/index.html b/files/fr/archive/mozilla/xul/méthodes/getelementsbyattribute/index.html deleted file mode 100644 index 1eceb74073..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/getelementsbyattribute/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: getElementsByAttribute -slug: Archive/Mozilla/XUL/Méthodes/getElementsByAttribute -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/getElementsByAttribute ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute( attrib, value )</a></code></span> -</dt><dd> Type de retour : <i>liste de nœuds DOM (NodeList)</i> -</dd><dd> Renvoie un tableau contenant tous les éléments enfants de l'élément disposant de l'attribut donné comme premier paramètre avec la valeur donnée comme second paramètre. Si le second paramètre est « * », l'attribut peut avoir n'importe quelle valeur. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/getrowcount/index.html b/files/fr/archive/mozilla/xul/méthodes/getrowcount/index.html deleted file mode 100644 index 3ffe5f059b..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/getrowcount/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: getRowCount -slug: Archive/Mozilla/XUL/Méthodes/getRowCount -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/getRowCount ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getRowCount">getRowCount()</a></code></span> -</dt><dd> Type de retour : <i>entier</i> -</dd><dd> Renvoie le nombre total de lignes dans l'élément, quel que soit le nombre de lignes affichées. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/hasuservalue/index.html b/files/fr/archive/mozilla/xul/méthodes/hasuservalue/index.html deleted file mode 100644 index e0c2b8202f..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/hasuservalue/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: hasUserValue -slug: Archive/Mozilla/XUL/Méthodes/hasUserValue -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/hasUserValue ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-hasUserValue"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/hasUserValue">hasUserValue()</a></code></span> -</dt><dd> Type de retour : <i>booléen</i> -</dd><dd> Renvoie <code>true</code> si la préférence a été modifiée par rapport à sa valeur par défaut. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/hidepopup/index.html b/files/fr/archive/mozilla/xul/méthodes/hidepopup/index.html deleted file mode 100644 index d900d650db..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/hidepopup/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: hidePopup -slug: Archive/Mozilla/XUL/Méthodes/hidePopup -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/hidePopup ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/hidePopup">hidePopup()</a></code></span></dt><div class="noinclude"> -<dd> Méthode de : <code><a href="/fr/docs/Mozilla/Tech/XUL/popup" title="popup">popup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code></dd></div> -<dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Ferme le popup immédiatement. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/increase/index.html b/files/fr/archive/mozilla/xul/méthodes/increase/index.html deleted file mode 100644 index c2308982af..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/increase/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: increase -slug: Archive/Mozilla/XUL/Méthodes/increase -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/increase ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<div class="noinclude"> - <dl> - <dd> - Méthode de : <code><a href="/fr/docs/Mozilla/Tech/XUL/scale" title="scale">scale</a></code> <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code></dd> - </dl> -</div> -<dl> - <dt> - <span id="m-increase"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/increase">increase()</a></code></span></dt> - <dd> - Type de retour : - <i> - aucune valeur de retour</i> - </dd> - <dd> - Augmente la valeur de <magic name="\"PAGENAME\"/">la boîte numérique, XUL:scale = l'échelle, l'échelle ou la boîte numérique</magic> de la valeur de l'incrément.</dd> -</dl> -<p> </p> -<div class="noinclude"> - </div> diff --git a/files/fr/archive/mozilla/xul/méthodes/increasepage/index.html b/files/fr/archive/mozilla/xul/méthodes/increasepage/index.html deleted file mode 100644 index 9d3cbac780..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/increasepage/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: increasePage -slug: Archive/Mozilla/XUL/Méthodes/increasePage -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/increasePage ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-increasePage"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/increasePage">increasePage()</a></code></span></dt><div class="noinclude"> -<dd> Méthode de : <code><a href="/fr/docs/Mozilla/Tech/XUL/scale" title="scale">scale</a></code></dd></div> -<dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Augmente la valeur de l'échelle de la valeur de <code>pageIncrement</code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/index.html b/files/fr/archive/mozilla/xul/méthodes/index.html deleted file mode 100644 index 72e3cb3146..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/index.html +++ /dev/null @@ -1,186 +0,0 @@ ---- -title: Méthodes -slug: Archive/Mozilla/XUL/Méthodes -tags: - - Aide_pour_les_éditeurs_de_MDC - - Méthodes_XUL - - Traduction_en_cours -translation_of: Archive/Mozilla/XUL/Method ---- -<p><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></p> -<ul> - <li><a href="/fr/docs/XUL/Method/acceptDialog">acceptDialog</a></li> - <li><a href="/fr/docs/XUL/Method/addItemToSelection">addItemToSelection</a></li> - <li><a href="/fr/docs/XUL/Method/addPane">addPane</a></li> - <li><a href="/fr/docs/XUL/Method/addProgressListener">addProgressListener</a></li> - <li><a href="/fr/docs/XUL/Method/addSession">addSession</a></li> - <li><a href="/fr/docs/XUL/Method/addTab">addTab</a></li> - <li><a href="/fr/docs/XUL/Method/AddTabsProgressListener">addTabsProgressListener</a></li> - <li><a href="/fr/docs/XUL/Method/advance">advance</a></li> - <li><a href="/fr/docs/XUL/Method/advanceSelectedTab">advanceSelectedTab</a></li> - <li><a href="/fr/docs/XUL/Method/appendCustomToolbar">appendCustomToolbar</a></li> - <li><a href="/fr/docs/XUL/Method/appendGroup">appendGroup</a></li> - <li><a href="/fr/docs/XUL/Method/appendItem">appendItem</a></li> - <li><a href="/fr/docs/XUL/Method/appendNotification">appendNotification</a></li> - <li><a href="/fr/docs/XUL/Method/blur">blur</a></li> - <li><a href="/fr/docs/XUL/Method/cancel">cancel</a></li> - <li><a href="/fr/docs/XUL/Method/cancelDialog">cancelDialog</a></li> - <li><a href="/fr/docs/XUL/Method/centerWindowOnScreen">centerWindowOnScreen</a></li> - <li><a href="/fr/docs/XUL/Method/checkAdjacentElement">checkAdjacentElement</a></li> - <li><a href="/fr/docs/XUL/Method/clearResults">clearResults</a></li> - <li><a href="/fr/docs/XUL/Method/clearSelection">clearSelection</a></li> - <li><a href="/fr/docs/XUL/Method/click">click</a></li> - <li><a href="/fr/docs/XUL/Method/close">close</a></li> - <li><a href="/fr/docs/XUL/Method/collapseToolbar">collapseToolbar</a></li> - <li><a href="/fr/docs/XUL/Method/contains">contains</a></li> - <li><a href="/fr/docs/XUL/Method/decrease">decrease</a></li> - <li><a href="/fr/docs/XUL/Method/decreasePage">decreasePage</a></li> - <li><a href="/fr/docs/XUL/Method/doCommand">doCommand</a></li> - <li><a href="/fr/docs/XUL/Method/ensureElementIsVisible">ensureElementIsVisible</a></li> - <li><a href="/fr/docs/XUL/Method/ensureIndexIsVisible">ensureIndexIsVisible</a></li> - <li><a href="/fr/docs/XUL/Method/ensureSelectedElementIsVisible">ensureSelectedElementIsVisible</a></li> - <li><a href="/fr/docs/XUL/Method/expandToolbar">expandToolbar</a></li> - <li><a href="/fr/docs/XUL/Method/extra1">extra1</a></li> - <li><a href="/fr/docs/XUL/Method/extra2">extra2</a></li> - <li><a href="/fr/docs/XUL/Method/focus">focus</a></li> - <li><a href="/fr/docs/XUL/Method/getBrowserAtIndex">getBrowserAtIndex</a></li> - <li><a href="/fr/docs/XUL/Method/getBrowserForDocument">getBrowserForDocument</a></li> - <li><a href="/fr/docs/XUL/Method/getBrowserForTab">getBrowserForTab</a></li> - <li><a href="/fr/docs/XUL/Method/getBrowserIndexForDocument">getBrowserIndexForDocument</a></li> - <li><a href="/fr/docs/XUL/Method/getButton">getButton</a></li> - <li><a href="/fr/docs/XUL/Method/getDefaultSession">getDefaultSession</a></li> - <li><a href="/fr/docs/XUL/Method/getEditor">getEditor</a></li> - <li><a href="/fr/docs/XUL/Method/getElementsByAttribute">getElementsByAttribute</a></li> - <li><a href="/fr/docs/XUL/Method/getElementsByAttributeNS">getElementsByAttributeNS</a></li> - <li><a href="/fr/docs/XUL/Method/getFormattedString">getFormattedString</a></li> - <li><a href="/fr/docs/XUL/Method/getHTMLEditor">getHTMLEditor</a></li> - <li><a href="/fr/docs/XUL/Method/getIndexOfFirstVisibleRow">getIndexOfFirstVisibleRow</a></li> - <li><a href="/fr/docs/XUL/Method/getIndexOfItem">getIndexOfItem</a></li> - <li><a href="/fr/docs/XUL/Method/getItemAtIndex">getItemAtIndex</a></li> - <li><a href="/fr/docs/XUL/Method/getNextItem">getNextItem</a></li> - <li><a href="/fr/docs/XUL/Method/getNotificationBox">getNotificationBox</a></li> - <li><a href="/fr/docs/XUL/Method/getNotificationWithValue">getNotificationWithValue</a></li> - <li><a href="/fr/docs/XUL/Method/getNumberOfVisibleRows">getNumberOfVisibleRows</a></li> - <li><a href="/fr/docs/XUL/Method/getPageById">getPageById</a></li> - <li><a href="/fr/docs/XUL/Method/getPreviousItem">getPreviousItem</a></li> - <li><a href="/fr/docs/XUL/Method/getResultAt">getResultAt</a></li> - <li><a href="/fr/docs/XUL/Method/getResultCount">getResultCount</a></li> - <li><a href="/fr/docs/XUL/Method/getResultValueAt">getResultValueAt</a></li> - <li><a href="/fr/docs/XUL/Method/getRowCount">getRowCount</a></li> - <li><a href="/fr/docs/XUL/Method/getSearchAt">getSearchAt</a></li> - <li><a href="/fr/docs/XUL/Method/getSelectedItem">getSelectedItem</a></li> - <li><a href="/fr/docs/XUL/Method/getSession">getSession</a></li> - <li><a href="/fr/docs/XUL/Method/getSessionByName">getSessionByName</a></li> - <li><a href="/fr/docs/XUL/Method/getSessionResultAt">getSessionResultAt</a></li> - <li><a href="/fr/docs/XUL/Method/getSessionStatusAt">getSessionStatusAt</a></li> - <li><a href="/fr/docs/XUL/Method/getSessionValueAt">getSessionValueAt</a></li> - <li><a href="/fr/docs/XUL/Method/getString">getString</a></li> - <li><a href="/fr/docs/XUL/Method/goBack">goBack</a></li> - <li><a href="/fr/docs/XUL/Method/goBackGroup">goBackGroup</a></li> - <li><a href="/fr/docs/XUL/Method/goDown">goDown</a></li> - <li><a href="/fr/docs/XUL/Method/goForward">goForward</a></li> - <li><a href="/fr/docs/XUL/Method/goForwardGroup">goForwardGroup</a></li> - <li><a href="/fr/docs/XUL/Method/goHome">goHome</a></li> - <li><a href="/fr/docs/XUL/Method/goTo">goTo</a></li> - <li><a href="/fr/docs/XUL/Method/gotoIndex">gotoIndex</a></li> - <li><a href="/fr/docs/XUL/Method/goUp">goUp</a></li> - <li><a href="/fr/docs/XUL/Method/hidePopup">hidePopup</a></li> - <li><a href="/fr/docs/XUL/Method/increase">increase</a></li> - <li><a href="/fr/docs/XUL/Method/increasePage">increasePage</a></li> - <li><a href="/fr/docs/XUL/Method/insertItem">insertItem</a></li> - <li><a href="/fr/docs/XUL/Method/insertItemAt">insertItemAt</a></li> - <li><a href="/fr/docs/XUL/Method/invertSelection">invertSelection</a></li> - <li><a href="/fr/docs/XUL/Method/loadGroup">loadGroup</a></li> - <li><a href="/fr/docs/XUL/Method/loadOneTab">loadOneTab</a></li> - <li><a href="/fr/docs/XUL/Method/loadTabs">loadTabs</a></li> - <li><a href="/fr/docs/XUL/Method/loadURI">loadURI</a></li> - <li><a href="/fr/docs/XUL/Method/loadURIWithFlags">loadURIWithFlags</a></li> - <li><a href="/fr/docs/XUL/Method/makeEditable">makeEditable</a></li> - <li><a href="/fr/docs/XUL/Method/moveByOffset">moveByOffset</a></li> - <li><a href="/fr/docs/XUL/Method/moveTo">moveTo</a></li> - <li><a href="/fr/docs/XUL/Method/moveToAlertPosition">moveToAlertPosition</a></li> - <li><a href="/fr/docs/XUL/Method/onSearchComplete">onSearchComplete</a></li> - <li><a href="/fr/docs/XUL/Method/onTextEntered">onTextEntered</a></li> - <li><a href="/fr/docs/XUL/Method/onTextReverted">onTextReverted</a></li> - <li><a href="/fr/docs/XUL/Method/openPopup">openPopup</a></li> - <li><a href="/fr/docs/XUL/Method/openPopupAtScreen">openPopupAtScreen</a></li> - <li><a href="/fr/docs/XUL/Method/openSubDialog">openSubDialog</a></li> - <li><a href="/fr/docs/XUL/Method/openWindow">openWindow</a></li> - <li><a href="/fr/docs/XUL/Method/preferenceForElement">preferenceForElement</a></li> - <li><a href="/fr/docs/XUL/Method/reload">reload</a></li> - <li><a href="/fr/docs/XUL/Method/reloadAllTabs">reloadAllTabs</a></li> - <li><a href="/fr/docs/XUL/Method/reloadTab">reloadTab</a></li> - <li><a href="/fr/docs/XUL/Method/reloadWithFlags">reloadWithFlags</a></li> - <li><a href="/fr/docs/XUL/Method/removeAllItems">removeAllItems</a></li> - <li><a href="/fr/docs/XUL/Method/removeAllNotifications">removeAllNotifications</a></li> - <li><a href="/fr/docs/XUL/Method/removeAllTabsBut">removeAllTabsBut</a></li> - <li><a href="/fr/docs/XUL/Method/removeCurrentNotification">removeCurrentNotification</a></li> - <li><a href="/fr/docs/XUL/Method/removeCurrentTab">removeCurrentTab</a></li> - <li><a href="/fr/docs/XUL/Method/removeItemAt">removeItemAt</a></li> - <li><a href="/fr/docs/XUL/Method/removeItemFromSelection">removeItemFromSelection</a></li> - <li><a href="/fr/docs/XUL/Method/removeNotification">removeNotification</a></li> - <li><a href="/fr/docs/XUL/Method/removeProgressListener">removeProgressListener</a></li> - <li><a href="/fr/docs/XUL/Method/removeSession">removeSession</a></li> - <li><a href="/fr/docs/XUL/Method/removeTab">removeTab</a></li> - <li><a href="/fr/docs/XUL/Method/RemoveTabsProgressListener">removeTabsProgressListener</a></li> - <li><a href="/fr/docs/XUL/Method/removeTransientNotifications">removeTransientNotifications</a></li> - <li><a href="/fr/docs/XUL/Method/replaceGroup">replaceGroup</a></li> - <li><a href="/fr/docs/XUL/Method/reset">reset</a></li> - <li><a href="/fr/docs/XUL/Method/rewind">rewind</a></li> - <li><a href="/fr/docs/XUL/Method/scrollByIndex">scrollByIndex</a></li> - <li><a href="/fr/docs/XUL/Method/scrollByPixels">scrollByPixels</a></li> - <li><a href="/fr/docs/XUL/Method/scrollToIndex">scrollToIndex</a></li> - <li><a href="/fr/docs/XUL/Method/select">select</a></li> - <li><a href="/fr/docs/XUL/Method/selectAll">selectAll</a></li> - <li><a href="/fr/docs/XUL/Method/selectItem">selectItem</a></li> - <li><a href="/fr/docs/XUL/Method/selectItemRange">selectItemRange</a></li> - <li><a href="/fr/docs/XUL/Method/selectTabAtIndex">selectTabAtIndex</a></li> - <li><a href="/fr/docs/XUL/Method/setSelectionRange">setSelectionRange</a></li> - <li><a href="/fr/docs/XUL/Method/showPane">showPane</a></li> - <li><a href="/fr/docs/XUL/Method/showPopup">showPopup</a></li> - <li><a href="/fr/docs/XUL/Method/sizeTo">sizeTo</a></li> - <li><a href="/fr/docs/XUL/Method/startEditing">startEditing</a></li> - <li><a href="/fr/docs/XUL/Method/stop">stop</a></li> - <li><a href="/fr/docs/XUL/Method/stopEditing">stopEditing</a></li> - <li><a href="/fr/docs/XUL/Method/SwapDocShells">swapDocShells</a></li> - <li><a href="/fr/docs/XUL/Method/syncSessions">syncSessions</a></li> - <li><a href="/fr/docs/XUL/Method/timedSelect">timedSelect</a></li> - <li><a href="/fr/docs/XUL/Method/toggleItemSelection">toggleItemSelection</a></li> -</ul> -<h3 id="Related_DOM_element_methods" name="Related_DOM_element_methods">Related DOM element methods</h3> -<ul> - <li><a href="/fr/docs/DOM/element.addEventListener">DOM:element.addEventListener</a></li> - <li><a href="/fr/docs/DOM/Node.appendChild">DOM:element.appendChild</a></li> - <li><a href="/fr/docs/DOM/Node.compareDocumentPosition">DOM:element.compareDocumentPosition</a></li> - <li><a href="/fr/docs/DOM/element.dispatchEvent">DOM:element.dispatchEvent</a></li> - <li><a href="/fr/docs/DOM/element.getAttribute">DOM:element.getAttribute</a></li> - <li><a href="/fr/docs/DOM/element.getAttributeNode">DOM:element.getAttributeNode</a></li> - <li><a href="/fr/docs/DOM/element.getAttributeNodeNS">DOM:element.getAttributeNodeNS</a></li> - <li><a href="/fr/docs/DOM/element.getAttributeNS">DOM:element.getAttributeNS</a></li> - <li><a href="/fr/docs/DOM/element.getElementsByTagName">DOM:element.getElementsByTagName</a></li> - <li><a href="/fr/docs/DOM/element.getElementsByTagNameNS">DOM:element.getElementsByTagNameNS</a></li> - <li><a href="/fr/docs/DOM/Node.getFeature">DOM:element.getFeature</a> <span class="inlineIndicator todo todoInline"><strong>FIXME:</strong> <em>brokenLink</em></span></li> - <li><a href="/fr/docs/DOM/Node.getUserData">DOM:element.getUserData</a></li> - <li><a href="/fr/docs/DOM/element.hasAttribute">DOM:element.hasAttribute</a></li> - <li><a href="/fr/docs/DOM/element.hasAttributeNS">DOM:element.hasAttributeNS</a></li> - <li><a href="/fr/docs/DOM/Node.hasAttributes">DOM:element.hasAttributes</a></li> - <li><a href="/fr/docs/DOM/Node.hasChildNodes">DOM:element.hasChildNodes</a></li> - <li><a href="/fr/docs/DOM/Node.insertBefore">DOM:element.insertBefore</a></li> - <li><a href="/fr/docs/DOM/Node.isEqualNode">DOM:element.isEqualNode</a></li> - <li><a href="/fr/docs/DOM/Node.isSameNode">DOM:element.isSameNode</a></li> - <li><a href="/fr/docs/DOM/Node.isSupported">DOM:element.isSupported</a></li> - <li><a href="/fr/docs/DOM/Node.lookupNamespaceURI">DOM:element.lookupNamespaceURI</a></li> - <li><a href="/fr/docs/DOM/Node.lookupPrefix">DOM:element.lookupPrefix</a></li> - <li><a href="/fr/docs/DOM/Node.normalize">DOM:element.normalize</a></li> - <li><a href="/fr/docs/DOM/element.removeAttribute">DOM:element.removeAttribute</a></li> - <li><a href="/fr/docs/DOM/element.removeAttributeNode">DOM:element.removeAttributeNode</a></li> - <li><a href="/fr/docs/DOM/element.removeAttributeNS">DOM:element.removeAttributeNS</a></li> - <li><a href="/fr/docs/DOM/Node.removeChild">DOM:element.removeChild</a></li> - <li><a href="/fr/docs/DOM/element.removeEventListener">DOM:element.removeEventListener</a></li> - <li><a href="/fr/docs/DOM/Node.replaceChild">DOM:element.replaceChild</a></li> - <li><a href="/fr/docs/DOM/element.setAttribute">DOM:element.setAttribute</a></li> - <li><a href="/fr/docs/DOM/element.setAttributeNode">DOM:element.setAttributeNode</a></li> - <li><a href="/fr/docs/DOM/element.setAttributeNodeNS">DOM:element.setAttributeNodeNS</a></li> - <li><a href="/fr/docs/DOM/element.setAttributeNS">DOM:element.setAttributeNS</a></li> - <li><a href="/fr/docs/DOM/Node.setUserData">DOM:element.setUserData</a></li> -</ul> diff --git a/files/fr/archive/mozilla/xul/méthodes/moveto/index.html b/files/fr/archive/mozilla/xul/méthodes/moveto/index.html deleted file mode 100644 index af8c9b8a47..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/moveto/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: moveTo -slug: Archive/Mozilla/XUL/Méthodes/moveTo -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/moveTo ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-moveTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/moveTo">moveTo( x, y )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Déplace le popup vers un nouvel emplacement. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/openpopup/index.html b/files/fr/archive/mozilla/xul/méthodes/openpopup/index.html deleted file mode 100644 index 0dbebe88b9..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/openpopup/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: openPopup -slug: Archive/Mozilla/XUL/Méthodes/openPopup -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/openPopup ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopup">openPopup( anchor , position , x , y , isContextMenu, attributesOverride )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup relativement à un nœud spécifié à un emplacement spécifique. -</p><p>Le popup peut soit être ancré à un autre nœud ou ouvert librement. Pour ancrer un popup à un nœud, fournissez un nœud d'accrochage dans le paramètre <code>anchor</code> et définissez la <code>position</code> par une chaîne indiquant la manière dont le popup doit être ancré. -</p><p>Les valeurs possibles pour le paramètre <code>position</code> sont : before_start, before_end, after_start, after_end, start_before, start_after, end_before, end_after, overlap, after_pointer -</p><p>Le nœud d'accrochage ne doit pas nécessairement être dans le même document que le popup. -</p><p>Si le paramètre <code>attributesOverride</code> vaut <code>true</code>, l'attribut <code>position</code> sur le nœud popup a priorité sur la valeur du paramètre <code>position</code>. Si <code>attributesOverride</code> vaut <code>false</code>, l'attribut n'est utilisé que si le paramètre <code>position</code> est vide. -</p><p>Pour un popup ancré, les paramètres <code>x</code> et <code>y</code> peuvent être utilisés pour décaler le popup de sa position d'ancrage de quelques pixels (mesurés en pixels CSS). -</p><p>Les popups non ancrés peuvent être créés en fournissant <code>null</code> comme paramètre <code>anchor</code>. Un popup non ancré apparait à la position spécifiée par <code>x</code> et <code>y</code> relativement à la zone visible (viewport) du document contenant le nœud popup. Dans ce cas, les paramètres <code>position</code> et <code>attributesOverride</code> sont ignorés. -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/openpopupatscreen/index.html b/files/fr/archive/mozilla/xul/méthodes/openpopupatscreen/index.html deleted file mode 100644 index 56e83bb9c6..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/openpopupatscreen/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: openPopupAtScreen -slug: Archive/Mozilla/XUL/Méthodes/openPopupAtScreen -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/openPopupAtScreen ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-openPopupAtScreen"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopupAtScreen">openPopupAtScreen( x, y, isContextMenu )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup à une position spécifique sur l'écran spécifiée par <code>x</code> et <code>y</code>. Cette position peut être ajustée s'il s'avère qu'elle provoquerait l'apparition du popup en dehors de l'écran. Les coordonnées <code>x</code> et <code>y</code> sont mesurées en pixels CSS. -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/reset/index.html b/files/fr/archive/mozilla/xul/méthodes/reset/index.html deleted file mode 100644 index 2e573454aa..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/reset/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: reset -slug: Archive/Mozilla/XUL/Méthodes/reset -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/reset ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-reset"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/reset">reset()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Réinitialise la préférence à sa valeur par défaut. -</dd><dd> Pour un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>, la liste de transactions d'annulation est également vidée (Gecko 1.9). -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/select/index.html b/files/fr/archive/mozilla/xul/méthodes/select/index.html deleted file mode 100644 index 79d85de4e9..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/select/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: select -slug: Archive/Mozilla/XUL/Méthodes/select -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/select ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-select"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/select">select()</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Sélectionne l'intégralité du texte d'une boîte texte. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/selectall/index.html b/files/fr/archive/mozilla/xul/méthodes/selectall/index.html deleted file mode 100644 index ff10b60952..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/selectall/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: selectAll -slug: Archive/Mozilla/XUL/Méthodes/selectAll -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/selectAll ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-selectAll"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/selectAll">selectAll()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne tous les éléments. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/selectitem/index.html b/files/fr/archive/mozilla/xul/méthodes/selectitem/index.html deleted file mode 100644 index 2131fd8738..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/selectitem/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: selectItem -slug: Archive/Mozilla/XUL/Méthodes/selectItem -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/selectItem ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-selectItem"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/Méthodes/selectItem">selectItem( item )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Désélectionne tous les éléments actuellement sélectionnés, puis sélectionne l'élément donné en argument. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/selectitemrange/index.html b/files/fr/archive/mozilla/xul/méthodes/selectitemrange/index.html deleted file mode 100644 index 36913d700c..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/selectitemrange/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: selectItemRange -slug: Archive/Mozilla/XUL/Méthodes/selectItemRange -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/selectItemRange ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-selectItemRange"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/selectItemRange">selectItemRange( startItem, endItem)</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne tous les éléments compris entre les deux éléments donnés en paramètre, y compris les éléments de début et de fin. Tous les autres éléments sont désélectionnés. Cette méthode n'a aucun effet sur les listes en mono-sélection. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/setselectionrange/index.html b/files/fr/archive/mozilla/xul/méthodes/setselectionrange/index.html deleted file mode 100644 index 6a527b231f..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/setselectionrange/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: setSelectionRange -slug: Archive/Mozilla/XUL/Méthodes/setSelectionRange -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/setSelectionRange ---- -<p><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span> -</p> -<dl><dt> <span id="m-setSelectionRange"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/setSelectionRange">setSelectionRange( début, fin )</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Cette méthode sélectionne une portion de texte dans une zone de texte (<i>textbox</i> ou <i>textarea</i>) où l'argument <var>début</var> est le premier caractère de la sélection et l'argument <var>fin</var> le dernier caractère de la sélection. </dd><dd> Renseigner les deux arguments avec la même valeur équivaut à déplacer le curseur d'écriture sans rien sélectionner. -</dd></dl> -<p><br> -<span class="comment">Interwiki Language Links</span> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/showpane/index.html b/files/fr/archive/mozilla/xul/méthodes/showpane/index.html deleted file mode 100644 index fdb76134d5..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/showpane/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: showPane -slug: Archive/Mozilla/XUL/Méthodes/showPane -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/showPane ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-showPane"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showPane">showPane( <i>prefpane</i> )</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Bascule vers un panneau en particulier. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/showpopup/index.html b/files/fr/archive/mozilla/xul/méthodes/showpopup/index.html deleted file mode 100644 index f320227bdb..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/showpopup/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: showPopup -slug: Archive/Mozilla/XUL/Méthodes/showPopup -tags: - - Méthodes_XUL - - NeedsRewrite - - NeedsTechnicalReview -translation_of: Archive/Mozilla/XUL/Method/showPopup ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showPopup">showPopup( element, x, y, popupType, anchor, align )</a></code></span> <span style="border: 1px solid #9898F0; background-color: #DDDDFF; font-size: 9px; vertical-align: text-top;">Déprécié dans Mozilla 1.9</span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Ouvre un élément popup. Deux moyens de spécifier l'emplacement où s'affichera la fenêtre popup existent, soit en spécifiant une position spécifique de l'écran, soit par rapport à un autre élément de la fenêtre. Si <var>x</var> ou <var>y</var> sont définies par une valeur, le popup apparaîtra aux coordonnées (<var>x</var>,<var>y</var>) de l'écran. Si <var>x</var> et <var>y</var> sont définies à <code>-1</code>, le popup sera positionné par rapport à l'<var>element</var> spécifié dans le premier paramètre. C'est cette dernière méthode qu'il faut utiliser, par exemple, pour afficher un popup sous un bouton. Dans ce cas, les paramètres <var>anchor</var> et <var>align</var> peuvent être utilisés pour contrôler plus avant l'endroit où apparaîtra le popup par rapport à l'élément. Le paramètre <var>anchor</var> correspond à l'attribut <code id="a-popupanchor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popupanchor">popupanchor</a></code> de l'élément et le paramètre <var>align</var> correspond à l'attribut <code id="a-popupalign"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popupalign">popupalign</a></code>. Les paramètres <var>anchor</var> et <var>align</var> sont ignorés si ni <var>x</var> ni <var>y</var> ne valent <code>-1</code>. -</dd></dl> -<dl><dd> Pour qu'un popup apparaisse à une position relative à un autre élément tout en étant décalé de quelques pixels, déterminez la position réelle de l'élément à l'aide de ses propriétés <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>.screenX et <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>.screenY, et utilisez celles-ci comme paramètres <var>x</var> et <var>y</var> en y ajoutant les décalages souhaités. -</dd></dl> -<dl><dd> Le paramètre <var>popupType</var> doit être une des chaînes <code>popup</code>, <code>context</code> ou <code>tooltip</code>. Chaque type de popup est destiné à être affiché temporairement ; ils ne sont pas censés être affichés de façon permanente. On ne peut afficher qu'un popup à la fois. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/sizeto/index.html b/files/fr/archive/mozilla/xul/méthodes/sizeto/index.html deleted file mode 100644 index 162f0dab6a..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/sizeto/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: sizeTo -slug: Archive/Mozilla/XUL/Méthodes/sizeTo -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/sizeTo ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-sizeTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/sizeTo">sizeTo( <i>largeur</i>, <i>hauteur</i> )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Modifie la taille actuelle de la fenêtre popup avec les nouvelles dimensions <var>largeur</var> et <var>hauteur</var>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/stop/index.html b/files/fr/archive/mozilla/xul/méthodes/stop/index.html deleted file mode 100644 index 673344cdcf..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/stop/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: stop -slug: Archive/Mozilla/XUL/Méthodes/stop -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/stop ---- -<div class="noinclude"> -<p><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span> -</p> -</div> -<dl><dt> <span id="m-stop"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/stop">stop()</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Équivalent au clic sur le bouton <i>Stop</i>, cette méthode arrête le chargement en cours du document. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/syncsessions/index.html b/files/fr/archive/mozilla/xul/méthodes/syncsessions/index.html deleted file mode 100644 index de76541536..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/syncsessions/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: syncSessions -slug: Archive/Mozilla/XUL/Méthodes/syncSessions -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/syncSessions ---- -<div class="noinclude"> -<p><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span> -</p> -</div> -<dl><dt> <span id="m-syncSessions"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/syncSessions">syncSessions( autoCompleteElement )</a></code></span> -</dt><dd> Type retourné : <i>???</i> -</dd><dd> Copie les sessions depuis un autre élément autocomplété. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/timedselect/index.html b/files/fr/archive/mozilla/xul/méthodes/timedselect/index.html deleted file mode 100644 index 2a30e67317..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/timedselect/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: timedSelect -slug: Archive/Mozilla/XUL/Méthodes/timedSelect -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/timedSelect ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-timedSelect"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/timedSelect">timedSelect( item, timeout )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne un élément spécifié par l'argument <code>item</code> après un nombre de millisecondes définit par l'argument <code>timeout</code>. Tous les autres éléments sont désélectionnés. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/méthodes/toggleitemselection/index.html b/files/fr/archive/mozilla/xul/méthodes/toggleitemselection/index.html deleted file mode 100644 index d6dac62e00..0000000000 --- a/files/fr/archive/mozilla/xul/méthodes/toggleitemselection/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: toggleItemSelection -slug: Archive/Mozilla/XUL/Méthodes/toggleItemSelection -tags: - - Méthodes_XUL -translation_of: Archive/Mozilla/XUL/Method/toggleItemSelection ---- -<div class="noinclude"><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <span id="m-toggleItemSelection"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/toggleItemSelection">toggleItemSelection( item )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Modifie l'état de sélection de l'élément spécifié. S'il est sélectionné, il devient désélectionné. S'il est désélectionné, il devient sélectionné. Les autres éléments de la liste ne sont pas affectés et ils conservent leur état de sélection. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/panel/index.html b/files/fr/archive/mozilla/xul/panel/index.html deleted file mode 100644 index 64daec52df..0000000000 --- a/files/fr/archive/mozilla/xul/panel/index.html +++ /dev/null @@ -1,222 +0,0 @@ ---- -title: panel -slug: Archive/Mozilla/XUL/panel -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/panel ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un <code>panel</code> est une fenêtre popup pouvant contenir n'importe quel type de contenu. Il n'a aucune décoration de fenêtre. Lorsqu'il est ouvert, il flotte par dessus la fenêtre et peut déborder même de la fenêtre principale. Typiquement, il sera attaché à un élément à l'aide de l'attribut <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code> afin d'apparaitre lorsque l'on clique avec le bouton de gauche de la souris sur l'élément. Un <code>panel</code> peut également être ouvert via un script à l'aide de la méthode <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/openPopup">openPopup</a></code></span>. -</p><p>Le <code>panel</code> sera fermé lorsque l'utilisateur cliquera en dehors de celui-ci ou que sa méthode <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/hidePopup">hidePopup</a></code></span> sera appelée. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-popup.left">left</a>, <a href="#a-noautofocus">noautofocus</a>, <a href="#a-onpopuphidden">onpopuphidden</a>, <a href="#a-onpopuphiding">onpopuphiding</a>, <a href="#a-onpopupshowing">onpopupshowing</a>, <a href="#a-onpopupshown">onpopupshown</a>, <a href="#a-popup.position">position</a>, <a href="#a-popup.top">top</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessible">accessible</a>, <a href="#p-popupBoxObject">popupBoxObject</a>, <a href="#p-popup">popup</a>, <a href="#p-state">state</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-hidePopup">hidePopup</a>, <a href="#m-moveTo">moveTo</a>, <a href="#m-openPopup">openPopup</a>, <a href="#m-openPopupAtScreen">openPopupAtScreen</a>, <a href="#m-sizeTo">sizeTo</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>L'exemple qui suit montre comment un <code>panel</code> peut être attaché à un label. -</p> -<pre><panel id="thepanel"> - <hbox align="start"> - <image src="warning.png"/> - <vbox> - <description value="Vous avez 6 nouveaux messages."/> - <hbox> - <button label="Lire le courrier"/> - <button label="Nouveau message"/> - </hbox> - </vbox> - </hbox> -</panel> -<description value="6 nouveaux messages" popup="thepanel"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-popup.left"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.left">left</a> -</dt><dd> Type : <i>entier</i> -</dd><dd> Remplace la position horizontale du popup spécifiée par la méthode <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPopup">showPopup</a></code></span>. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-noautofocus"> - -<dl><dt> <a href="fr/XUL/Attributs/noautofocus">noautofocus</a> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si mis à <code>false</code>, la valeur par défaut, l'élément ayant actuellement le focus le perdra si le popup est ouvert ou fermé. Si mis à <code>true</code>, le focus ne sera pas modifié. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-onpopuphidden"> - -<dl><dt> <code id="a-onpopuphidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphidden">onpopuphidden</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après qu'il a été caché. <span class="comment"><a class=" external" href="http://www.langue-fr.net/index/A/apres-que.htm" rel="freelink">http://www.langue-fr.net/index/A/apres-que.htm</a></span> -</dd></dl> - - -</div> -<div id="a-onpopuphiding"> - -<dl><dt> <code id="a-onpopuphiding"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphiding">onpopuphiding</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup lorsqu'il est sur le point d'être masqué. -</dd></dl> - - -</div> -<div id="a-onpopupshowing"> - -<dl><dt> <code id="a-onpopupshowing"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshowing">onpopupshowing</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup juste avant son ouverture. On l'utilise généralement pour définir dynamiquement le contenu lorsque l'utilisateur demande son affichage. Si ce gestionnaire d'évènement renvoie <code>false</code>, le popup ne s'affichera pas. -</dd></dl> - - -</div> -<div id="a-onpopupshown"> - -<dl><dt> <code id="a-onpopupshown"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshown">onpopupshown</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après son ouverture, de la même manière qu'un évènement <code>onload</code> est envoyé à une fenêtre à son ouverture. -</dd></dl> - - -</div> -<div id="a-popup.position"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.position">position</a> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'attribut <code>position</code> détermine où le popup apparaît par rapport à l'élément sur lequel l'utilisateur a cliqué pour l'invoquer. C'est ce qui permet de placer le popup sur le bord d'un bouton. -</dd></dl> -<ul><li> <code>after_start</code> : Le popup apparait en dessous l'élément avec le coin supérieur gauche du popup aligné avec le coin inférieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. Cette valeur est typiquement uilisée pour les menus déroulants. -</li><li> <code>after_end</code> : Le popup apparait en dessous l'élément avec le coin supérieur droit du popup aligné avec le coin inférieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_start</code> : Le popup apparait au dessus de l'élément avec le coin inférieur gauche du popup aligné avec le coin supérieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_end</code> : Le popup apparait au dessus de l'élément avec le coin inférieur droit du popup aligné avec le coin supérieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_after</code> : Le popup apparait à la droite de l'élément avec le coin inférieur gauche du popup aligné avec le coin inférieur droit de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_before</code> : Le popup apparait à la droite de l'élément avec le coin supérieur gauche du popup aligné avec le coin supérieur droit de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_after</code> : Le popup apparait à la gauche de l'élément avec le coin inférieur droit du popup aligné avec le coin inférieur gauche de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_before</code> : Le popup apparait à la gauche de l'élément avec le coin supérieur droit du popup aligné avec le coin supérieur gauche de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>overlap</code> : Le popup apparait par dessus l'élément avec les coins supérieurs gauches alignés. -</li><li> <code>at_pointer</code> : Le popup apparait à la position du pointeur de la souris. -</li><li> <code>after_pointer</code> : Le popup apparait à la même position horizontale que le pointeur de la souris, mais verticalement, il est placé juste sous l'élément. -</li></ul> - - -</div> -<div id="a-popup.top"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.top">top</a> -</dt><dd> Type : <i>entier</i> -</dd><dd> Remplace la position verticale du popup spécifiée par la méthode <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPopup">showPopup</a></code></span>. -</dd></dl> -<p><br> -</p> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessible"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessible">accessible</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIAccessible">nsIAccessible</a></i> -</dd><dd> Renvoie l'objet d'accessibilité pour l'élément. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-popupBoxObject"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/popupBoxObject">popupBoxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a></i> -</dd><dd> Cette propriété en lecture seule conserve le <a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a> qui implémente le popup. Il n'est normalement pas nécessaire d'utiliser cette propriété étant donné que toutes ses fonctions sont disponibles via le popup lui-même. -</dd></dl> - -</div> -<div id="p-position"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/position">position</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <a href="fr/XUL/Attributs/popup.position">position</a>. -</dd></dl> - -</div> -<div id="p-state"> -<dl><dt> <code><span><a href="http://api/fr/docs/XUL/Propri%C3%A9t%C3%A9s/state">state</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cette propriété en lecture seule indique si le popup est ouvert ou non. Quatre valeurs sont possibles : -</dd></dl> -<ul><li> <code>closed</code> : Le popup est fermé et non visible. -</li><li> <code>open</code> : Le popup est ouvert et visible sur l'écran. -</li><li> <code>showing</code> : Une requête a été faite pour ouvrir le popup, mais il n'a pas encore été affiché. Cet état se produit durant l'évènement <code>popupshowing</code>. -</li><li> <code>hiding</code> : Le popup est sur le point d'être masqué. Cet état se produit durant l'évènement <code>popuphiding</code>. -</li></ul> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> -<dl><dt> <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/hidePopup">hidePopup()</a></code></span></dt> -<dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Ferme le popup immédiatement. -</dd></dl> -<dl><dt> <span id="m-moveTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/moveTo">moveTo( x, y )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Déplace le popup vers un nouvel emplacement. -</dd></dl> -<dl><dt> <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/openPopup">openPopup( anchor , position , x , y , isContextMenu, attributesOverride )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup relativement à un nœud spécifié à un emplacement spécifique. -</p><p>Le popup peut soit être ancré à un autre nœud ou ouvert librement. Pour ancrer un popup à un nœud, fournissez un nœud d'accrochage dans le paramètre <code>anchor</code> et définissez la <code>position</code> par une chaîne indiquant la manière dont le popup doit être ancré. -</p><p>Les valeurs possibles pour le paramètre <code>position</code> sont : before_start, before_end, after_start, after_end, start_before, start_after, end_before, end_after, overlap, after_pointer -</p><p>Le nœud d'accrochage ne doit pas nécessairement être dans le même document que le popup. -</p><p>Si le paramètre <code>attributesOverride</code> vaut <code>true</code>, l'attribut <code>position</code> sur le nœud popup a priorité sur la valeur du paramètre <code>position</code>. Si <code>attributesOverride</code> vaut <code>false</code>, l'attribut n'est utilisé que si le paramètre <code>position</code> est vide. -</p><p>Pour un popup ancré, les paramètres <code>x</code> et <code>y</code> peuvent être utilisés pour décaler le popup de sa position d'ancrage de quelques pixels (mesurés en pixels CSS). -</p><p>Les popups non ancrés peuvent être créés en fournissant <code>null</code> comme paramètre <code>anchor</code>. Un popup non ancré apparait à la position spécifiée par <code>x</code> et <code>y</code> relativement à la zone visible (viewport) du document contenant le nœud popup. Dans ce cas, les paramètres <code>position</code> et <code>attributesOverride</code> sont ignorés. -</p> -<dl><dt> <span id="m-openPopupAtScreen"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/openPopupAtScreen">openPopupAtScreen( x, y, isContextMenu )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup à une position spécifique sur l'écran spécifiée par <code>x</code> et <code>y</code>. Cette position peut être ajustée s'il s'avère qu'elle provoquerait l'apparition du popup en dehors de l'écran. Les coordonnées <code>x</code> et <code>y</code> sont mesurées en pixels CSS. -</p> -<dl><dt> <span id="m-sizeTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/sizeTo">sizeTo( <i>largeur</i>, <i>hauteur</i> )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Modifie la taille actuelle de la fenêtre popup avec les nouvelles dimensions <var>largeur</var> et <var>hauteur</var>. -</dd></dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULPopupElement">nsIDOMXULPopupElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/popup/index.html b/files/fr/archive/mozilla/xul/popup/index.html deleted file mode 100644 index 4ee85f8e85..0000000000 --- a/files/fr/archive/mozilla/xul/popup/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: popup -slug: Archive/Mozilla/XUL/popup -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/popup ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>L'élément <code>popup</code> est équivalent à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> qu'il vaut mieux utiliser. Consultez la documentation sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> pour plus d'informations. -</p><p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/preference/index.html b/files/fr/archive/mozilla/xul/preference/index.html deleted file mode 100644 index ba56b6bb08..0000000000 --- a/files/fr/archive/mozilla/xul/preference/index.html +++ /dev/null @@ -1,219 +0,0 @@ ---- -title: preference -slug: Archive/Mozilla/XUL/preference -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/preference ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Déclare une préférence qui peut être ajustée dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code>. Cet élément doit être placé à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preferences" title="preferences">preferences</a></code>. Chaque élément <code>preference</code> correspond à une préférence qui est stockée dans le fichier de préférences de l'utilisateur. Il est possible de connecter un élément d'interface utilisateur comme une case à cocher à un élément de préférence à l'aide de l'attribut <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> de l'élément d'interface utilisateur. -</p><p>Pour plus d'informations, consultez l'article <a href="fr/Syst%c3%a8me_de_pr%c3%a9f%c3%a9rences">Système de préférences</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-instantApply">instantApply</a>, <a href="#a-inverted">inverted</a>, <a href="#a-preference.name">name</a>, <a href="#a-onchange">onchange</a>, <a href="#a-readonly">readonly</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-preference.type">type</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-disabled">disabled</a>, <a href="#p-inverted">inverted</a>, <a href="#p-locked">locked</a>, <a href="#p-name">name</a>, <a href="#p-preference.preferences">preferences</a>, <a href="#p-readonly">readonly</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-type">type</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-hasUserValue">hasUserValue</a>, <a href="#m-reset">reset</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-instantApply"> - -<dl><dt> <code id="a-instantApply"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/instantApply">instantApply</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si sa valeur est <code>true</code>, la préférence sera modifiée dès que l'élément d'interface utilisateur est modifié. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-inverted"> - -<dl><dt> <code id="a-inverted"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/inverted">inverted</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les préférences booléennes, l'indication de cet attribut à <code>true</code> indique que la valeur de la préférence est l'inverse de celle de l'élément d'interface utilisateur qui y est attaché. Par exemple, elle fait en sorte que cocher une case désactive la préférence associée au lieu de l'activer. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-preference.name"> - -<dl><dt> <a href="fr/XUL/Attributs/preference.name">name</a> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le nom de la préférence à modifier. Par exemple, la page d'accueil du navigateur est définie par la préférence <code>browser.startup.homepage</code>. -</dd></dl> - - -</div> -<div id="a-onchange"> - -<dl><dt> <code id="a-onchange"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onchange">onchange</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Le code figurant dans l'attribut <code>onchange</code> est appelé lorsque la valeur de l'élément est modifiée. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-readonly"> - -<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément. Cependant, celle-ci peut toujours être modifiée par un script. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-preference.type"> - -<dl> <dt><a href="/fr/XUL/Attributs/preference.type" title="fr/XUL/Attributs/preference.type">type</a></dt> <dd>Type : <em>une des valeurs ci-dessous</em></dd> <dd>Le type de préférence qui doit être une des valeurs suivantes.</dd> -</dl> -<ul> <li><code>bool</code> : Un booléen défini à <code>true</code> ou <code>false</code>. Habituellement, on connectera un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/checkbox" title="checkbox">checkbox</a></code> à ce type de préférence.</li> <li><code>int</code> : Un entier</li> <li><code>string</code> : Une chaîne de caractères</li> <li><code>unichar</code> : Une chaîne de caractères Unicode</li> <li><code>wstring</code> : Une chaîne localisée. Dans cette situation, la préférence enregistrera le chemin vers un fichier de propriétés contenant la valeur réelle de la préférence.</li> <li><code>file</code> : Un fichier. Le chemin vers le fichier sera stocké dans la préférence.</li> -</ul> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-inverted"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/inverted">inverted</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-inverted"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/inverted">inverted</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-locked"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/locked">locked</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si définie à <code>true</code>, la préférence a été verrouillée et désactivée dans la configuration système, ce qui empêche de changer sa valeur. Cette propriété est en lecture seule. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-name"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/name">name</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le nom de la préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) à modifier. Par exemple, la page d'accueil du navigateur est définie par la préférence <code>browser.startup.homepage</code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-preference.preferences"> -<dl><dt> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/preference.preferences">preferences</a> -</dt><dd> Type : <i>élément</i> -</dd><dd> Référence à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preferences" title="preferences">preferences</a></code> conteneur. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-readonly"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readonly">readonly</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si définie à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément.</dd> - <dd> - <div class="note"> - Cette propriété toute en minuscules n'est utilisée qu'avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code> et sera peut-être renommée en <code>readOnly</code> dans des versions ultérieures. D'autres éléments utilisent la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readOnly">readOnly</a></span></code>. L'attribut correspondant est cependant <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> en minuscules.</div> - </dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-type"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/type">type</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<dl><dt> <span id="m-hasUserValue"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/hasUserValue">hasUserValue()</a></code></span> -</dt><dd> Type de retour : <i>booléen</i> -</dd><dd> Renvoie <code>true</code> si la préférence a été modifiée par rapport à sa valeur par défaut. -</dd></dl> -<p><br> -</p> -<dl><dt> <span id="m-reset"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/reset">reset()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Réinitialise la préférence à sa valeur par défaut. -</dd><dd> Pour un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>, la liste de transactions d'annulation est également vidée (Gecko 1.9). -</dd></dl> -<p><br> -</p> -<span class="lang lang-fr" lang="fr"> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p>À faire -</p> -<div class="noinclude"> -</div> -</span> diff --git a/files/fr/archive/mozilla/xul/preferences/index.html b/files/fr/archive/mozilla/xul/preferences/index.html deleted file mode 100644 index ac1884d0eb..0000000000 --- a/files/fr/archive/mozilla/xul/preferences/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: preferences -slug: Archive/Mozilla/XUL/preferences -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/preferences ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Utilisé pour regrouper un ensemble d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>. -</p><p>Pour plus d'informations, consultez l'article <a href="fr/Syst%c3%a8me_de_pr%c3%a9f%c3%a9rences">Système de préférences</a>. -</p> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(example needed) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p>À faire -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/prefpane/index.html b/files/fr/archive/mozilla/xul/prefpane/index.html deleted file mode 100644 index eb01688a7a..0000000000 --- a/files/fr/archive/mozilla/xul/prefpane/index.html +++ /dev/null @@ -1,135 +0,0 @@ ---- -title: prefpane -slug: Archive/Mozilla/XUL/prefpane -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/prefpane ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un seul panneau de préférences dans une <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. Un <code>prefpane</code> est constitué de deux parties, les descriptions de préférences qui spécifient l'ensemble des préférences à modifier, et l'interface utilisateur permettant d'ajuster ces préférences. La première est spécifiée à l'aide d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preferences" title="preferences">preferences</a></code> tandis que la seconde peut être spécifiée avec d'autres éléments XUL. -</p><p>Chacune de ces parties peut être spécifiée directement comme enfant de l'élément <code>prefpane</code>, ou l'attribut <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code> peut être utilisé pour placer un panneau dans un fichier séparé. Dans ce dernier cas, le fichier séparé doit utiliser une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/overlay" title="overlay">overlay</a></code> comme racine, étant donné qu'il sera chargé comme overlay de la fenêtre de préférences principale. -</p><p>Pour plus d'informations, consultez l'article <a href="fr/Syst%c3%a8me_de_pr%c3%a9f%c3%a9rences">Système de préférences</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-helpURI">helpURI</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-onpaneload">onpaneload</a>, <a href="#a-prefpane.selected">selected</a>, <a href="#a-prefpane.src">src</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-image">image</a>, <a href="#p-label">label</a>, <a href="#p-preferenceElements">preferenceElements</a>, <a href="#p-preferences">preferences</a>, <a href="#p-selected">selected</a>, <a href="#p-src">src</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-preferenceForElement">preferenceForElement</a> </dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-helpURI"> - -<dl> - <dt> - <code id="a-helpURI"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/helpURI">helpURI</a></code></dt> - <dd> - Type : <i>URI</i></dd> - <dd> - L'URI de la page d'aide associée avec un panneau de préférences. Celle-ci sera ouverte dans une fenêtre d'aide lors de l'appui sur le bouton d'aide.</dd> -</dl> -</div> -<div id="a-image"> - -<dl><dt> <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> -</dt><dd> Type : <i>URL d'une image</i> -</dd><dd> L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> et <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> - - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-onpaneload"> - -<dl> - <dt> - <code id="a-onpaneload"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpaneload">onpaneload</a></code></dt> - <dd> - Type : <i>code de script</i></dd> - <dd> - Le code défini ici est appelé après le chargement du panneau, de manière similaire à l'évènement <code>load</code> pour une fenêtre.</dd> -</dl> -</div> -<div id="a-prefpane.selected"> - -<dl> - <dt> - <a href="fr/XUL/Attributs/prefpane.selected">selected</a></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Cet attribut sera défini à <code>true</code> pour l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code> actuellement sélectionné. Pour changer le panneau sélectionné, utilisez la méthode <span id="m-showPane"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPane">showPane</a></code></span> de <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>.</dd> -</dl> - -</div> -<div id="a-prefpane.src"> - -<dl> - <dt> - <a href="fr/XUL/Attributs/prefpane.src">src</a></dt> - <dd> - Type : <i>URL d'un overlay</i></dd> - <dd> - L'URL du contenu du panneau de préférences. Si cet attribut n'est pas spécifié, le contenu de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code> sera utilisé.</dd> -</dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-image"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/image">image</a></span></code> -</dt><dd> Type : <i>URL d'image</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. -</dd></dl> - -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-preferenceElements"></div> -<div id="p-preferences"></div> -<div id="p-selected"> - -<dl> -<dt><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selected">selected</a></span></code> </dt> -<dd>Type : <i>booléen</i></dd> -<dd>La valeur de cette propriété est <code>true</code> si cet élément est sélectionné, ou <code>false</code> s'il ne l'est pas. Cette propriété est en lecture seule.</dd> -</dl></div> -<div id="p-src"></div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p> -<span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p>À faire -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/prefwindow/index.html b/files/fr/archive/mozilla/xul/prefwindow/index.html deleted file mode 100644 index 970f7c07a7..0000000000 --- a/files/fr/archive/mozilla/xul/prefwindow/index.html +++ /dev/null @@ -1,144 +0,0 @@ ---- -title: prefwindow -slug: Archive/Mozilla/XUL/prefwindow -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/prefwindow ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Une fenêtre spécialisée utilisée pour les dialogues de préférences. Cet élément devrait être utilisé à la place de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> et contenir un ou plusieurs éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code>. Une rangée de boutons apparait dans tout le dialogue de préférences, un par <code>prefpane</code>. Chaque panneau servira généralement à regrouper un ensemble de préférences liées. Si il n'y a qu'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefpane" title="prefpane">prefpane</a></code>, la zone de navigation n'apparaitra pas. -</p><p>Sur les plateformes où la convention est d'appliquer les changements immédiatement, les préférences sont ajustées dès que l'élément d'interface utilisateur a changé. Sur les autres plateformes, les préférences ne sont pas appliquées tant que le dialogue n'est pas fermé. -</p><p>Il est possible d'ouvrir une fenêtre de préférences à l'aide de la méthode <code>openDialog</code> d'une fenêtre comme pour d'autres dialogues. L'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> d'un panneau particulier peut être passé comme quatrième paramètre de <code>openDialog</code> pour ouvrir un panneau particulier par défaut. Il est également possible de définir l'attribut <code id="a-lastSelected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/lastSelected">lastSelected</a></code> sur la balise <code>prefwindow</code> en lui donnant l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> du panneau avec lequel démarrer. Cet attribut n'est normalement pas défini, comme il sera positionné automatiquement afin que le panneau par défaut soit le dernier que celui qui était affiché la dernière fois que le dialogue a été fermé. -</p><p>Pour plus d'informations, consultez l'article <a href="fr/Syst%c3%a8me_de_pr%c3%a9f%c3%a9rences">Système de préférences</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-buttonalign">buttonalign</a>, <a href="#a-buttondir">buttondir</a>, <a href="#a-buttonorient">buttonorient</a>, <a href="#a-buttonpack">buttonpack</a>, <a href="#a-buttons">buttons</a>, <a href="#a-defaultButton">defaultButton</a>, <a href="#a-lastSelected">lastSelected</a>, <a href="#a-onbeforeaccept">onbeforeaccept</a>, <a href="#a-ondialogaccept">ondialogaccept</a>, <a href="#a-ondialogcancel">ondialogcancel</a>, <a href="#a-ondialogdisclosure">ondialogdisclosure</a>, <a href="#a-ondialoghelp">ondialoghelp</a>, <a href="#a-onpanelload">onpanelload</a>, <a href="#a-title">title</a>, <a href="#a-type">type</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-buttons">buttons</a>, <a href="#p-currentPane">currentPane</a>, <a href="#p-defaultButton">defaultButton</a>, <a href="#p-lastSelected">lastSelected</a>, <a href="#p-preferencePanes">preferencePanes</a>, <a href="#p-type">type</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-acceptDialog">acceptDialog</a>, <a href="#m-addPane">addPane</a>, <a href="#m-cancelDialog">cancelDialog</a>, <a href="#m-centerWindowOnScreen">centerWindowOnScreen</a>, <a href="#m-getButton">getButton</a>, <a href="#m-openSubDialog">openSubDialog</a>, <a href="#m-openWindow">openWindow</a>, <a href="#m-showPane">showPane</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre class="eval"> <prefwindow xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> - <prefpane id="saveoptions" label="Backups"> - <preferences> - <preference id="pref-backup" name="myapp.mybackups" type="bool"/> - <preference id="pref-backupduration" name="myapp.mybackups.duration" type="int"/> - </preferences> - <checkbox label="Automatically Save Backups" preference="pref-backup"/> - <textbox label="Duration:" preference="pref-backupduration"/> - </prefpane> - </prefwindow> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-buttonalign"> - -</div> -<div id="a-buttondir"> - -</div> -<div id="a-buttonorient"> - -</div> -<div id="a-buttonpack"> - -</div> -<div id="a-buttons"> - -</div> -<div id="a-defaultButton"> - -</div> -<div id="a-lastSelected"> - -</div> -<div id="a-onbeforeaccept"> - -</div> -<div id="a-ondialogaccept"> - -</div> -<div id="a-ondialogcancel"> - -</div> -<div id="a-ondialogdisclosure"> - -</div> -<div id="a-ondialoghelp"> - -</div> -<div id="a-onpanelload"> - -</div> -<div id="a-title"> - -<dl><dt> <code id="a-title"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/title">title</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le texte qui doit apparaître dans la barre de titre de la fenêtre ou boîte de dialogue. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-type"> - -<p> </p> -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-buttons"></div> -<div id="p-currentPane"></div> -<div id="p-defaultButton"></div> -<div id="p-lastSelected"></div> -<div id="p-preferencePanes"></div> -<div id="p-type"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/type">type</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> - - - - - - - -<dl><dt> <span id="m-showPane"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPane">showPane( <i>prefpane</i> )</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Bascule vers un panneau en particulier. -</dd></dl> -<p><br> -</p> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p>À faire -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/accessible/index.html b/files/fr/archive/mozilla/xul/propriétés/accessible/index.html deleted file mode 100644 index 8a78202c56..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/accessible/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: accessible -slug: Archive/Mozilla/XUL/Propriétés/accessible -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/accessible ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/accessible">accessible</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIAccessible">nsIAccessible</a></i> -</dd><dd> Renvoie l'objet d'accessibilité pour l'élément. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/accessibletype/index.html b/files/fr/archive/mozilla/xul/propriétés/accessibletype/index.html deleted file mode 100644 index 5a9527e78d..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/accessibletype/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: accessibleType -slug: Archive/Mozilla/XUL/Propriétés/accessibleType -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/accessibleType ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -<div class="noinclude"> -<p>Les valeurs possibles sont : -</p> -<table> -<tbody><tr><th>Constante</th><th>Valeur -</th></tr><tr><td>XULAlert</td><td>1001 -</td></tr><tr><td>XULButton</td><td>1002 -</td></tr><tr><td>XULCheckbox</td><td>1003 -</td></tr><tr><td>XULColorPicker</td><td>1004 -</td></tr><tr><td>XULColorPickerTile</td><td>1005 -</td></tr><tr><td>XULCombobox</td><td>1006 -</td></tr><tr><td>XULDropmarker</td><td>1007 -</td></tr><tr><td>XULGroupbox</td><td>1008 -</td></tr><tr><td>XULImage</td><td>1009 -</td></tr><tr><td>XULLink</td><td>100A -</td></tr><tr><td>XULListbox</td><td>100B -</td></tr><tr><td>XULListCell</td><td>1026 -</td></tr><tr><td>XULListHead</td><td>1024 -</td></tr><tr><td>XULListHeader</td><td>1025 -</td></tr><tr><td>XULListitem</td><td>100C -</td></tr><tr><td>XULMenubar</td><td>100D -</td></tr><tr><td>XULMenuitem</td><td>100E -</td></tr><tr><td>XULMenupopup</td><td>100F -</td></tr><tr><td>XULMenuSeparator</td><td>1010 -</td></tr><tr><td>XULPane</td><td>1011 -</td></tr><tr><td>XULProgressMeter</td><td>1012 -</td></tr><tr><td>XULScale</td><td>1013 -</td></tr><tr><td>XULStatusBar</td><td>1014 -</td></tr><tr><td>XULRadioButton</td><td>1015 -</td></tr><tr><td>XULRadioGroup</td><td>1016 -</td></tr><tr><td>XULTab</td><td>1017 -</td></tr><tr><td>XULTabBox</td><td>1018 -</td></tr><tr><td>XULTabs</td><td>1019 -</td></tr><tr><td>XULText</td><td>101A -</td></tr><tr><td>XULTextBox</td><td>101B -</td></tr><tr><td>XULThumb</td><td>101C -</td></tr><tr><td>XULTree</td><td>101D -</td></tr><tr><td>XULTreeColumns</td><td>101E -</td></tr><tr><td>XULTreeColumnItem</td><td>101F -</td></tr><tr><td>XULToolbar</td><td>1020 -</td></tr><tr><td>XULToolbarSeparator</td><td>1021 -</td></tr><tr><td>XULTooltip</td><td>1022 -</td></tr><tr><td>XULToolbarButton</td><td>1023 -</td></tr></tbody></table> -<p></div> -</p></div> diff --git a/files/fr/archive/mozilla/xul/propriétés/accesskey/index.html b/files/fr/archive/mozilla/xul/propriétés/accesskey/index.html deleted file mode 100644 index 18c8cb6110..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/accesskey/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: accessKey -slug: Archive/Mozilla/XUL/Propriétés/accessKey -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/accessKey ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/accessKey">accessKey</a></span></code> -</dt><dd> Type : <i>caractère</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/align/index.html b/files/fr/archive/mozilla/xul/propriétés/align/index.html deleted file mode 100644 index ade556771a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/align/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: align -slug: Archive/Mozilla/XUL/Propriétés/align -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/align ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/allowevents/index.html b/files/fr/archive/mozilla/xul/propriétés/allowevents/index.html deleted file mode 100644 index 3a89398e48..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/allowevents/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: allowEvents -slug: Archive/Mozilla/XUL/Propriétés/allowEvents -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/allowEvents ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/amindicator/index.html b/files/fr/archive/mozilla/xul/propriétés/amindicator/index.html deleted file mode 100644 index 3118629abd..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/amindicator/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: amIndicator -slug: Archive/Mozilla/XUL/Propriétés/amIndicator -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/amIndicator ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/amIndicator">amIndicator</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> La valeur chaîne affichée pour les heures entre minuit et midi, par défaut « AM ». Cette valeur est déterminée selon la locale de l'utilisateur. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/boxobject/index.html b/files/fr/archive/mozilla/xul/propriétés/boxobject/index.html deleted file mode 100644 index 68284b25f9..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/boxobject/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: boxObject -slug: Archive/Mozilla/XUL/Propriétés/boxObject -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/boxObject ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIBoxObject">nsIBoxObject</a></i> -</dd><dd> Cette propriété est disponible pour les éléments dérivés de boîtes, ce qui est le cas de la plupart des éléments XUL visibles. L'objet boxObject pour les éléments non-XUL peut être obtenu à l'aide de la méthode <a href="fr/DOM/document.getBoxObjectFor">getBoxObjectFor</a>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/builder/index.html b/files/fr/archive/mozilla/xul/propriétés/builder/index.html deleted file mode 100644 index 78acdbec0d..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/builder/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: builder -slug: Archive/Mozilla/XUL/Propriétés/builder -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/builder ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIXULTemplateBuilder">nsIXULTemplateBuilder</a></i> -</dd><dd> Pour le contenu généré depuis un template, il s'agit de l'objet <a href="fr/XPCOM">XPCOM</a> responsable de la génération du contenu. Pour les scripts il est uniquement nécessaire dans le cas où vous voulez forcer le contenu du template à être régénéré. Vous pouvez en avoir besoin si vous avez ajusté les règles manuellement. Pour reconstruire le contenu, appelez la méthode <code>rebuild</code> du builder. -</dd></dl> -<dl><dd> Par exemple, à partir d'une référence à un arbre <code>myTree</code>, ce code reconstruira son contenu : <code>myTree.builder.rebuild();</code> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/classname/index.html b/files/fr/archive/mozilla/xul/propriétés/classname/index.html deleted file mode 100644 index af031bec76..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/classname/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: className -slug: Archive/Mozilla/XUL/Propriétés/className -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/className ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/collapsed/index.html b/files/fr/archive/mozilla/xul/propriétés/collapsed/index.html deleted file mode 100644 index 95dd04a07a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/collapsed/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: collapsed -slug: Archive/Mozilla/XUL/Propriétés/collapsed -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/collapsed ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/contextmenu/index.html b/files/fr/archive/mozilla/xul/propriétés/contextmenu/index.html deleted file mode 100644 index 611425d9c8..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/contextmenu/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: contextMenu -slug: Archive/Mozilla/XUL/Propriétés/contextMenu -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/contextMenu ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code> -</dt><dd> Type : <i>id d'élément popup</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/controllers/index.html b/files/fr/archive/mozilla/xul/propriétés/controllers/index.html deleted file mode 100644 index 28ca9b2f5e..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/controllers/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: controllers -slug: Archive/Mozilla/XUL/Propriétés/controllers -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/controllers ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIControllers">nsIControllers</a></i> -</dd><dd> Une liste de contrôleurs attachés à l'élément. Les contrôleurs servent à répondre à des commandes. Le répartiteur de commandes du document identifiera les contrôleurs pour gérer une commande à l'aide de la liste de l'élément ayant le focus. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/crop/index.html b/files/fr/archive/mozilla/xul/propriétés/crop/index.html deleted file mode 100644 index 01aa418b56..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/crop/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: crop -slug: Archive/Mozilla/XUL/Propriétés/crop -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/crop ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/crop">crop</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/currentitem/index.html b/files/fr/archive/mozilla/xul/propriétés/currentitem/index.html deleted file mode 100644 index 66ca8b4596..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/currentitem/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: currentItem -slug: Archive/Mozilla/XUL/Propriétés/currentItem -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/currentItem ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/currentItem">currentItem</a></span></code> -</dt><dd> Type : <i>élément listitem</i> -</dd><dd> Renvoie le dernier élément sélectionné dans la liste de sélection, ce qui n'est utile que dans une liste à sélection multiple. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/database/index.html b/files/fr/archive/mozilla/xul/propriétés/database/index.html deleted file mode 100644 index a8ef04ee8b..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/database/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: database -slug: Archive/Mozilla/XUL/Propriétés/database -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/database ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIRDFCompositeDataSource">nsIRDFCompositeDataSource</a></i> -</dd><dd> Renvoie la source de données composite créée lorsque toutes les sources de données de l'élément sont combinées. Défini à <code>null</code> pour les éléments qui n'ont pas d'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/datasources/index.html b/files/fr/archive/mozilla/xul/propriétés/datasources/index.html deleted file mode 100644 index 567dd397fe..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/datasources/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: datasources -slug: Archive/Mozilla/XUL/Propriétés/datasources -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/datasources ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code> -</dt><dd> Type : <i>liste d'URIs de sources de données séparée par des espaces</i> -</dd><dd> Lit et définit la valeur de l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>. Dans les nouvelles versions de Mozilla (>1.7), les sources de données seront rechargées et le gabarit reconstruit. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/date/index.html b/files/fr/archive/mozilla/xul/propriétés/date/index.html deleted file mode 100644 index b82437977f..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/date/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: date -slug: Archive/Mozilla/XUL/Propriétés/date -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/date ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/date">date</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Le jour du mois actuellement sélectionné, entre 1 et 31. Modifiez cette propriété pour changer la date sélectionnée.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/dateleadingzero/index.html b/files/fr/archive/mozilla/xul/propriétés/dateleadingzero/index.html deleted file mode 100644 index 2de143aeaa..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/dateleadingzero/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: dateLeadingZero -slug: Archive/Mozilla/XUL/Propriétés/dateLeadingZero -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/dateLeadingZero ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dateLeadingZero">dateLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro doit être affiché avant la date lorsqu'elle est inférieure à 10.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/datepicker.open/index.html b/files/fr/archive/mozilla/xul/propriétés/datepicker.open/index.html deleted file mode 100644 index bd302b35f1..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/datepicker.open/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: datepicker.open -slug: Archive/Mozilla/XUL/Propriétés/datepicker.open -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/datepicker.open ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Pour les sélecteurs de date de type popup, spécifie si celui-ci est ouvert. Définissez cette propriété pour ouvrir ou fermer le popup. Pour les autres types de sélecteurs de date, cette propriété est toujours à <code>false</code>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/datepicker.value/index.html b/files/fr/archive/mozilla/xul/propriétés/datepicker.value/index.html deleted file mode 100644 index 0342ffd158..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/datepicker.value/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: datepicker.value -slug: Archive/Mozilla/XUL/Propriétés/datepicker.value -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/datepicker.value ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/value">value</a></span></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La date actuellement sélectionnée au format AAAA/MM/JJ. Contrairement à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/month">month</a></span></code>, les mois varient ici dans l'intervalle 01 à 12. Définissez cette propriété pour changer la date sélectionnée.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/datevalue/index.html b/files/fr/archive/mozilla/xul/propriétés/datevalue/index.html deleted file mode 100644 index 4872d60184..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/datevalue/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: dateValue -slug: Archive/Mozilla/XUL/Propriétés/dateValue -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/dateValue ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dateValue">dateValue</a></span></code></dt> - <dd> - Type : <i>Date</i></dd> - <dd> - La date actuellement entrée ou sélectionnée dans le sélecteur de date sous la forme d'un objet <code>Date</code>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/defaultvalue/index.html b/files/fr/archive/mozilla/xul/propriétés/defaultvalue/index.html deleted file mode 100644 index cd6be12cb3..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/defaultvalue/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: defaultValue -slug: Archive/Mozilla/XUL/Propriétés/defaultValue -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/defaultValue ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/defaultValue">defaultValue</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Définit et obtient la valeur par défaut d'une boîte de texte. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/dir/index.html b/files/fr/archive/mozilla/xul/propriétés/dir/index.html deleted file mode 100644 index 440727c354..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/dir/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: dir -slug: Archive/Mozilla/XUL/Propriétés/dir -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/dir ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/disabled/index.html b/files/fr/archive/mozilla/xul/propriétés/disabled/index.html deleted file mode 100644 index 03a25bf5ba..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/disabled/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: disabled -slug: Archive/Mozilla/XUL/Propriétés/disabled -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/disabled ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/flex/index.html b/files/fr/archive/mozilla/xul/propriétés/flex/index.html deleted file mode 100644 index 5514de566a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/flex/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: flex -slug: Archive/Mozilla/XUL/Propriétés/flex -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/flex ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/height/index.html b/files/fr/archive/mozilla/xul/propriétés/height/index.html deleted file mode 100644 index db9a532281..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/height/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: height -slug: Archive/Mozilla/XUL/Propriétés/height -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/height ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/hidden/index.html b/files/fr/archive/mozilla/xul/propriétés/hidden/index.html deleted file mode 100644 index d05bc8715b..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/hidden/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: hidden -slug: Archive/Mozilla/XUL/Propriétés/hidden -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/hidden ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/hideseconds/index.html b/files/fr/archive/mozilla/xul/propriétés/hideseconds/index.html deleted file mode 100644 index f5711a3e24..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/hideseconds/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: hideSeconds -slug: Archive/Mozilla/XUL/Propriétés/hideSeconds -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/hideSeconds ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hideSeconds">hideSeconds</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Indique si le champ des secondes doit être masqué.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/hour/index.html b/files/fr/archive/mozilla/xul/propriétés/hour/index.html deleted file mode 100644 index 0b8d5607d6..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/hour/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: hour -slug: Archive/Mozilla/XUL/Propriétés/hour -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/hour ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hour">hour</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - La valeur de l'heure actuellement sélectionnée entre 0 et 23. Modifiez cette propriété pour changer l'heure sélectionnée.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/hourleadingzero/index.html b/files/fr/archive/mozilla/xul/propriétés/hourleadingzero/index.html deleted file mode 100644 index 88ac335836..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/hourleadingzero/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: hourLeadingZero -slug: Archive/Mozilla/XUL/Propriétés/hourLeadingZero -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/hourLeadingZero ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hourLeadingZero">hourLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro initial doit être affiché avant l'heure lorsque celle-ci est inférieure à 10.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/id/index.html b/files/fr/archive/mozilla/xul/propriétés/id/index.html deleted file mode 100644 index d5e6613076..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/id/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: id -slug: Archive/Mozilla/XUL/Propriétés/id -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/id ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code> -</dt><dd> Type : <i>id d'élément, doit être unique dans la fenêtre</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/image/index.html b/files/fr/archive/mozilla/xul/propriétés/image/index.html deleted file mode 100644 index b180fa1bff..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/image/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: image -slug: Archive/Mozilla/XUL/Propriétés/image -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/image ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/image">image</a></span></code> -</dt><dd> Type : <i>URL d'image</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/increment/index.html b/files/fr/archive/mozilla/xul/propriétés/increment/index.html deleted file mode 100644 index ee048522a2..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/increment/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: increment -slug: Archive/Mozilla/XUL/Propriétés/increment -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/increment ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/increment">increment</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/index.html b/files/fr/archive/mozilla/xul/propriétés/index.html deleted file mode 100644 index 046b0478cc..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/index.html +++ /dev/null @@ -1,224 +0,0 @@ ---- -title: Propriétés -slug: Archive/Mozilla/XUL/Propriétés -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property ---- -<p><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span> -</p> -<ul><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/accessible">accessible</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/accessKey">accessKey</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/align">align</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/allowEvents">allowEvents</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/alwaysOpenPopup">alwaysOpenPopup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/appLocale">appLocale</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/autoCheck">autoCheck</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/autoFill">autoFill</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/autoFillAfterMatch">autoFillAfterMatch</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/boxObject">boxObject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/browsers">browsers</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/builder">builder</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/builderView">builderView</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/buttons">buttons</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/canAdvance">canAdvance</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/canGoBack">canGoBack</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/canGoForward">canGoForward</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/canRewind">canRewind</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/checked">checked</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/checkState">checkState</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/child">child</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/children">children</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/className">className</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/collapsed">collapsed</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/color">color</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/columns">columns</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/command">command</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/commandManager">commandManager</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/completeDefaultIndex">completeDefaultIndex</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/container">container</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contentDocument">contentDocument</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contentTitle">contentTitle</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contentView">contentView</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contentViewerEdit">contentViewerEdit</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contentViewerFile">contentViewerFile</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contentWindow">contentWindow</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/contextMenu">contextMenu</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/control">control</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/controller">controller</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/controllers">controllers</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/crop">crop</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/current">current</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/currentIndex">currentIndex</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/currentItem">currentItem</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/currentPage">currentPage</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/currentPane">currentPane</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/currentSet">currentSet</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/currentURI">currentURI</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/customToolbarCount">customToolbarCount</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/database">database</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/datasources">datasources</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/defaultButton">defaultButton</a> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/defaultValue">defaultValue</a></span></code> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/description">description</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/dir">dir</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/disableAutocomplete">disableAutocomplete</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/disableAutoComplete">disableAutoComplete</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/disableautoselect">disableautoselect</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/disabled">disabled</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/disableKeyNavigation">disableKeyNavigation</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/dlgType">dlgType</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/docShell">docShell</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/documentCharsetInfo">documentCharsetInfo</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/editable">editable</a> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/editingColumn">editingColumn</a></span></code> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/editingRow">editingRow</a></span></code> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/editingSession">editingSession</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/editortype">editortype</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/enableColumnDrag">enableColumnDrag</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/eventNode">eventNode</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/firstOrdinalColumn">firstOrdinalColumn</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/firstPermanentChild">firstPermanentChild</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/flex">flex</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/focused">focused</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/focusedItem">focusedItem</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/forceComplete">forceComplete</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/group">group</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/handleCtrlPageUpDown">handleCtrlPageUpDown</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/handleCtrlTab">handleCtrlTab</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/height">height</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/hidden">hidden</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/homePage">homePage</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/id">id</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/ignoreBlurWhileSearching">ignoreBlurWhileSearching</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/image">image</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/inputField">inputField</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/inverted">inverted</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/isSearching">isSearching</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/isWaiting">isWaiting</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/label">label</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/lastSelected">lastSelected</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/left">left</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/linkedPanel">linkedPanel</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/listBoxObject">listBoxObject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/locked">locked</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/markupDocumentViewer">markupDocumentViewer</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/maxHeight">maxHeight</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/maxLength">maxLength</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/maxRows">maxRows</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/maxWidth">maxWidth</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/menu">menu</a> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu.open">menu.open</a></span></code> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/menuBoxObject">menuBoxObject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/menupopup">menupopup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/minHeight">minHeight</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/minResultsForPopup">minResultsForPopup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/minWidth">minWidth</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/mode">mode</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/name">name</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/next">next</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/noMatch">noMatch</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/object">object</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/observes">observes</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/onFirstPage">onFirstPage</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/onLastPage">onLastPage</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/open">open</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/ordinal">ordinal</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/orient">orient</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/pack">pack</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/pageCount">pageCount</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/pageid">pageid</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/pageIndex">pageIndex</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/pageStep">pageStep</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/palette">palette</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/persist">persist</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/popup">popup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/popupBoxObject">popupBoxObject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/popupOpen">popupOpen</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/position">position</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/predicate">predicate</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/preferenceElements">preferenceElements</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/preferencePanes">preferencePanes</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/preferences">preferences</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/radioGroup">radioGroup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/readonly">readonly</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/ref">ref</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/resource">resource</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/resultsPopup">resultsPopup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/scrollBoxObject">scrollBoxObject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/searchCount">searchCount</a> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/searchLabel">searchLabel</a></span></code> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/searchParam">searchParam</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/searchSessions">searchSessions</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/securityUI">securityUI</a> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selType">selType</a></span></code> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selected">selected</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedBrowser">selectedBrowser</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedCount">selectedCount</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedIndex">selectedIndex</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedItem">selectedItem</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedItems">selectedItems</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedPanel">selectedPanel</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectedTab">selectedTab</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectionEnd">selectionEnd</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selectionStart">selectionStart</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selstyle">selstyle</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/selType">selType</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/sessionCount">sessionCount</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/sessionHistory">sessionHistory</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/showCommentColumn">showCommentColumn</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/showPopup">showPopup</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/size">size</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/src">src</a> -</li><li> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/state">state</a></span></code> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/statusbar">statusbar</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/statusText">statusText</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/stringBundle">stringBundle</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/strings">strings</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/style">style</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/subject">subject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/suppressOnSelect">suppressOnSelect</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tabContainer">tabContainer</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tabIndex">tabIndex</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tabs">tabs</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tabScrolling">tabScrolling</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tag">tag</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/textLength">textLength</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/textValue">textValue</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/timeout">timeout</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/title">title</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/toolbarName">toolbarName</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/toolbarset">toolbarset</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tooltip">tooltip</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/tooltipText">tooltipText</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/top">top</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/treeBoxObject">treeBoxObject</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/type">type</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/uri">uri</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/userAction">userAction</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/value">value</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/view">view</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/webBrowserFind">webBrowsereFind</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/webNavigation">webNavigation</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/webProgress">webProgress</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/width">width</a> -</li><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/wizardPages">wizardPages</a> -</li></ul> -<h3 id="Propri.C3.A9t.C3.A9s_de_DOM_element_li.C3.A9es" name="Propri.C3.A9t.C3.A9s_de_DOM_element_li.C3.A9es"> Propriétés de DOM element liées </h3> -<ul><li> <a href="fr/DOM/element.attributes">DOM:element.attributes</a> -</li><li> <a href="fr/DOM/element.childNodes">DOM:element.childNodes</a> -</li><li> <a href="fr/DOM/element.cloneNode">DOM:element.cloneNode</a> -</li><li> <a href="fr/DOM/element.firstChild">DOM:element.firstChild</a> -</li><li> <a href="fr/DOM/element.lastChild">DOM:element.lastChild</a> -</li><li> <a href="fr/DOM/element.localName">DOM:element.localName</a> -</li><li> <a href="fr/DOM/element.namespaceURI">DOM:element.namespaceURI</a> -</li><li> <a href="fr/DOM/element.nextSibling">DOM:element.nextSibling</a> -</li><li> <a href="fr/DOM/element.nodeName">DOM:element.nodeName</a> -</li><li> <a href="fr/DOM/element.nodeType">DOM:element.nodeType</a> -</li><li> <a href="fr/DOM/element.nodeValue">DOM:element.nodeValue</a> -</li><li> <a href="fr/DOM/element.ownerDocument">DOM:element.ownerDocument</a> -</li><li> <a href="fr/DOM/element.parentNode">DOM:element.parentNode</a> -</li><li> <a href="fr/DOM/element.prefix">DOM:element.prefix</a> -</li><li> <a href="fr/DOM/element.previousSibling">DOM:element.previousSibling</a> -</li><li> <a href="fr/DOM/element.tagName">DOM:element.tagName</a> -</li></ul> diff --git a/files/fr/archive/mozilla/xul/propriétés/inverted/index.html b/files/fr/archive/mozilla/xul/propriétés/inverted/index.html deleted file mode 100644 index 658135805f..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/inverted/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: inverted -slug: Archive/Mozilla/XUL/Propriétés/inverted -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/inverted ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/inverted">inverted</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-inverted"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/inverted">inverted</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/is24hourclock/index.html b/files/fr/archive/mozilla/xul/propriétés/is24hourclock/index.html deleted file mode 100644 index 74e27b6c04..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/is24hourclock/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: is24HourClock -slug: Archive/Mozilla/XUL/Propriétés/is24HourClock -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/is24HourClock ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/is24HourClock">is24HourClock</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si l'heure est affichée à l'aide d'une horloge à 24 ou 12 heures. Avec une horloge à 12 heures, un champ supplémentaire permet à l'utilisateur de choisir entre AM et PM.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/ispm/index.html b/files/fr/archive/mozilla/xul/propriétés/ispm/index.html deleted file mode 100644 index 37be41eafc..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/ispm/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: isPM -slug: Archive/Mozilla/XUL/Propriétés/isPM -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/isPM ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/isPM">isPM</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si cette propriété est à <code>false</code>, l'heure est entre 0 et 11. Si elle est à <code>true</code>, l'heure est supérieure ou égale à 12.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/label/index.html b/files/fr/archive/mozilla/xul/propriétés/label/index.html deleted file mode 100644 index c913db90bc..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/label/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: label -slug: Archive/Mozilla/XUL/Propriétés/label -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/label ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/left/index.html b/files/fr/archive/mozilla/xul/propriétés/left/index.html deleted file mode 100644 index eca1301f70..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/left/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: left -slug: Archive/Mozilla/XUL/Propriétés/left -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/left ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/listboxobject/index.html b/files/fr/archive/mozilla/xul/propriétés/listboxobject/index.html deleted file mode 100644 index 4d5b75170a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/listboxobject/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: listBoxObject -slug: Archive/Mozilla/XUL/Propriétés/listBoxObject -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/listBoxObject ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/listBoxObject">listBoxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIListBoxObject">nsIListBoxObject</a></i> -</dd><dd> L'objet <code>nsIListBoxObject</code> derrière la liste de sélection. Cette propriété est en lecture seule. La plupart des fonctionnalités de la liste de sélection sont déjà disponibles directement dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>, il sera donc rarement nécessaire d'utiliser cet objet de boîte directement. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/locked/index.html b/files/fr/archive/mozilla/xul/propriétés/locked/index.html deleted file mode 100644 index 5c097897c0..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/locked/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: locked -slug: Archive/Mozilla/XUL/Propriétés/locked -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/locked ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/locked">locked</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si définie à <code>true</code>, la préférence a été verrouillée et désactivée dans la configuration système, ce qui empêche de changer sa valeur. Cette propriété est en lecture seule. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/max/index.html b/files/fr/archive/mozilla/xul/propriétés/max/index.html deleted file mode 100644 index d8fd66793d..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/max/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: max -slug: Archive/Mozilla/XUL/Propriétés/max -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/max ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/max">max</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/maxheight/index.html b/files/fr/archive/mozilla/xul/propriétés/maxheight/index.html deleted file mode 100644 index 5a36481266..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/maxheight/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: maxHeight -slug: Archive/Mozilla/XUL/Propriétés/maxHeight -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/maxHeight ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/maxwidth/index.html b/files/fr/archive/mozilla/xul/propriétés/maxwidth/index.html deleted file mode 100644 index 48d245dac9..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/maxwidth/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: maxWidth -slug: Archive/Mozilla/XUL/Propriétés/maxWidth -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/maxWidth ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/menu/index.html b/files/fr/archive/mozilla/xul/propriétés/menu/index.html deleted file mode 100644 index a9dbbade7f..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/menu/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: menu -slug: Archive/Mozilla/XUL/Propriétés/menu -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/menu ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code> -</dt><dd> Type : <i>id d'élément popup</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/min/index.html b/files/fr/archive/mozilla/xul/propriétés/min/index.html deleted file mode 100644 index cc96380d54..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/min/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: min -slug: Archive/Mozilla/XUL/Propriétés/min -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/min ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/min">min</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/minheight/index.html b/files/fr/archive/mozilla/xul/propriétés/minheight/index.html deleted file mode 100644 index fc67f0823a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/minheight/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: minHeight -slug: Archive/Mozilla/XUL/Propriétés/minHeight -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/minHeight ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/minute/index.html b/files/fr/archive/mozilla/xul/propriétés/minute/index.html deleted file mode 100644 index f9a70a888a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/minute/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: minute -slug: Archive/Mozilla/XUL/Propriétés/minute -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/minute ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minute">minute</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Les minutes de l'heure actuellement sélectionnée entre 0 et 59. Modifiez cette propriété pour changer la minute sélectionnée.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/minuteleadingzero/index.html b/files/fr/archive/mozilla/xul/propriétés/minuteleadingzero/index.html deleted file mode 100644 index 47911a397d..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/minuteleadingzero/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: minuteLeadingZero -slug: Archive/Mozilla/XUL/Propriétés/minuteLeadingZero -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/minuteLeadingZero ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minuteLeadingZero">minuteLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro initial doit être affiché avant la valeur des minutes lorsque celle-ci est inférieure à 10.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/minwidth/index.html b/files/fr/archive/mozilla/xul/propriétés/minwidth/index.html deleted file mode 100644 index 384dc60350..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/minwidth/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: minWidth -slug: Archive/Mozilla/XUL/Propriétés/minWidth -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/minWidth ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code> -</dt><dd> Type : <i>integer</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/month/index.html b/files/fr/archive/mozilla/xul/propriétés/month/index.html deleted file mode 100644 index 2bca180dc7..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/month/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: month -slug: Archive/Mozilla/XUL/Propriétés/month -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/month ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/month">month</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Le mois actuellement sélectionné entre 0 (janvier) et 11 (décembre). Définissez cette propriété pour changer le mois sélectionné.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/monthleadingzero/index.html b/files/fr/archive/mozilla/xul/propriétés/monthleadingzero/index.html deleted file mode 100644 index 942edc6094..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/monthleadingzero/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: monthLeadingZero -slug: Archive/Mozilla/XUL/Propriétés/monthLeadingZero -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/monthLeadingZero ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/monthLeadingZero">monthLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro doit être affiché devant le mois s'il est inférieur à 10.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/name/index.html b/files/fr/archive/mozilla/xul/propriétés/name/index.html deleted file mode 100644 index 879ae4a5a0..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/name/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: name -slug: Archive/Mozilla/XUL/Propriétés/name -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/name ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/name">name</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le nom de la préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) à modifier. Par exemple, la page d'accueil du navigateur est définie par la préférence <code>browser.startup.homepage</code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/observes/index.html b/files/fr/archive/mozilla/xul/propriétés/observes/index.html deleted file mode 100644 index 642fd59922..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/observes/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: observes -slug: Archive/Mozilla/XUL/Propriétés/observes -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/observes ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code> -</dt><dd> Type : <i>id d'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code></i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/open/index.html b/files/fr/archive/mozilla/xul/propriétés/open/index.html deleted file mode 100644 index 4d8deac2fb..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/open/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: open -slug: Archive/Mozilla/XUL/Propriétés/open -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/open ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/open">open</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/ordinal/index.html b/files/fr/archive/mozilla/xul/propriétés/ordinal/index.html deleted file mode 100644 index df77eb113a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/ordinal/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: ordinal -slug: Archive/Mozilla/XUL/Propriétés/ordinal -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/ordinal ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/orient/index.html b/files/fr/archive/mozilla/xul/propriétés/orient/index.html deleted file mode 100644 index f965b07278..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/orient/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: orient -slug: Archive/Mozilla/XUL/Propriétés/orient -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/orient ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/pack/index.html b/files/fr/archive/mozilla/xul/propriétés/pack/index.html deleted file mode 100644 index fd555d4c49..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/pack/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: pack -slug: Archive/Mozilla/XUL/Propriétés/pack -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/pack ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/pageincrement/index.html b/files/fr/archive/mozilla/xul/propriétés/pageincrement/index.html deleted file mode 100644 index 17ccd723cd..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/pageincrement/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: pageIncrement -slug: Archive/Mozilla/XUL/Propriétés/pageIncrement -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/pageIncrement ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pageIncrement">pageIncrement</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-pageincrement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pageincrement">pageincrement</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/persist/index.html b/files/fr/archive/mozilla/xul/propriétés/persist/index.html deleted file mode 100644 index bdc1c330db..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/persist/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: persist -slug: Archive/Mozilla/XUL/Propriétés/persist -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/persist ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code> -</dt><dd> Type : <i>liste de noms d'attributs séparés par des espaces</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/pmindicator/index.html b/files/fr/archive/mozilla/xul/propriétés/pmindicator/index.html deleted file mode 100644 index e35b07ba7b..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/pmindicator/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: pmIndicator -slug: Archive/Mozilla/XUL/Propriétés/pmIndicator -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/pmIndicator ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pmIndicator">pmIndicator</a></span></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La valeur chaîne affichée pour les heures entre midi et minuit, par défaut « PM ». Cette valeur est déterminée selon la locale de l'utilisateur.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/popupboxobject/index.html b/files/fr/archive/mozilla/xul/propriétés/popupboxobject/index.html deleted file mode 100644 index 73c7b44900..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/popupboxobject/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: popupBoxObject -slug: Archive/Mozilla/XUL/Propriétés/popupBoxObject -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/popupBoxObject ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/popupBoxObject">popupBoxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a></i> -</dd><dd> Cette propriété en lecture seule conserve le <a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a> qui implémente le popup. Il n'est normalement pas nécessaire d'utiliser cette propriété étant donné que toutes ses fonctions sont disponibles via le popup lui-même. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/position/index.html b/files/fr/archive/mozilla/xul/propriétés/position/index.html deleted file mode 100644 index a48b08003e..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/position/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: position -slug: Archive/Mozilla/XUL/Propriétés/position -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/position ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/position">position</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <a href="fr/XUL/Attributs/popup.position">position</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/preference.preferences/index.html b/files/fr/archive/mozilla/xul/propriétés/preference.preferences/index.html deleted file mode 100644 index 04e39427d6..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/preference.preferences/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: preference.preferences -slug: Archive/Mozilla/XUL/Propriétés/preference.preferences -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/preference.preferences ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/preference.preferences">preferences</a> -</dt><dd> Type : <i>élément</i> -</dd><dd> Référence à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preferences" title="preferences">preferences</a></code> conteneur. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/readonly/index.html b/files/fr/archive/mozilla/xul/propriétés/readonly/index.html deleted file mode 100644 index f6fd6c6c5a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/readonly/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: readonly -slug: Archive/Mozilla/XUL/Propriétés/readOnly -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/readOnly ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/readonly">readonly</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si définie à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément.</dd> - <dd> - <div class="note"> - Cette propriété toute en minuscules n'est utilisée qu'avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code> et sera peut-être renommée en <code>readOnly</code> dans des versions ultérieures. D'autres éléments utilisent la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/readOnly">readOnly</a></span></code>. L'attribut correspondant est cependant <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> en minuscules.</div> - </dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/ref/index.html b/files/fr/archive/mozilla/xul/propriétés/ref/index.html deleted file mode 100644 index 68f38ce84b..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/ref/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: ref -slug: Archive/Mozilla/XUL/Propriétés/ref -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/ref ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code> -</dt><dd> Type : <i>URI d'une ressource RDF</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/resource/index.html b/files/fr/archive/mozilla/xul/propriétés/resource/index.html deleted file mode 100644 index d791d97a80..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/resource/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: resource -slug: Archive/Mozilla/XUL/Propriétés/resource -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/resource ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIRDFResource">nsIRDFResource</a></i> -</dd><dd> Renvoie une ressource RDF avec la valeur de l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> de l'élément. Si cet élément <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> n'est pas spécifié, l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sera utilisé à la place. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/second/index.html b/files/fr/archive/mozilla/xul/propriétés/second/index.html deleted file mode 100644 index ae2c271580..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/second/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: second -slug: Archive/Mozilla/XUL/Propriétés/second -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/second ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/second">second</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - La valeur des secondes de l'heure actuellement sélectionnée, entre 0 et 59. Modifiez cette propriété pour changer la seconde sélectionnée.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/secondleadingzero/index.html b/files/fr/archive/mozilla/xul/propriétés/secondleadingzero/index.html deleted file mode 100644 index 72d843df5d..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/secondleadingzero/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: secondLeadingZero -slug: Archive/Mozilla/XUL/Propriétés/secondLeadingZero -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/secondLeadingZero ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/secondLeadingZero">secondLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro initial doit être affiché avant la valeur des secondes si celle-ci est inférieure à 10.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/selected/index.html b/files/fr/archive/mozilla/xul/propriétés/selected/index.html deleted file mode 100644 index 680f617876..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/selected/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: selected -slug: Archive/Mozilla/XUL/Propriétés/selected -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/selected ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> - -<dl> -<dt><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selected">selected</a></span></code> </dt> -<dd>Type : <i>booléen</i></dd> -<dd>La valeur de cette propriété est <code>true</code> si cet élément est sélectionné, ou <code>false</code> s'il ne l'est pas. Cette propriété est en lecture seule.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/selectedindex/index.html b/files/fr/archive/mozilla/xul/propriétés/selectedindex/index.html deleted file mode 100644 index 6d9e555cf2..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/selectedindex/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: selectedIndex -slug: Archive/Mozilla/XUL/Propriétés/selectedIndex -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/selectedIndex ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Renvoie l'indice de l'élément actuellement sélectionné. Un élément peut être sélectionné en assignant son indice à cette propriété. En lui assignant <code>-1</code>, tous les éléments seront désélectionnés. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/selecteditem/index.html b/files/fr/archive/mozilla/xul/propriétés/selecteditem/index.html deleted file mode 100644 index 221bd2cf1a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/selecteditem/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: selectedItem -slug: Archive/Mozilla/XUL/Propriétés/selectedItem -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/selectedItem ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedItem">selectedItem</a></span></code> -</dt><dd> Type : <i>élément</i> -</dd><dd> Conserve l'élément actuellement sélectionné. Si aucun élément n'est sélectionné, sa valeur sera <code>null</code>. Vous pouvez sélectionner un élément en définissant cette valeur. Un évènement select sera envoyé à cet élément lorsqu'il est sélectionné en modifiant cette propriété, la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code>, ou par l'utilisateur. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/seltype/index.html b/files/fr/archive/mozilla/xul/propriétés/seltype/index.html deleted file mode 100644 index 7c2cb97223..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/seltype/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: selType -slug: Archive/Mozilla/XUL/Propriétés/selType -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/selType ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selType">selType</a></span></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - chaîne de caractères</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code>.</dd> -</dl> -<div class="noinclude"> - </div> diff --git a/files/fr/archive/mozilla/xul/propriétés/state/index.html b/files/fr/archive/mozilla/xul/propriétés/state/index.html deleted file mode 100644 index 0539f20aea..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/state/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: state -slug: Archive/Mozilla/XUL/Propriétés/state -tags: - - Attributs_XUL - - Référence_XUL -translation_of: Archive/Mozilla/XUL/Property/state ---- -<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="http://api/fr/docs/XUL/Propriétés/state">state</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cette propriété en lecture seule indique si le popup est ouvert ou non. Quatre valeurs sont possibles : -</dd></dl> -<ul><li> <code>closed</code> : Le popup est fermé et non visible. -</li><li> <code>open</code> : Le popup est ouvert et visible sur l'écran. -</li><li> <code>showing</code> : Une requête a été faite pour ouvrir le popup, mais il n'a pas encore été affiché. Cet état se produit durant l'évènement <code>popupshowing</code>. -</li><li> <code>hiding</code> : Le popup est sur le point d'être masqué. Cet état se produit durant l'évènement <code>popuphiding</code>. -</li></ul> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/statustext/index.html b/files/fr/archive/mozilla/xul/propriétés/statustext/index.html deleted file mode 100644 index e8d0c5f93c..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/statustext/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: statusText -slug: Archive/Mozilla/XUL/Propriétés/statusText -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/statusText ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/style/index.html b/files/fr/archive/mozilla/xul/propriétés/style/index.html deleted file mode 100644 index 2ac332eb3b..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/style/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: style -slug: Archive/Mozilla/XUL/Propriétés/style -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/style ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code> -</dt><dd> Type : <i>style CSS inline</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/suppressonselect/index.html b/files/fr/archive/mozilla/xul/propriétés/suppressonselect/index.html deleted file mode 100644 index fb43cec3fe..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/suppressonselect/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: suppressOnSelect -slug: Archive/Mozilla/XUL/Propriétés/suppressOnSelect -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/suppressOnSelect ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/suppressOnSelect">suppressOnSelect</a></span></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-suppressonselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/suppressonselect">suppressonselect</a></code>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/tabindex/index.html b/files/fr/archive/mozilla/xul/propriétés/tabindex/index.html deleted file mode 100644 index cb59c74840..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/tabindex/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: tabIndex -slug: Archive/Mozilla/XUL/Propriétés/tabIndex -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/tabIndex ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/timepicker.value/index.html b/files/fr/archive/mozilla/xul/propriétés/timepicker.value/index.html deleted file mode 100644 index 2629a7774d..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/timepicker.value/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: timepicker.value -slug: Archive/Mozilla/XUL/Propriétés/timepicker.value -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/timepicker.value ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/value">value</a></span></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - L'heure actuellement entrée sous la forme HH:MM:SS. Modifiez cette propriété pour changer cette heure.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/tooltip/index.html b/files/fr/archive/mozilla/xul/propriétés/tooltip/index.html deleted file mode 100644 index 0b2a5e95e3..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/tooltip/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: tooltip -slug: Archive/Mozilla/XUL/Propriétés/tooltip -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/tooltip ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code> -</dt><dd> Type : <i>id d'élément tooltip</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/tooltiptext/index.html b/files/fr/archive/mozilla/xul/propriétés/tooltiptext/index.html deleted file mode 100644 index 0ad5b618ee..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/tooltiptext/index.html +++ /dev/null @@ -1,24 +0,0 @@ ---- -title: tooltipText -slug: Archive/Mozilla/XUL/Propriétés/tooltipText -tags: - - Propriétés_XUL - - XUL -translation_of: Archive/Mozilla/XUL/Property/tooltipText ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code></dt> - <dd> - Type : - <i> - chaîne de caractères</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>.</dd> -</dl> -<div class="noinclude"> - </div> -<p> </p> diff --git a/files/fr/archive/mozilla/xul/propriétés/top/index.html b/files/fr/archive/mozilla/xul/propriétés/top/index.html deleted file mode 100644 index 204e928123..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/top/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: top -slug: Archive/Mozilla/XUL/Propriétés/top -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/top ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/type/index.html b/files/fr/archive/mozilla/xul/propriétés/type/index.html deleted file mode 100644 index 450c40e124..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/type/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: type -slug: Archive/Mozilla/XUL/Propriétés/type -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/type ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/type">type</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code>. -</dd></dl> -<div class="noinclude"> -<h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h3> -<ul><li> <a href="fr/XUL/Propri%c3%a9t%c3%a9s/textbox.type">textbox.type</a> -</li></ul> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/value/index.html b/files/fr/archive/mozilla/xul/propriétés/value/index.html deleted file mode 100644 index ff5257202b..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/value/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: value -slug: Archive/Mozilla/XUL/Propriétés/value -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/value ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/width/index.html b/files/fr/archive/mozilla/xul/propriétés/width/index.html deleted file mode 100644 index 9b58bd9c1a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/width/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: width -slug: Archive/Mozilla/XUL/Propriétés/width -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/width ---- -<div class="noinclude"><span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code>. -</dd></dl> -<p><br> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/propriétés/year/index.html b/files/fr/archive/mozilla/xul/propriétés/year/index.html deleted file mode 100644 index 0c01e08e7a..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/year/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: year -slug: Archive/Mozilla/XUL/Propriétés/year -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/year ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/year">year</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - L'année actuellement sélectionnée entre 1 et 9999. Définissez cette propriété pour changer la date sélectionnée.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/propriétés/yearleadingzero/index.html b/files/fr/archive/mozilla/xul/propriétés/yearleadingzero/index.html deleted file mode 100644 index ef949e53e4..0000000000 --- a/files/fr/archive/mozilla/xul/propriétés/yearleadingzero/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: yearLeadingZero -slug: Archive/Mozilla/XUL/Propriétés/yearLeadingZero -tags: - - Propriétés_XUL -translation_of: Archive/Mozilla/XUL/Property/yearLeadingZero ---- -<div class="noinclude"> - <span class="breadcrumbs XULRefProp_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="Référence_XUL">Accueil de la référence XUL</a></span></div> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/yearLeadingZero">yearLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro doit être affiché devant l'année si elle est inférieure à 1000.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/recommandations_accessibilité_pour_xul/index.html b/files/fr/archive/mozilla/xul/recommandations_accessibilité_pour_xul/index.html deleted file mode 100644 index 000f7b13c8..0000000000 --- a/files/fr/archive/mozilla/xul/recommandations_accessibilité_pour_xul/index.html +++ /dev/null @@ -1,484 +0,0 @@ ---- -title: Recommandations d'accessibilité pour XUL -slug: Archive/Mozilla/XUL/Recommandations_accessibilité_pour_XUL -tags: - - Accessibilité - - XUL -translation_of: Archive/Mozilla/XUL/XUL_accessibility_guidelines ---- -<h2 id="Introduction" name="Introduction">Introduction</h2> - -<p>Bienvenue dans les recommandations d'accessibilité pour XUL. En suivant ces principes et pratiques, vous pourrez écrire des applications XUL de manière à ce que tous les utilisateurs, même ceux souffrant de handicaps physiques, sensoriels ou communicatifs puissent l'utiliser et l'apprécier. L'accessibilité n'a rien de difficile, mais nécessite une compréhension basique des différents types de handicaps, des technologies assistives courantes et des fonctionnalités spéciales d'accessibilité fournies par le langage XUL. Plus que tout, l'accessibilité a besoin d'un effort conscient de votre part, et d'un désir d'intégrer tout le monde.</p> - -<p>Nous espérons que ces recommandations seront suffisamment claires et détaillées pour que tout le monde — même ceux qui n'ont aucune expérience dans le domaine de l'accessibilité — puisse les comprendre. Il existe également une communauté de développeurs spécialisés dans l'accessibilité au sein du projet Mozilla qui n'hésiteront pas à vous aider pour toutes les inquiétudes et questions suscitées par le fait de rendre vos applications XUL entièrement accessibles.</p> - -<table class="standard-table"> - <caption>Pour en savoir plus</caption> - <tbody> - <tr> - <th>Accessibilité</th> - <th>Fonctionnalités de la plateforme</th> - <th>Communauté Mozilla</th> - </tr> - <tr> - <td><a class="external" href="http://www.mozilla.org/access/today">Software Accessibility - Where Are We Today?</a> Introduction à l'accessibilité, aux technologies assistives et ressources concernant Mozilla. - <p><a class="external" href="http://webaim.org/intro/">Introduction to Web Accessibility</a>. Aperçu de l'accessibilité Web de WebAIM.</p> - - <p><a class="external" href="http://diveintoaccessibility.org/">Dive Into Accessibility</a>. Livre téléchargeable sur l'accessibilité Web avec astuces et mises en situation.</p> - - <p><a class="external" href="http://kb.mozillazine.org/Assistive_technology_compatibility">Technology Compatibility</a>. Liste de technologies assistives courantes et de leurs niveaux de compatibilité respectifs avec XUL.</p> - <a class="link-irc" href="irc://irc.freenode.net/#accessibility">#accessibility</a>. Canal IRC sur l'accessibilité pour des discussions générales autour de l'accessibilité sur Internet. Utile lors de conférences.</td> - <td><a class="external" href="http://www.apple.com/accessibility/">Apple Accessibility</a>. Portail d'accessibilité d'Apple. - <p><a class="external" href="http://larswiki.atrc.utoronto.ca/wiki">LARS (Linux Accessibility Resource Site)</a>. Portail sur l'accessibilité générale sous Linux.</p> - <a class="external" href="http://www.microsoft.com/enable/">Microsoft Accessibility</a>. Portail pour l'accessibilité chez Microsoft.</td> - <td><a href="/fr/Accessibilité" title="fr/Accessibilité">Accessibilité - MDC</a>. Centre d'accessibilité sur le Mozilla Developer Center. - <p><a class="external" href="http://groups.google.com/group/mozilla.support.accessibility">mozilla.support.accessibility</a>. Newsgroup sur l'accessibilité dans Mozilla.</p> - <a class="link-irc" href="irc://irc.mozilla.org/#accessibility">#accessibility</a>. Canal sur l'accessibilité sur le serveur IRC de Mozilla.</td> - </tr> - </tbody> -</table> - -<p> </p> - -<h2 id="Recommandations" name="Recommandations">Recommandations</h2> - -<h3 id="Acc.C3.A8s_au_clavier" name="Acc.C3.A8s_au_clavier">Accès au clavier</h3> - -<p>L'accès au clavier est important pour les utilisateurs ne pouvant pas utiliser de souris. Beaucoup d'utilisateurs de lecteurs d'écran et de handicapés physiques s'appuient sur le clavier comme outil d'entrée principal. Ces utilisateurs ont besoin d'un contrôle au clavier aisé, prévisible et bien documenté.</p> - -<h4 id="Ordre_de_tabulation" name="Ordre_de_tabulation">Ordre de tabulation</h4> - -<p><strong>Fournissez un ordre de tabulation logique</strong> et assurez-vous que les utilisateurs puissent naviguer parmi tout le contenu à l'aide d'un clavier. Par défaut, l'ordre de tabulation est déterminé par l'ordre des éléments dans le code sous-jacent. Il peut également être redéfini programmatiquement à l'aide de l'attribut <code>tabindex</code> si nécessaire, mais cela doit se faire avec modération et être testé en profondeur lorsqu'on l'utilise. L'ordre de navigation doit être logique, généralement de gauche à droite et de haut en bas. L'ordre de navigation peut varier selon la nature de l'application ou le sens de lecture de la langue utilisée.</p> - -<p>Assurez-vous que l'ordre de tabulation est logique et que l'on puisse accéder à tous les éléments interactifs simplement sans utiliser de souris. Vous devriez arriver à effectuer toutes les tâches possibles, que ce soit directement dans l'application ou depuis des éléments du menu ou de menus contextuels.</p> - -<h4 id="Arbres" name="Arbres">Arbres</h4> - -<p><strong>Fournissez une manière alternative d'effectuer les opérations inaccessibles</strong>. Le sélecteur de colonne et les en-têtes de colonne dans les arbres XUL ne sont pas accessibles au clavier, pour respecter le comportement standard des arbres sur la plupart des systèmes d'exploitations actuels. Il est donc nécessaire de fournir une alternative accessible au clavier pour accéder à ces fonctions.</p> - -<div class="float-right"><img alt="Aperçu du menu Affichage de la gestion des marque-pages de Firefox." class="internal" src="/@api/deki/files/1326/=XUL_a11y_treesort.png"></div> - -<p>Un exemple d'arbre plus accessible est visible dans le gestionnaire de marque-pages de Firefox. Celui-ci permet aux utilisateurs de trier les marque-pages selon une certaine colonne d'information et de choisir les colonnes à afficher. Comme les en-têtes de colonne et le sélecteur de colonne, dans le coin supérieur droit de l'arbre, ne peuvent pas recevoir le focus, ils ne sont pas accessibles au clavier. Dans le gestionnaire de marque-pages, cette fonctionnalité est rendue accessible au clavier via le menu Affichage.</p> - -<h4 id="Boutons_de_barres_d.27outils" name="Boutons_de_barres_d.27outils">Boutons de barres d'outils</h4> - -<p>Par défaut, les boutons de barres d'outils ne peuvent pas recevoir le focus depuis le clavier. La manière conseillée de remédier à ce problème est de <strong>dupliquer toute fonctionnalité associée avec une barre d'outils ailleurs dans l'application</strong>, via un élément de menu principal ou contextuel par exemple. Dans les cas où cette duplication n'est pas possible (comme dans une fenêtre sans barre de menus), il est possible de permettre aux boutons de barres d'outils d'obtenir le focus en ajoutant la règle CSS spéciale <em>-moz-user-focus: normal</em>. (La fenêtre d'aperçu avant impression de Firefox utilise cette technique de secours.) Cela ne doit se faire qu'en dernier ressort, et être cohérent au sein d'une même fenêtre (c'est-à-dire que soit tous les boutons sont accessibles au clavier, soit aucun ne l'est).</p> - -<h4 id="Raccourcis_clavier" name="Raccourcis_clavier">Raccourcis clavier</h4> - -<p>Les raccourcis clavier sont très utiles pour les utilisateurs devant naviguer au clavier. Il existe de nombreuses manières d'en fournir. Celles-ci sont bien documentées dans le <a href="/fr/Tutoriel_XUL/Raccourcis_clavier" title="fr/Tutoriel_XUL/Raccourcis_clavier">Tutoriel XUL:Raccourcis clavier</a>.</p> - -<p><strong>Il convient de faire particulièrement attention lors du choix des raccourcis clavier.</strong> Lors de la création d'une extension (que ce soit pour Firefox ou une autre application XUL), assurez-vous que les raccourcis clavier que vous définissez n'interfèrent pas avec ceux déjà définis par l'application de base. Reportez-vous aux ressources suivantes lors de la définition de raccourcis clavier.</p> - -<div style="max-width: 35em;"> -<table class="standard-table"> - <caption>En savoir plus</caption> - <tbody> - <tr> - <th>Raccourcis clavier et touches d'accès rapides</th> - </tr> - <tr> - <td><a class="external" href="http://www.mozilla.org/access/keyboard/">Mozilla Keyboard Planning FAQ and Cross Reference</a>. Un excellent guide pour déterminer les combinaisons de touches non utilisées et les problèmes dépendant de la plateforme. - <p><a class="external" href="http://www.mozilla.org/docs/end-user/moz_shortcuts.html">Mozilla Keyboard Shortcuts</a>. Une liste complète des raccourcis clavier des diverses applications Mozilla.</p> - <a class="external" href="http://www.mozilla.org/access/keyboard/accesskey">Mozilla's accesskey FAQ</a>. Une courte référence sur l'utilisation de l'attribut accesskey.</td> - </tr> - </tbody> -</table> -</div> - -<h4 id="Menus_contextuels" name="Menus_contextuels">Menus contextuels</h4> - -<p>Le menu contextuel est le petit menu activé par un clic droit de la souris sur une zone de contenu ou un élément (ou à l'aide de <code>Shift + F10</code> ou <code>VK_APPS</code> sous Windows et <code>Ctrl + Click</code> ou <code>Ctrl + Espace</code> sur un Mac). <strong>Utilisez le gestionnaire d'évènement <em>oncontextmenu</em> ou l'attribut <em>context</em> pour créer des menus contextuels.</strong> Ne les codez pas pour s'ouvrir spécifiquement lors d'un clic-droit. L'évènement <code>oncontextmenu</code> et l'attribut <code>context</code> fonctionnent avec les déclencheurs de menus spécifiques à chaque plateforme, que ce soient les touches du clavier ou les clics de souris appropriés.</p> - -<h4 id="Scripts_d.C3.A9pendant_de_la_souris" name="Scripts_d.C3.A9pendant_de_la_souris">Scripts dépendant de la souris</h4> - -<p>Les fonctions associées aux évènements souris comme <em>onmouseover</em>, <em>onmousemove</em> et <em>ondrag</em> peuvent uniquement être activés à l'aide de la souris. Fournissez des points d'accès alternatifs au clavier pour ces fonctions. Envisagez d'utiliser des éléments de menus contextuels ou d'autres éléments XUL parallèlement aux raccourcis clavier.</p> - -<h4 id="D.C3.A9filement" name="D.C3.A9filement">Défilement</h4> - -<p><strong>Assurez-vous que le défilement est possible au clavier.</strong> Beaucoup d'éléments XUL peuvent être rendus défilables à l'aide de CSS. D'autres éléments, comme <code>arrowscrollbox</code> et <code>listbox</code>, sont conçus pour défiler automatiquement. En règle générale, les éléments prévus pour défiler sont inaccessibles si l'utilisateur ne peut pas faire défiler tout le contenu à l'aide du clavier. L'élément <code>arrowscrollbox</code>, par exemple, ne peut pas recevoir le focus ni défiler à l'aide du clavier. Un élément <code>listbox</code>, par contre, peut recevoir le focus et son contenu peut défiler. À peu près tous les éléments XUL peuvent être rendus défilables en définissant un style "overflow: auto" ou "overflow: scroll". Cette flexibilité doit être utilisée de manière réfléchie.</p> - -<h4 id="Maintien_du_focus" name="Maintien_du_focus">Maintien du focus</h4> - -<p>L'utilisateur doit typiquement pouvoir contrôler l'endroit où se trouve le focus actuel. <strong>Évitez de changer le focus automatiquement</strong>. Cependant, désactiver, masquer ou détruire l'élément qui a le focus (ou l'un de ses éléments parents) peut provoquer la perte du focus. Pour empêcher cela, <strong>déplacez le focus à l'élément suivant avant de désactiver, masquer ou détruire l'élément qui a le focus</strong>.</p> - -<p>L'exemple qui suit montre une fonction JavaScript qui peut être appelée avant de détruire un élément pour vérifier s'il a le focus et le déplacer si nécessaire.</p> - -<pre>function moveFocus(element) -{ - if(element == document.commandDispatcher.focusedElement) - { - document.commandDispatcher.advanceFocus(); - return true; - } - - return false; -} -</pre> - -<p><br> - Les changements de focus inattendus peuvent embrouiller ou désorienter les utilisateurs. Un exemple récurrent concerne les numéros de téléphones à entrer dans des champs de formulaire. Les numéros de téléphone aux États-Unis sont souvent affichés dans un format XXX-XXX-XXXX ou (XXX) XXX-XXXX. Pour conserver ce format, certains formulaires contiennent trois champs différents. Le problème se pose lorsqu'un développeur décide d'ajouter une fonctionnalité sautant vers le second champ du formulaire dès que 3 chiffres ont été entrés dans le premier champ de formulaire. Ce comportement se répète pour le champ suivant du formulaire. Les utilisateurs qui ont l'habitude de se déplacer eux-mêmes dans les champs de formulaire se retrouvent souvent à répéter l'opération de passage au champ suivant et passent donc au dessus d'un des champs du formulaire.</p> - -<h4 id="Focus_initial_dans_un_dialogue" name="Focus_initial_dans_un_dialogue">Focus initial dans un dialogue</h4> - -<p>Le focus initial dans une fenêtre de dialogue XUL (c'est-à-dire le focus à l'ouverture de la fenêtre) devrait toujours se trouver sur un contrôle spécifique et non sur le dialogue lui-même. Dans un dialogue comportant des onglets, le focus doit généralement commencer au premier contrôle de l'onglet sélectionné. Dans tous les autres dialogues, le focus doit commencer au premier contrôle (bien qu'il puisse s'agir de n'importe quel autre contrôle s'il y a une bonne raison de le faire, du moment que ce n'est pas le dialogue lui-même).</p> - -<h4 id="Test_de_l.27acc.C3.A8s_au_clavier" name="Test_de_l.27acc.C3.A8s_au_clavier">Test de l'accès au clavier</h4> - -<p>Pour tester l'accessibilité au clavier <strong>débranchez ou désactivez simplement votre souris</strong> et essayez d'utiliser votre application uniquement avec le clavier. Vérifiez que l'ordre de tabulation est logique. Assurez-vous de pouvoir accéder à toutes les fonctions soit directement, soit par des moyens alternatifs comme des choix de menus ou des menus contextuels. Assurez-vous également que l'utilisateur puisse lire tout le contenu.</p> - -<h3 id="Informations_assistives" name="Informations_assistives">Informations assistives</h3> - -<p>Les utilisateurs de technologies assistives ont souvent besoin d'un balisage supplémentaire pour comprendre des significations et associations qui peuvent être intuitives pour les utilisateurs valides. Ce balisage supplémentaire est appelé <em>information assistive.</em> Il est aisé de fournir ces informations, mais on l'oublie souvent car elles ne produisent que très peu de changements visuels, voire aucun.</p> - -<h4 id="Texte_alternatif" name="Texte_alternatif">Texte alternatif</h4> - -<p><strong>Fournissez un texte alternatif pour les images significatives</strong>. Il n'est pas nécessaire d'ajouter un texte alternatif lorsqu'une image assure une fonction purement décorative. Utilisez l'attribut <code>alt</code> pour décrire les images HTML et l'attribut <code>tooltiptext</code> pour les éléments XUL utilisant des images (c'est-à-dire les éléments image et les boutons avec images). Pour les boutons de barres d'outils avec images, on recommande d'utiliser à la fois une étiquette textuelle dans l'attribut <em>label</em> et un texte alternatif pour l'image dans l'attribut <em>tooltiptext</em>. Voyez les exemples de code ci-dessous.</p> - -<pre><image src="stop.png" tooltiptext="Stop" /> - -<html:img src="stop.jpg" alt="Stop" /> -<html:img src="image_decorative.jpg" alt="" /> <!-- En HTML, l'attribut alt est obligatoire. --> - -<toolbarbutton label="Stop" image="stop.png" tooltiptext="Arrêter le chargement de la page" /> -</pre> - -<h4 id="Titres" name="Titres">Titres</h4> - -<p><strong>Fournissez des titres uniques</strong> aux éléments conteneurs des fenêtres, assistants et dialogues. Les titres fournissent aux utilisateurs les informations les informations les plus basiques concernant l'application. Le titre est souvent la première chose qui est prononcée par un lecteur d'écran lorsqu'une application est ouverte ou activée. Les utilisateurs peuvent également se référer au titre pour comprendre où ils se situent. Les titres sont affichés dans la barre supérieure d'une application. Voyez les exemples de code ci-dessous.</p> - -<pre><dialog id="print_dialog" title="Imprimer" ...> -<window id="mywindow" title="Mon application" ...> -<wizard id="reg_window" title="Enregistrer le logiciel" ...> -</pre> - -<h4 id="Labels_de_formulaires" name="Labels_de_formulaires">Labels de formulaires</h4> - -<p>Les labels ne sont pas automatiquement associés aux éléments de formulaires. <strong>Utilisez l'attribut <a href="/fr/XUL/label#a-control" title="fr/XUL/label#a-control">control</a></strong> pour lier une étiquette texte (d'un élément label ou de description) à un élément de formulaire. Les lecteurs d'écran liront alors le label lors du remplissage d'un champ de forumlaire.</p> - -<pre><label control="login-username" value="Utilisateur :"/> -<textbox id="login-username"/> - -<description control="login-password">Mot de passe :</description> -<textbox id="login-password" type="password"/> -</pre> - -<p>Les formulaires plus grand peuvent être difficiles à mettre en page et à structurer. Bien qu'il y ait toujours de nombreuses manières de structurer un formulaire visuellement, <strong>fournissez toujours un label texte pour chaque élément de formulaire</strong>. Il ne faut pas utiliser des éléments de formulaire pour en décrire d'autres.</p> - -<div class="float-right"><img alt="Capture d'écran du panneau Vie privé des options de Firefox." class="internal" src="/@api/deki/files/1325/=XUL_a11y_privacy.png"></div> - -<p>Lorsque des éléments de formulaire sont intégrés dans un groupbox avec une étiquette, les technologies assistives comme les lecteurs d'écran liront cette étiquette suivie du label de l'élément de formulaire. Par exemple, dans la section Vie privée des options, il y a trois groupes appelés <em>Historique</em>, <em>Cookies</em> et <em>Vie privée</em>. Si l'utilisateur se déplace avec la tabulation vers le bouton « Exceptions... », il entendra « cookies {pause} exceptions {pause} bouton. » L'élément suivant dira « cookies {pause} les conserver jusqu'à {pause} leur expiration {pause} un sur trois {pause} liste déroulante ». Si le lecteur d'écran lisait uniquement le label, l'utilisateur devrait deviner à quoi se référait le bouton « exceptions » ou la liste déroulante « les conserver jusqu'à ».</p> - -<p>Les groupes de contrôles sont essentiels pour les boutons radios ou groupes de cases à cocher concernant un thème similaire (c'est-à-dire où il faut cocher toutes celles qui s'appliquent). Si vous trouvez que des groupes de contrôles imbriqués sont peu agréables visuellement, utilisez CSS pour cacher la bordure du groupe interne afin qu'il reste visible dans le code pour servir aux utilisateurs de technologies assistives.</p> - -<p>Les formulaires complexes ont souvent besoin d'un système d'étiquetage plus avancé que ce qui est possible avec les attributs XUL standards. Par exemple, le premier élément du panneau Vie privée des options de Firefox (montré et décrit plus haut) est <code>[case à cocher] Se souvenir des pages visitées lors des [textbox] derniers jours</code>. La difficulté ici provient du fait que le label correct pour la case à cocher (« Se souvenir des pages visitées lors des x derniers jours ») est composé de trois pièces différentes, dont la seconde est la valeur actuellement entrée dans la boîte de texte. Le label correct pour la boîte de texte est en fait le même, mais on ne voudrait pas que les technologies assistives le lisent ou le montrent deux fois de suite. Ce qu'il faut, c'est une manière de spécifier dans le code source que la case à cocher, le champ d'édition et les labels textuels autour font tous partie d'une seule entité, et qu'ils s'étiquettent en quelque sorte l'un l'autre.</p> - -<p>Pour résoudre ce problème, on entourera d'abord tous ces contrôles dans un seul élément conteneur, comme (dans ce cas-ci) un <code>hbox</code>. On importe ensuite ce qu'on appelle « l'Accessible, Adaptable Applications Module » (du groupe WAI-ARIA du WC3) en ajoutant <em><span class="nowiki">xmlns:aaa="http://www.w3.org/2005/07/aaa"</span></em> comme attribut sur l'élément conteneur. Ceci nous permet d'utiliser l'attribut <em>labelledby</em> (notez le double L — aaa utilise l'orthographe anglaise du Royaume-Uni) pour spécifier que la case à cocher et la boîte de texte sont toutes deux décrites par l'ensemble du groupe de composants. Dans XUL, cela ressemblera à ce qui suit.</p> - -<pre><hbox id="historyBox" xmlns:aaa="http://www.w3.org/2005/07/aaa"> - <checkbox id="rememberHistoryDays" aaa:labelledby="historyBox" label="Se souvenir des pages visitées lors des"/> - <textbox id="historyDays" aaa:labelledby="historyBox"/> - <label>derniers jours.</label> -</hbox> -</pre> - -<h4 id="Test_des_informations_assistives" name="Test_des_informations_assistives">Test des informations assistives</h4> - -<p>La meilleure manière de tester est pour de nombreuses raisons de faire le test avec un lecteur d'écran, car la navigation au clavier et la structure sémantique sous-jacente de l'interface utilisateur peuvent être testées simultanément. C'est un excellent indicateur concernant l'accessibilité d'une interface utilisateur, mais en aucun cas un test complet. En fin de compte, pour les applications qui doivent être entièrement accessibles, il est préférable que l'application soit testée par un large panel d'utilisateurs disposant de différentes configurations logicielles et de différentes technologies assistives.</p> - -<p>Si vous ne disposez pas d'un logiciel lecteur d'écran (et ne connaissez personne dont c'est le cas), votre meilleure option est de vérifier attentivement le code source pour vous assurer que toutes les règles ci-dessus ont été suivies, et ensuite que les utilisateurs ont un moyen de vous contacter en retour sur l'accessibilité (et d'autres aspects) de votre application.</p> - -<h3 id="Affichage" name="Affichage">Affichage</h3> - -<p>On entend souvent que « la présentation fait tout ». Bien qu'il soit vrai que la présentation est quelque chose d'essentiel, les documents doivent également être structurés de manière à ce que l'utilisateur puisse appeler des préférences d'affichage qui peuvent être nécessaires pour l'accessibilité. La présentation doit aussi être flexible pour s'adapter au redimensionnement des fenêtres et polices. Les applications coopératives s'adaptent bien à l'environnement de l'utilisateur.</p> - -<h4 id="Param.C3.A8tres_par_d.C3.A9faut_du_syst.C3.A8me" name="Param.C3.A8tres_par_d.C3.A9faut_du_syst.C3.A8me">Paramètres par défaut du système</h4> - -<p><strong>Respectez les réglages par défaut du système</strong>. Beaucoup d'utilisateurs configurent leur ordinateur pour utiliser des polices plus grandes et/ou des thèmes de couleur particuliers. Par défaut, les menus XUL, labels et autres contrôles obtiennent leur police, taille et paramètres de couleur des réglages de l'utilisateur spécifiés par le système d'exploitation. Respectez ces réglages à moins d'avoir une raison particulière et inévitable de les changer. Le cas échéant, utilisez CSS pour dimensionner les éléments par rapport à leurs tailles par défaut (par exemple, utilisez des tailles en <code>%</code> ou <code>em</code> plutôt que des tailles spécifiques en points ou en pixels).</p> - -<h4 id="Couleurs" name="Couleurs">Couleurs</h4> - -<p>La couleur est un outil important. Des couleurs différentes peuvent donner des significations différentes aux objets et au texte. Cependant, <strong>la couleur seule est inadéquate</strong> pour communiquer un sens ou une information particulière à l'utilisateur. Certains, principalement ceux qui sont aveugles ou ne voient pas les couleurs, n'arriveront pas à discerner certaines couleurs. Certains utilisateurs peuvent modifier le schéma de couleurs par défaut de votre application. La couleur doit uniquement être utilisée pour souligner la signification d'un objet ou d'un texte après avoir donné cette signification à l'utilisateur d'une autre manière.</p> - -<h4 id="Tailles_flexibles" name="Tailles_flexibles">Tailles flexibles</h4> - -<p>Un des avantages d'XUL est que l'apparence visuelle est très facile à contrôler. Sur le Web, la mise en page est souvent contrainte dans une taille spécifique. Avec XUL, vous pouvez permettre aux éléments de s'étendre lorsque la fenêtre de l'application est redimensionnée. Utilisez l'attribut <code>flex</code> pour fournir cette fonctionnalité.</p> - -<h4 id="Test_de_l.27affichage" name="Test_de_l.27affichage">Test de l'affichage</h4> - -<p>Vérifiez que votre application est fonctionnelle et que son apparence est plaisante en utilisant des polices et couleurs définies par l'utilisateur. Pour cela, changez les paramètres d'affichage du système en un thème accessible (comme le thème Contraste élevé sous Windows, disponible par <code>Alt-Gauche + Maj-Gauche + Impr. Écran</code>). Assurez-vous que le texte est mis en évidence correctement que que la couleur n'est pas utilisée comme seule manière de communiquer une signification. Assurez-vous également que lorsque les fenêtres sont redimensionnées, votre application s'adapte de bonne grâce.</p> - -<h3 id="Interaction_entre_l.27homme_et_la_machine" name="Interaction_entre_l.27homme_et_la_machine">Interaction entre l'homme et la machine</h3> - -<p>Lorsque vous utilisez une application, vous vous attendez à disposer d'un certain contrôle et d'un retour sur ce qui se passe. Fournissez aux utilisateurs des instructions et indications claires, et permettez-leur de corriger leurs erreurs. Certains utilisateurs handicapés ont des difficultés lorsqu'on leur demande une réponse rapide. Donnez-leur un temps adéquat pour effectuer leurs tâches.</p> - -<h4 id="Instructions" name="Instructions">Instructions</h4> - -<p>Fournissez une documentation d'aide aux utilisateurs. Même des applications très simples devraient contenir un document d'aide ou un manuel de référence pour l'utilisateur. Décrivez les raccourcis claver et toutes autres considérations concernant l'accessibilité. Les utilisateurs doivent avoir la possibilité de consulter une description complète de toutes les fonctionnalités majeures d'une application. Fournissez également des détails sur l'utilisation de la documentation d'aide lorsqu'elle est longue ou complexe.</p> - -<h4 id="Avertissements" name="Avertissements">Avertissements</h4> - -<p>Utilisez des avertissements accessibles pour présenter des informations importantes à l'utilisateur. Utilisez des scripts ou l'élément <a href="/fr/XUL/notificationbox" title="fr/XUL/notificationbox">notificationbox</a> pour déclencher des alertes.</p> - -<p>Évitez d'utiliser uniquement des alertes audio ou visuelles pour signaler des évènements urgents. Les utilisateurs qui ont réduit ou coupé le son, ou qui sont sourds ou malentendants ne pourront pas reconnaître des alertes uniquement sonores. Les utilisateurs souffrant de déficiences visuelles ne verront pas non plus les alertes qui sont purement visuelles (à moins que celles-ci soient présentées dans un texte fonctionnel également accessible à un lecteur d'écran).</p> - -<h4 id=".C3.89l.C3.A9ments_interactifs" name=".C3.89l.C3.A9ments_interactifs">Éléments interactifs</h4> - -<p><strong>Évitez les petites cibles</strong>, qui sont difficiles à voir et à atteindre avec un clic de souris. Vérifiez que la mise en page et le contraste sont suffisants pour distinguer les éléments interactifs les un des autres et par rapport aux parties statiques de l'application.</p> - -<h4 id="R.C3.A9cup.C3.A9ration_en_cas_d.27erreur" name="R.C3.A9cup.C3.A9ration_en_cas_d.27erreur">Récupération en cas d'erreur</h4> - -<p>Lorsque l'utilisateur provoque une erreur dans une application, <strong>permettez une récupération aisée</strong>. Par exemple, si l'utilisateur entre des lettres là où un nombre est attendu dans un formulaire, cela ne doit pas faire planter l'application. L'utilisateur doit être averti du problème et pouvoir corriger l'erreur.</p> - -<h4 id="Temps_de_r.C3.A9ponse" name="Temps_de_r.C3.A9ponse">Temps de réponse</h4> - -<p>Le cas échéant, <strong>avertissez l'utilisateur des limites de temps</strong> et permettez-lui d'ajuster la limite ou de demander plus de temps. Un des miracles de la technologie moderne est qu'elle permet aux personnes souffrant même des plus sévères limitations physiques d'utiliser des ordinateurs. Certains utilisent des contrôles à la bouche ou des périphériques de détection de mouvements comme des capteurs oculaires pour entrer des informations. Ce processus peut être lent. D'autres utilisateurs ont simplement besoin de temps pour comprendre ce qui se produit dans l'application.</p> - -<h4 id="Test_de_l.27interaction_homme_machine" name="Test_de_l.27interaction_homme_machine">Test de l'interaction homme machine</h4> - -<p>Assurez-vous que la documentation d'aide est à jour. Vérifiez que les avertissements sont affichés à l'aides des éléments XUL appropriés. Assurez-vous que l'utilisateur est informé de toutes ses erreurs et que des instructions et la possibilité d'effectuer à nouveau l'opération correcte sont fournies. Assurez-vous également que les utilisateurs ont le contrôle de leur temps de réponse.</p> - -<h3 id="M.C3.A9dias" name="M.C3.A9dias">Médias</h3> - -<h4 id="Audio" name="Audio">Audio</h4> - -<p>Des fichiers audio d'information comme des podcasts peuvent être rendus accessibles en fournissant une transcription mot-à-mot. Les transcriptions doivent identifier correctement les intervenants et décrire les autres sons significatifs comme les rires ou les chansons. Ces transcriptions peuvent prendre du temps à réaliser, mais c'est la seule manière de rendre du contenu sonore accessible.</p> - -<h4 id="Vid.C3.A9os" name="Vid.C3.A9os">Vidéos</h4> - -<p>Un fichier vidéo peut être rendu accessible en ajoutant des sous-titres synchronisés. La plupart des formats vidéo fournissent un moyen d'afficher des sous-titres. Les vidéos devraient également être accompagnées de transcriptions descriptives. En général, ces deux opérations vont ensemble, une fois que vous avez l'une, il est facile de produire l'autre.</p> - -<table class="standard-table"> - <caption>En savoir plus</caption> - <tbody> - <tr> - <th>Sous-titrage</th> - </tr> - <tr> - <td><a class="external" href="http://webaim.org/techniques/captions/">Article de WebAIM : Web Captioning Overview</a><br> - <br> - <a class="external" href="http://webaim.org/resources/captioning/">WebAIM : Captioning Resources</a></td> - </tr> - </tbody> -</table> - -<h4 id="Animations" name="Animations">Animations</h4> - -<p>Les animations, le mouvement et les sons peuvent être dérangeantes pour certains utilisateurs souffrants de troubles de l'attention. Fournissez un mécanisme pour désactiver les médias et les mouvements.</p> - -<p>Les tremblements ou clignotements ne sont pas uniquement ennuyeux pour tout le monde, mais à une vitesse de plus de 3 cycles par seconde, ils peuvent provoquer un malaise chez les utilisateurs souffrant d'épilepsie photosensible. Si des tremblement ou clignotements sont nécessaires, avertissez l'utilisateur au préalable avant de les provoquer.</p> - -<h4 id="Test_de_m.C3.A9dias" name="Test_de_m.C3.A9dias">Test de médias</h4> - -<p>Assurez-vous que des alternatives aux médias sont disponibles dans un format accessible.</p> - -<h3 id="Autres_probl.C3.A8mes" name="Autres_probl.C3.A8mes">Autres problèmes</h3> - -<h4 id="Contr.C3.B4les_personnalis.C3.A9s" name="Contr.C3.B4les_personnalis.C3.A9s">Contrôles personnalisés</h4> - -<p>Évitez de recréer des fonctionnalités qui existent déjà. Assurez-vous que vos composants personnalisés sont construits en pensant à l'accessibilité. Utilisez les <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#system-colors">couleurs système CSS</a> pour vous assurer que les nouveaux contrôles interagiront bien avec les autres contrôles ainsi qu'avec les thèmes et couleurs définis par l'utilisateur.</p> - -<table class="standard-table"> - <caption>En savoir plus</caption> - <tbody> - <tr> - <th>Contrôles personnalisés accessibles</th> - </tr> - <tr> - <td><a href="/fr/ARIA/Applications_riches_Internet_accessibles" title="fr/ARIA/Applications_riches_Internet_accessibles">ARIA : Applications riches Internet accessibles</a><br> - <br> - <a href="/fr/Réalisation_de_composants_personnalisés_accessibles_en_XUL" title="fr/Réalisation_de_composants_personnalisés_accessibles_en_XUL">Réalisation de composants personnalisés accessibles en XUL</a></td> - </tr> - </tbody> -</table> - -<h2 id="Liste_de_contr.C3.B4le_d.27accessibilit.C3.A9_pour_XUL" name="Liste_de_contr.C3.B4le_d.27accessibilit.C3.A9_pour_XUL">Liste de contrôle d'accessibilité pour XUL</h2> - -<p>Utilisez la liste de contrôle suivante pour vérifier rapidement l'accessibilité d'une nouvelle application XUL, ou comme point de départ pour régler les problèmes d'accessibilité dans une application existante.</p> - -<h3 id="Acc.C3.A8s_au_clavier_2" name="Acc.C3.A8s_au_clavier_2">Accès au clavier</h3> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Point à vérifier</th> - <th scope="col">Correct</th> - <th scope="col">Incorrect</th> - </tr> - <tr> - <th scope="row">Ordre de tabulation</th> - <td>Un ordre de tabulation logique est fourni.</td> - <td>L'ordre de tabulation saute de manière inattendue.</td> - </tr> - <tr> - <th scope="row">Arbres</th> - <td>Un accès au clavier est fourni pour les fonctions inaccessibles comme le sélecteur de colonnes ou le tri par colonnes.</td> - <td>Aucun accès au clavier n'est fourni pour le choix des colonnes ou d'autres fonctionnalités.</td> - </tr> - <tr> - <th scope="row">Boutons de barres d'outils</th> - <td>Des alternatives au clavier sont fournies pour les fonctionnalités des boutons de barres d'outils.</td> - <td>Aucune alternative au clavier n'est fournie pour les fonctionnalités des boutons de barres d'outils.</td> - </tr> - <tr> - <th scope="row">Raccourcis clavier</th> - <td>Des raccourcis clavier sont présents pour les fonctionnalités importantes</td> - <td>Aucun raccourci clavier n'est fourni.</td> - </tr> - <tr> - <th scope="row">Menus contextuels</th> - <td>Les menus contextuels sont déclenchés par le gestionnaire d'évènement <em>oncontextmenu</em>.</td> - <td>Les menus contextuels sont déclenchés directement par un clic droit de la souris ou un autre déclencheur spécifique.</td> - </tr> - <tr> - <th scope="row">Scripts dépendants de la souris</th> - <td>Toutes les opérations à la souris ont des équivalents accessibles au clavier.</td> - <td>Certaines opérations ne peuvent être réalisées qu'avec une souris.</td> - </tr> - <tr> - <th scope="row">Défilement</th> - <td>Tous les éléments défilables peuvent être contrôlés au clavier.</td> - <td>Le défilement ne peut pas se faire au clavier.</td> - </tr> - <tr> - <th scope="row">Focus</th> - <td>Le focus clavier est conservé et ne se déplace pas de manière inattendue.</td> - <td>Le focus se déplace ou est désactivé de manière inattendue.</td> - </tr> - </tbody> -</table> - -<h3 id="Informations_assistives_2" name="Informations_assistives_2">Informations assistives</h3> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Point à vérifier</th> - <th scope="col">Correct</th> - <th scope="col">Incorrect</th> - </tr> - <tr> - <th scope="row">Texte alternatif</th> - <td>Un texte alternatif est fourni pour les images significatives.</td> - <td>Le texte alternatif est manquant sur des images significatives, o n'est pas approprié pour la fonction d'une image.</td> - </tr> - <tr> - <th scope="row">Titres</th> - <td>Toutes les fenêtres, y compris les dialogues et les assistants, ont un titre descriptif.</td> - <td>Des fenêtres n'ont pas de titre ou un titre incorrect.</td> - </tr> - <tr> - <th scope="row">Labels de formulaires</th> - <td>Chaque élément de formulaire a un label associé et les boutons radios sont intégrés dans un groupbox.</td> - <td>Des éléments de formulaire n'ont pas de label ou ces labels ne sont pas connectés programmatiquement, ou des boutons radios ne font pas partie d'un groupbox.</td> - </tr> - </tbody> -</table> - -<h3 id="Affichage_2" name="Affichage_2">Affichage</h3> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Point à vérifier</th> - <th scope="col">Correct</th> - <th scope="col">Incorrect</th> - </tr> - <tr> - <th scope="row">Réglages par défaut du système</th> - <td>Les paramètres systèmes sont respectés.</td> - <td>Les paramètres systèmes ne sont pas respectés.</td> - </tr> - <tr> - <th scope="row">Couleurs</th> - <td>La couleur seule n'est pas utilisée pour donner une signification, et le contraste entre le texte et la couleur de fond est suffisant.</td> - <td>La couleur seule est utilisée pour donner une signification, ou le contraste entre le texte et la couleur de fond est insuffisant.</td> - </tr> - <tr> - <th scope="row">Flexibilité</th> - <td>Les éléments visuels et leurs conteneurs se redimensionnent.</td> - <td>Les éléments visuels et leurs conteneurs ne se redimensionnent pas.</td> - </tr> - </tbody> -</table> - -<h3 id="Interaction_homme-machine" name="Interaction_homme-machine">Interaction homme-machine</h3> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Point à vérifier</th> - <th scope="col">Correct</th> - <th scope="col">Incorrect</th> - </tr> - <tr> - <th scope="row">Instructions</th> - <td>Une documentation d'aide est fournie, avec une description des raccourcis clavier.</td> - <td>Aucune documentation d'aide n'est fournie, ou celle-ci est incomplète.</td> - </tr> - <tr> - <th scope="row">Avertissements</th> - <td>Les alertes sont affichées à l'aide de la fonction de script <code>alert()</code> ou l'élément <code>notificationbox</code>.</td> - <td>Les alertes sont uniquement visuelles ou audifives, ou utilisent une autre méthode que la fonction de script <code>alert()</code> ou l'élément <code>notificationbox</code>.</td> - </tr> - <tr> - <th scope="row">Éléments interactifs</th> - <td>Les éléments interactifs sont suffisamment grands et visibles.</td> - <td>Les éléments interactifs sont trop petits ou insuffisamment contrastés par rapport aux autres parties de l'application.</td> - </tr> - <tr> - <th scope="row">Récupération en cas d'erreur</th> - <td>Des avertissements sont affichés lorsque l'utilisateur commet une erreur. Il reçoit ensuite la possibilité et des instructions pour la corriger.</td> - <td>Aucun message d'erreur n'existe, ou des instructions inadéquates sont fournies.</td> - </tr> - <tr> - <th scope="row">Temps de réponse</th> - <td>L'utilisateur est informé des limites des temps et a le contrôle de cette limite lorsque c'est possible.</td> - <td>L'utilisateur n'est pas informé des limites de temps et/ou n'a aucun contrôle sur celles-ci.</td> - </tr> - </tbody> -</table> - -<h3 id="M.C3.A9dias_2" name="M.C3.A9dias_2">Médias</h3> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Point à vérifier</th> - <th scope="col">Correct</th> - <th scope="col">Incorrect</th> - </tr> - <tr> - <th scope="row">Audio</th> - <td>Des transcriptions sont fournies pour les pistes sonores.</td> - <td>Aucune transcription n'est fournie.</td> - </tr> - <tr> - <th scope="row">Vidéos</th> - <td>Les vidéos sont sous-titrées et une transcription est fournie.</td> - <td>Aucun sous-titre ou transcription n'est fourni.</td> - </tr> - <tr> - <th scope="row">Animations</th> - <td>L'utilisateur peut contrôler les animations et est prévenu lorsque le contenu va clignoter.</td> - <td>Il n'existe pas de contrôle pour les animations ni d'avertissements pour les clignotements.</td> - </tr> - </tbody> -</table> - -<h3 id="Autres" name="Autres">Autres</h3> - -<table class="fullwidth-table"> - <tbody> - <tr> - <th scope="col">Point à vérifier</th> - <th scope="col">Correct</th> - <th scope="col">Incorrect</th> - </tr> - <tr> - <th scope="row">Contrôles personnalisés</th> - <td>Les contrôles personnalisés sont accessibles.</td> - <td>Les contrôles personnalisés ne sont pas accessibles.</td> - </tr> - </tbody> -</table> diff --git a/files/fr/archive/mozilla/xul/richlistbox/index.html b/files/fr/archive/mozilla/xul/richlistbox/index.html deleted file mode 100644 index db0f4dacc7..0000000000 --- a/files/fr/archive/mozilla/xul/richlistbox/index.html +++ /dev/null @@ -1,268 +0,0 @@ ---- -title: richlistbox -slug: Archive/Mozilla/XUL/richlistbox -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/richlistbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Cet élément est utilisé pour créer une liste d'éléments, de manière semblable à une <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>, mais est conçu pour être utilisé lorsque les éléments ne contiennent pas du simple contenu texte. </p><div class="blockIndicator note"><strong>Note :</strong> Dans les versions de Firefox antérieures à Firefox 3, les <code>richlistbox</code> supportaient uniquement les sélections simples. Firefox 3 y permet les sélections multiples.</div> - -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-disableKeyNavigation">disableKeyNavigation</a>, <a href="#a-preference">preference</a>, <a href="#a-rows">rows</a>, <a href="#a-seltype">seltype</a>, <a href="#a-suppressonselect">suppressonselect</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-listbox.currentIndex">currentIndex</a>, <a href="#p-currentItem">currentItem</a>, <a href="#p-disabled">disabled</a>, <a href="#p-disableKeyNavigation">disableKeyNavigation</a>, <a href="#p-itemCount">itemCount</a>, <a href="#p-selectedCount">selectedCount</a>, <a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedItem">selectedItem</a>, <a href="#p-selectedItems">selectedItems</a>, <a href="#p-selType">selType</a>, <a href="#p-suppressOnSelect">suppressOnSelect</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-addItemToSelection">addItemToSelection</a>, <a href="#m-appendItem">appendItem</a>, <a href="#m-clearSelection">clearSelection</a>, <a href="#m-ensureElementIsVisible">ensureElementIsVisible</a>, <a href="#m-ensureIndexIsVisible">ensureIndexIsVisible</a>, <a href="#m-getIndexOfFirstVisibleRow">getIndexOfFirstVisibleRow</a>, <a href="#m-getIndexOfItem">getIndexOfItem</a>, <a href="#m-getItemAtIndex">getItemAtIndex</a>, <a href="#m-getNumberofVisibleRows">getNumberofVisibleRows</a>, <a href="#m-getRowCount">getRowCount</a>, <a href="#m-getSelectedItem">getSelectedItem</a>, <a href="#m-insertItemAt">insertItemAt</a>, <a href="#m-invertSelection">invertSelection</a>, <a href="#m-moveByOffset">moveByOffset</a>, <a href="#m-removeItemAt">removeItemAt</a>, <a href="#m-removeItemFromSelection">removeItemFromSelection</a>, <a href="#m-scrollToIndex">scrollToIndex</a>, <a href="#m-selectAll">selectAll</a>, <a href="#m-selectItem">selectItem</a>, <a href="#m-selectItemRange">selectItemRange</a>, <a href="#m-timedSelect">timedSelect</a>, <a href="#m-toggleItemSelection">toggleItemSelection</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre class="eval"><richlistbox> - <richlistitem> - <description>Une description XUL !</description> - </richlistitem> - <richlistitem> - <button label="Un bouton XUL"/> - </richlistitem> -</richlistbox> -</pre> -<p>L'élément <code>richlistbox</code> contient plusieurs éléments <code>richlistitem</code>, qui peuvent contenir tout type de contenu. On peut cliquer sur n'importe quel élément <code>richlistitem</code> et utiliser le clavier pour déplacer la sélection. -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-disableKeyNavigation"> - -</div> -<div id="a-preference"> - -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> de l'élément. -</dd></dl> - - -</div> -<div id="a-rows"> - -<dl><dt> <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Le nombre de lignes à afficher dans l'élément. Si l'élément contient plus que ce nombre de lignes, une barre de défilement apparaitra afin que l'utilisateur puisse consulter les autres lignes. Pour obtenir le nombre réel de lignes dans l'élément, utilisez la méthode <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/getRowCount">getRowCount</a></code></span>. -</dd></dl> - - -</div> -<div id="a-seltype"> - -<dl> - <dt> - <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - Utilisé pour indiquer si les sélections multiples sont permises.</dd> -</dl> -<ul> - <li><code>single</code> : Seule une ligne peut être sélectionnée à la fois. (Valeur par défaut dans <code>listbox</code>.)</li> - <li><code>multiple</code> : Plusieurs lignes peuvent être sélectionnées à la fois. (Valeur par défaut dans <code>tree</code>.)</li> -</ul> -<p><magic name="\"PAGENAME\"/">Des cellules individuelles peuvent être sélectionnées.</magic><magic name="\"PAGENAME\"/"> Des lignes sont sélectionnées, cependant, l'indicateur de sélection n'est visible que sur le texte de la colonne principale.</magic></p> -</div> -<div id="a-suppressonselect"> - -<dl> - <dt> - <code id="a-suppressonselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/suppressonselect">suppressonselect</a></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Si cet attribut n'est pas spécifié, un évènement <code>select</code> est déclenché dès qu'un élément est sélectionné, que ce soit par l'utilisateur ou par l'appel d'une des méthodes de sélection. Si la valeur de l'attribut est <code>true</code>, l'évènement <code>select</code> n'est jamais déclenché.</dd> -</dl> -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-listbox.currentIndex"></div> -<div id="p-currentItem"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/currentItem">currentItem</a></span></code> -</dt><dd> Type : <i>élément listitem</i> -</dd><dd> Renvoie le dernier élément sélectionné dans la liste de sélection, ce qui n'est utile que dans une liste à sélection multiple. -</dd></dl> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-disableKeyNavigation"></div> -<div id="p-itemCount"></div> -<div id="p-selectedCount"></div> -<div id="p-selectedIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Renvoie l'indice de l'élément actuellement sélectionné. Un élément peut être sélectionné en assignant son indice à cette propriété. En lui assignant <code>-1</code>, tous les éléments seront désélectionnés. -</dd></dl> - -</div> -<div id="p-selectedItem"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> -</dt><dd> Type : <i>élément</i> -</dd><dd> Conserve l'élément actuellement sélectionné. Si aucun élément n'est sélectionné, sa valeur sera <code>null</code>. Vous pouvez sélectionner un élément en définissant cette valeur. Un évènement select sera envoyé à cet élément lorsqu'il est sélectionné en modifiant cette propriété, la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code>, ou par l'utilisateur. -</dd></dl> - -</div> -<div id="p-selectedItems"></div> -<div id="p-selType"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selType">selType</a></span></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - chaîne de caractères</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code>.</dd> -</dl> - -</div> -<div id="p-suppressOnSelect"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/suppressOnSelect">suppressOnSelect</a></span></code></dt> - <dd> - Type : - <i> - booléen</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-suppressonselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/suppressonselect">suppressonselect</a></code>.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> - - - - - - - - - -<dl><dt> <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/getRowCount">getRowCount()</a></code></span> -</dt><dd> Type de retour : <i>entier</i> -</dd><dd> Renvoie le nombre total de lignes dans l'élément, quel que soit le nombre de lignes affichées. -</dd></dl> - - - - - - - -<dl><dt> <span id="m-selectAll"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/selectAll">selectAll()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne tous les éléments. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<dl><dt> <span id="m-selectItem"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/selectItem">selectItem( item )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Désélectionne tous les éléments actuellement sélectionnés, puis sélectionne l'élément donné en argument. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<dl><dt> <span id="m-selectItemRange"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/selectItemRange">selectItemRange( startItem, endItem)</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne tous les éléments compris entre les deux éléments donnés en paramètre, y compris les éléments de début et de fin. Tous les autres éléments sont désélectionnés. Cette méthode n'a aucun effet sur les listes en mono-sélection. Un évènement de sélection est envoyé après l'exécution de la sélection. -</dd></dl> -<dl><dt> <span id="m-timedSelect"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/timedSelect">timedSelect( item, timeout )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Sélectionne un élément spécifié par l'argument <code>item</code> après un nombre de millisecondes définit par l'argument <code>timeout</code>. Tous les autres éléments sont désélectionnés. -</dd></dl> -<dl><dt> <span id="m-toggleItemSelection"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/toggleItemSelection">toggleItemSelection( item )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Modifie l'état de sélection de l'élément spécifié. S'il est sélectionné, il devient désélectionné. S'il est désélectionné, il devient sélectionné. Les autres éléments de la liste ne sont pas affectés et ils conservent leur état de sélection. -</dd></dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULMultiSelectControlElement">nsIDOMXULMultiSelectControlElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/richlistitem/index.html b/files/fr/archive/mozilla/xul/richlistitem/index.html deleted file mode 100644 index ee24a5cf8e..0000000000 --- a/files/fr/archive/mozilla/xul/richlistitem/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: richlistitem -slug: Archive/Mozilla/XUL/richlistitem -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/richlistitem ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément individuel dans une <code><a href="/fr/docs/Mozilla/Tech/XUL/richlistbox" title="richlistbox">richlistbox</a></code>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-selected">selected</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessible">accessible</a>, <a href="#p-control">control</a>, <a href="#p-disabled">disabled</a>, <a href="#p-label">label</a>, <a href="#p-selected">selected</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-selected"> - -<dl><dt> <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est sélectionné ou non. Cette valeur est en lecture seule. Pour changer la sélection, utilisez la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> ou <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedItem">selectedItem</a></span></code> de l'élément conteneur. -</dd></dl> - - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessible"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessible">accessible</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIAccessible">nsIAccessible</a></i> -</dd><dd> Renvoie l'objet d'accessibilité pour l'élément. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-control"></div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-selected"> - -<dl> -<dt><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selected">selected</a></span></code> </dt> -<dd>Type : <i>booléen</i></dd> -<dd>La valeur de cette propriété est <code>true</code> si cet élément est sélectionné, ou <code>false</code> s'il ne l'est pas. Cette propriété est en lecture seule.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULSelectControlItemElement">nsIDOMXULSelectControlItemElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/référence_xul/index.html b/files/fr/archive/mozilla/xul/référence_xul/index.html deleted file mode 100644 index 0ab0677e2f..0000000000 --- a/files/fr/archive/mozilla/xul/référence_xul/index.html +++ /dev/null @@ -1,165 +0,0 @@ ---- -title: Référence XUL -slug: Archive/Mozilla/XUL/Référence_XUL -tags: - - Aide_pour_les_éditeurs_de_MDC - - Référence_XUL - - Traduction_en_cours - - XUL -translation_of: Archive/Mozilla/XUL/XUL_Reference ---- -<p>« <a href="/en-US/docs/XUL" title="en-US/XUL">XUL Reference</a> «Consultez également la <a class="external" href="http://xulfr.org/wiki/Reference/Xul">Référence XUL</a> du wiki XULfr.org.</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <th colspan="3">Tous les éléments XUL</th> - </tr> - <tr> - <td> - <p><a href="/fr/docs/XUL/action" title="fr/docs/XUL/action">action</a> <small>(<a href="/en/XUL/action">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/action">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/arrowscrollbox" title="fr/docs/XUL/arrowscrollbox">arrowscrollbox</a> <small>(<a href="/en/XUL/arrowscrollbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/arrowscrollbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/assign" title="fr/docs/XUL/assign">assign</a> <small>(<a href="/en/XUL/assign">en</a>)</small><br> - <a href="/fr/docs/XUL/bbox" title="fr/docs/XUL/bbox">bbox</a> <small>(<a href="/en/XUL/bbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/bbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/binding" title="fr/docs/XUL/binding">binding</a> <small>(<a href="/en/XUL/binding">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/binding">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/bindings" title="fr/docs/XUL/bindings">bindings</a> <small>(<a href="/en/XUL/bindings">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/bindings">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/box" title="fr/docs/XUL/box">box</a> <small>(<a href="/en/XUL/box">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/box">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/broadcaster" title="fr/docs/XUL/broadcaster">broadcaster</a> <small>(<a href="/en/XUL/broadcaster">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/broadcaster">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/broadcasterset" title="fr/docs/XUL/broadcasterset">broadcasterset</a> <small>(<a href="/en/XUL/broadcasterset">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/broadcasterset">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/button" title="fr/docs/XUL/button">button</a> <small>(<a href="/en/XUL/button">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/button">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/browser" title="fr/docs/XUL/browser">browser</a> <small>(, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/browser">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/checkbox" title="fr/docs/XUL/checkbox">checkbox</a> <small>(<a href="/en/XUL/checkbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/checkbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/caption" title="fr/docs/XUL/caption">caption</a> <small>(<a href="/en/XUL/caption">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/caption">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/colorpicker" title="fr/docs/XUL/colorpicker">colorpicker</a> <small>(<a href="/en/XUL/colorpicker">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/colorpicker">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/column" title="fr/docs/XUL/column">column</a> <small>(<a href="/en/XUL/column">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/column">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/columns" title="fr/docs/XUL/columns">columns</a> <small>(<a href="/en/XUL/columns">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/columns">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/commandset" title="fr/docs/XUL/commandset">commandset</a> <small>(<a href="/en/XUL/commandset">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/commandset">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/command" title="fr/docs/XUL/command">command</a> <small>(<a href="/en/XUL/command">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/command">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/conditions" title="fr/docs/XUL/conditions">conditions</a> <small>(<a href="/en/XUL/conditions">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/conditions">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/content" title="fr/docs/XUL/content">content</a> <small>(<a href="/en/XUL/content">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/content">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/datepicker" title="fr/docs/XUL/datepicker">datepicker</a><br> - <a href="/fr/docs/XUL/deck" title="fr/docs/XUL/deck">deck</a> <small>(<a href="/en/XUL/deck">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/deck">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/description" title="fr/docs/XUL/description">description</a> <small>(<a href="/en/XUL/description">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/description">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/dialog" title="fr/docs/XUL/dialog">dialog</a> <small>(<a href="/en/XUL/dialog">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/dialog">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/dialogheader" title="fr/docs/XUL/dialogheader">dialogheader</a> <small>(<a href="/en/XUL/arrowscrollbox">en</a>)</small><br> - <a href="/fr/docs/XUL/dropmarker" title="fr/docs/XUL/dropmarker">dropmarker</a><br> - <a href="/fr/docs/XUL/editor" title="fr/docs/XUL/editor">editor</a> <small>(<a href="/en/XUL/editor">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/editor">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/grid" title="fr/docs/XUL/grid">grid</a> <small>(<a href="/en/XUL/grid">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/grid">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/Grippy" title="/fr/docs/XUL/Grippy">grippy</a> <small>(<a href="/en/XUL/grippy'">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/grippy">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/groupbox" title="fr/docs/XUL/groupbox">groupbox</a> <small>(<a href="/en/XUL/groupbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/groupbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/hbox" title="fr/docs/XUL/hbox">hbox</a> <small>(<a href="/en/XUL/hbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/hbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/iframe" title="fr/docs/XUL/iframe">iframe</a> <small>(<a href="/en/XUL/iframe">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/iframe">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/image" title="fr/docs/XUL/image">image</a> <small>(<a href="/en/XUL/image">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/image">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/key" title="fr/docs/XUL/key">key</a> <small>(<a href="/en/XUL/key">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/key">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/keyset" title="fr/docs/XUL/keyset">keyset</a> <small>(<a href="/en/XUL:keyset">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/keyset">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/label" title="fr/docs/XUL/label">label</a> <small>(<a href="/en/XUL/label">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/label">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/listbox" title="fr/docs/XUL/listbox">listbox</a> <small>(<a href="/en/XUL/listbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/listbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/listcell" title="fr/docs/XUL/listcell">listcell</a> <small>(<a href="/en/XUL/listcell">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/listcell">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/listcol" title="fr/docs/XUL/listcol">listcol</a> <small>(<a href="/en/XUL/listcol">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/listcol">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/listcols" title="fr/docs/XUL/listcols">listcols</a> <small>(<a href="/en/XUL/listcols">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/listcols">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/listhead" title="fr/docs/XUL/listhead">listhead</a> <small>(<a href="/en/XUL/listhead">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/listhead">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/listheader" title="fr/docs/XUL/listheader">listheader</a> <small>(<a href="/en/XUL/listheader">en</a>)</small><br> - <a href="/fr/docs/XUL/listitem" title="fr/docs/XUL/listitem">listitem</a> <small>(<a href="/en/XUL/listitem">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/listitem">xulfr</a>)</small></p> - </td> - <td> - <p><a href="/fr/docs/XUL/member" title="fr/docs/XUL/member">member</a> <small>(<a href="/en/XUL/member">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/member">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/menu" title="fr/docs/XUL/menu">menu</a> <small>(<a href="/en/XUL/menu">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/menu">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/menubar" title="fr/docs/XUL/menubar">menubar</a> <small>(<a href="/en/XUL/menubar">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/menubar">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/menuitem" title="fr/docs/XUL/menuitem">menuitem</a> <small>(<a href="/en/XUL/menuitem">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/menuitem">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/menulist" title="fr/docs/XUL/menulist">menulist</a> <small>(<a href="/en/XUL/menulist">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/menulist">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/menupopup" title="fr/docs/XUL/menupopup">menupopup</a> <small>(<a href="/en/XUL/menupopup">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/menupopup">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/menuseparator" title="fr/docs/XUL/menuseparator">menuseparator</a> <small>(<a href="/en/XUL/menuseparator">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/menuseparator">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/notification" title="fr/docs/XUL/notification">notification</a> <small>(<a href="/en/XUL/notification">en</a>)</small><br> - <a href="/fr/docs/XUL/notificationbox" title="fr/docs/XUL/notificationbox">notificationbox</a> <small>(<a href="/en/XUL/notificationbox">en</a>)</small><br> - <a href="/fr/docs/XUL/observes" title="fr/docs/XUL/observes">observes</a> <small>(<a href="/en/XUL/observes">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/observes">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/overlay" title="fr/docs/XUL/overlay">overlay</a> <small>(<a href="/en/XUL/overlay">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/overlay">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/page" title="fr/docs/XUL/page">page</a> <small>(<a href="/en/XUL/page">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/page">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/panel" title="fr/docs/XUL/panel">panel</a><br> - <a href="/fr/docs/XUL/param" title="fr/docs/XUL/param">param</a> <small>(<a href="/en/XUL/param">en</a>)</small><br> - <a href="/fr/docs/XUL/popup" title="fr/docs/XUL/popup">popup</a> <small>(<a href="/en/XUL/popup">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/popup">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/popupset" title="fr/docs/XUL/popupset">popupset</a> <small>(<a href="/en/XUL/popupset">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/popupset">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/preference" title="fr/docs/XUL/preference">preference</a><br> - <a href="/fr/docs/XUL/preferences" title="fr/docs/XUL/preferences">preferences</a><br> - <a href="/fr/docs/XUL/prefpane" title="fr/docs/XUL/prefpane">prefpane</a><br> - <a href="/fr/docs/XUL/prefwindow" title="fr/docs/XUL/prefwindow">prefwindow</a><br> - <a href="/fr/docs/XUL/progressmeter" title="fr/docs/XUL/progressmeter">progressmeter</a> <small>(<a href="/en/XUL/progressmeter">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/progressmeter">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/query" title="fr/docs/XUL/query">query</a> <small>(<a href="/en/XUL/query">en</a>)</small><br> - <a href="/fr/docs/XUL/queryset" title="fr/docs/XUL/queryset">queryset</a> <small>(<a href="/en/XUL/queryset">en</a>)</small><br> - <a href="/fr/docs/XUL/radio" title="fr/docs/XUL/radio">radio</a> <small>(<a href="/en/XUL/radio">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/radio">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/radiogroup" title="fr/docs/XUL/radiogroup">radiogroup</a> <small>(<a href="/en/XUL/radiogroup">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/radiogroup">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/resizer" title="fr/docs/XUL/resizer">resizer</a> <small>(<a href="/en/XUL/resizer">en</a>)</small><br> - <a href="/fr/docs/XUL/richlistbox" title="fr/docs/XUL/richlistbox">richlistbox</a><br> - <a href="/fr/docs/XUL/richlistitem" title="fr/docs/XUL/richlistitem">richlistitem</a><br> - <a href="/fr/docs/XUL/row" title="fr/docs/XUL/row">row</a> <small>(<a href="/en/XUL/row">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/row">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/rows" title="fr/docs/XUL/rows">rows</a> <small>(<a href="/en/XUL/rows">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/rows">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/rule" title="fr/docs/XUL/rule">rule</a> <small>(<a href="/en/XUL/rule">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/rule">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/scale" title="fr/docs/XUL/scale">scale</a><br> - <a href="/fr/docs/XUL/script" title="fr/docs/XUL/script">script</a> <small>(<a href="/en/XUL/script">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/script">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/scrollbar" title="fr/docs/XUL/scrollbar">scrollbar</a> <small>(<a href="/en/XUL/scrollbar">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/scrollbar">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/scrollbox" title="fr/docs/XUL/scrollbox">scrollbox</a> <small>(<a href="/en/XUL/scrollbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/scrollbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/scrollcorner" title="fr/docs/XUL/scrollcorner">scrollcorner</a> <small>(<a href="/en/XUL/scrollcorner">en</a>)</small><br> - <a href="/fr/docs/XUL/separator" title="fr/docs/XUL/separator">separator</a> <small>(<a href="/en/XUL/separator">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/separator">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/spacer" title="fr/docs/XUL/spacer">spacer</a> <small>(<a href="/en/XUL/spacer">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/spacer">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/spinbuttons" title="fr/docs/XUL/spinbuttons">spinbuttons</a><br> - <a href="/fr/docs/XUL/splitter" title="fr/docs/XUL/splitter">splitter</a> <small>(<a href="/en/XUL/splitter">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/splitter">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/stack" title="fr/docs/XUL/stack">stack</a> <small>(<a href="/en/XUL/stack">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/stack">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/statusbar" title="fr/docs/XUL/statusbar">statusbar</a> <small>(<a href="/en/XUL/statusbar">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/statusbar">xulfr</a>)</small></p> - </td> - <td> - <p><a href="/fr/docs/XUL/statusbarpanel" title="fr/docs/XUL/statusbarpanel">statusbarpanel</a> <small>(<a href="/en/XUL/statusbarpanel">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/statusbarpanel">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/stringbundle" title="fr/docs/XUL/stringbundle">stringbundle</a> <small>(<a href="/en/XUL/stringbundle">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/stringbundle">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/stringbundleset" title="fr/docs/XUL/stringbundleset">stringbundleset</a> <small>(<a href="/en/XUL/stringbundleset">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/stringbundleset">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tab" title="fr/docs/XUL/tab">tab</a> <small>(<a href="/en/XUL/tab">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tab">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tabbrowser" title="fr/docs/XUL/tabbrowser">tabbrowser</a> <small>(<a href="/en/XUL/tabbrowser">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tabbrowser">xulfr</a>)</small> (Firefox uniquement<br> - à partir de Firefox 3/Gecko 1.9)<br> - <a href="/fr/docs/XUL/tabbox" title="fr/docs/XUL/tabbox">tabbox</a> <small>(<a href="/en/XUL/tabbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tabbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tabpanel" title="fr/docs/XUL/tabpanel">tabpanel</a> <small>(<a href="/en/XUL/tabpanel">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tabpanel">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tabpanels" title="fr/docs/XUL/tabpanels">tabpanels</a> <small>(<a href="/en/XUL/tabpanels">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tabpanels">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tabs" title="fr/docs/XUL/tabs">tabs</a> <small>(<a href="/en/XUL/tabs">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tabs">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/template" title="fr/docs/XUL/template">template</a> <small>(<a href="/en/XUL/template">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/template">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/textnode" title="fr/docs/XUL/textnode">textnode</a> <small>(<a href="/en/XUL/textnode">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/textnode">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/textbox" title="fr/docs/XUL/textbox">textbox</a> <small>(<a href="/en/XUL/textbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/textbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/textbox_(autocomplétion_de_Firefox)" title="fr/docs/XUL/textbox_(autocomplétion_de_Firefox)">textbox (autocomplétion de Firefox)</a> <small>(<a href="/en/XUL/textbox_(Firefox_autocomplete)">en</a>)</small><br> - <a href="/fr/docs/XUL/textbox_(autocomplétion_de_Mozilla)" title="fr/docs/XUL/textbox_(autocomplétion_de_Mozilla)">textbox (autocomplétion de Mozilla)</a> <small>(<a href="/en/XUL/textbox_(Mozilla_autocomplete)">en</a>)</small><br> - <a href="/fr/docs/XUL/timepicker" title="fr/docs/XUL/timepicker">timepicker</a><br> - <a href="/fr/docs/XUL/titlebar" title="fr/docs/XUL/titlebar">titlebar</a> <small>(<a href="/en/XUL/titlebar">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/titlebar">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbar" title="fr/docs/XUL/toolbar">toolbar</a> <small>(<a href="/en/XUL/toolbar">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbar">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbarbutton" title="fr/docs/XUL/toolbarbutton">toolbarbutton</a> <small>(<a href="/en/XUL/toolbarbutton">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbarbutton">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbargrippy" title="fr/docs/XUL/toolbargrippy">toolbargrippy</a> <small>(<a href="/en/XUL/toolbargrippy">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbargrippy">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbaritem" title="fr/docs/XUL/toolbaritem">toolbaritem</a> <small>(<a href="/en/XUL/toolbaritem">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbaritem">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbarpalette" title="fr/docs/XUL/toolbarpalette">toolbarpalette</a> <small>(<a href="/en/XUL/toolbarpalette">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbarpalette">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbarseparator" title="fr/docs/XUL/toolbarseparator">toolbarseparator</a> <small>(<a href="/en/XUL/toolbarseparator">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbarseparator">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbarset" title="fr/docs/XUL/toolbarset">toolbarset</a> <small>(<a href="/en/XUL/toolbarset">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbarset">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/toolbarspacer" title="fr/docs/XUL/toolbarspacer">toolbarspacer</a> <small>({<a href="/en/XUL/toolbarspacer">en</a>)</small><br> - <a href="/fr/docs/XUL/toolbarspring" title="fr/docs/XUL/toolbarspring">toolbarspring</a> <small>(<a href="/en/XUL/toolbarspring">en</a>)</small><br> - <a href="/fr/docs/XUL/toolbox" title="fr/docs/XUL/toolbox">toolbox</a> <small>(<a href="/en/XUL/toolbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/toolbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tooltip" title="fr/docs/XUL/tooltip">tooltip</a> <small>({<a href="/en/XUL/tooltip">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tooltip">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/tree" title="fr/docs/XUL/tree">tree</a> <small>(<a href="/en/XUL/tree">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/tree">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treecell" title="fr/docs/XUL/treecell">treecell</a> <small>({<a href="/en/XUL/treecel">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treecel">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treechildren" title="fr/docs/XUL/treechildren">treechildren</a> <small>(<a href="/en/XUL/treechildren">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treechildren">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treecol" title="fr/docs/XUL/treecol">treecol</a> <small>(<a href="/en/XUL/treecol">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treecol">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treecols" title="fr/docs/XUL/treecols">treecols</a> <small>(<a href="/en/XUL/treecols">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treecols">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treeitem" title="fr/docs/XUL/treeitem">treeitem</a> <small>({<a href="/en/XUL/treeitem">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treeitem">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treerow" title="fr/docs/XUL/treerow">treerow</a> <small>(<a href="/en/XUL/treerow">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treerow">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/treeseparator" title="fr/docs/XUL/treeseparator">treeseparator</a> <small>(<a href="/en/XUL/treeseparator">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/treeseparator">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/triple" title="fr/docs/XUL/triple">triple</a> <small>({<a href="/en/XUL/triple">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/triple">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/vbox" title="fr/docs/XUL/vbox">vbox</a> <small>(<a href="/en/XUL/vbox">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/vbox">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/where" title="fr/docs/XUL/where">where</a> <small>(<a href="/en/XUL/where">en</a>)</small><br> - <a href="/fr/docs/XUL/window" title="fr/docs/XUL/window">window</a> <small>(<a href="/en/XUL/window">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/window">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/wizard" title="fr/docs/XUL/wizard">wizard</a> <small>(<a href="/en/XUL/wizard">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/wizard">xulfr</a>)</small><br> - <a href="/fr/docs/XUL/wizardpage" title="fr/docs/XUL/wizardpage">wizardpage</a> <small>(<a href="/en/XUL/wizardpage">en</a>, <a class="external" href="http://xulfr.org/wiki/Reference/Xul/wizardpage">xulfr</a>)</small></p> - </td> - </tr> - </tbody> -</table> - -<h3 id="Autres_listes_sur_XUL" name="Autres_listes_sur_XUL">Autres listes sur XUL</h3> - -<ul> - <li><a href="/fr/docs/XUL/Attributs" title="fr/docs/XUL/Attributs">Tous les attributs</a></li> - <li><a href="/fr/docs/XUL/Propriétés" title="fr/docs/XUL/Propriétés">Toutes les propriétés</a></li> - <li><a href="/fr/docs/XUL/Méthodes" title="fr/docs/XUL/Méthodes">Toutes les méthodes</a></li> - <li><a href="/fr/Attributs_des_éléments_XUL" title="fr/Attributs_des_éléments_XUL">Attributs définis pour tous les éléments XUL</a></li> - <li><a href="/fr/docs/XUL/Évènements" title="fr/docs/XUL/Évènements">Gestionnaires d'évènements</a> <small>(à traduire de <a href="/en/XUL/Events">en:XUL:Events</a>)</small></li> - <li><a href="/fr/docs/XUL/Balisage_obsolète//ancien" title="fr/docs/XUL/Balisage_obsolète//ancien">Balisage obsolète/ancien</a> <small>(à traduire de <a href="/en/Deprecated/Defunct_Markup">en:Deprecated/Defunct Markup</a>)</small></li> -</ul> diff --git a/files/fr/archive/mozilla/xul/scale/index.html b/files/fr/archive/mozilla/xul/scale/index.html deleted file mode 100644 index a4ae7e44e9..0000000000 --- a/files/fr/archive/mozilla/xul/scale/index.html +++ /dev/null @@ -1,255 +0,0 @@ ---- -title: scale -slug: Archive/Mozilla/XUL/scale -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/scale ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément <code>scale</code> (parfois appelé <i>slider</i>) permet à l'utilisateur de sélectionner une valeur dans un intervalle. Une barre affichée horizontalement ou verticalement lui permet de choisir une valeur en glissant une poignée sur la barre. -</p><p>Utilisez l'attribut <code>orient</code> pour spécifier l'orientation de l'échelle. La valeur par défaut est <tt>horizontal</tt> qui affiche une barre horizontale. Les valeurs inférieures sont à gauche et les valeurs supérieurs à droite. Pour utiliser une échelle verticale, définissez l'attribut <code>orient</code> à <tt>vertical</tt>. -</p><p>L'utilisateur peut utiliser les touches fléchées du clavier pour incrémenter ou décrémenter la valeur d'une unité, ou les touches <kbd>PagePréc</kbd> et <kbd>PageSuiv</kbd> pour incrémenter ou décrémenter la valeur d'une page, telle que spécifiée par l'attribut <code>pageincrement</code>. Les touches <kbd>Origine</kbd> et <kbd>Fin</kbd> définissent respectivement la valeur au minimum et au maximum. Un évènement <code>change</code> sera déclenché par l'élément chaque fois que sa valeur est modifiée. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-dir">dir</a>, <a href="#a-disabled">disabled</a>, <a href="#a-increment">increment</a>, <a href="#a-max">max</a>, <a href="#a-min">min</a>, <a href="#a-pageincrement">pageincrement</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-disabled">disabled</a>, <a href="#p-max">max</a>, <a href="#p-min">min</a>, <a href="#p-increment">increment</a>, <a href="#p-pageIncrement">pageIncrement</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a>, </dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-decrease">decrease</a>, <a href="#m-decreasePage">decreasePage</a>, <a href="#m-increase">increase</a>, <a href="#m-increasePage">increasePage</a>, -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>Échelle horizontale : -</p> -<pre><scale min="1" max="10"/> -</pre> -<p><img alt="Image:Controlguide-scale.png"> -</p><p>Échelle verticale : -</p> -<pre><scale min="1" max="10" orient="vertical"/> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-dir"> - -<dl> - <dt> - <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - La direction dans laquelle les éléments enfants de l'élément seront placés.</dd> -</dl> -<ul> - <li><code>normal</code> : <magic name="\"PAGENAME\"/">Les valeurs de l'échelle sont triées de gauche à droite (pour les échelles horizontales) ou de haut en bas (pour les échelles verticales)., Les éléments sont placés de gauche à droite ou de haut en bas dans l'ordre dans lequel ils apparaissent dans le code XUL.)</magic></li> - <li><code>reverse</code> : Les valeurs de l'échelle sont triées de droite à gauche (pour les échelles horizontales) ou de bas en haut (pour les échelles verticales)., Les éléments sont placés de droite à gauche ou de bas en haut. C'est le contraire de l'ordre dans lequel ils apparaissent dans le code XUL.)</li> -</ul> - -<p> </p> -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-increment"> - -<dl> - <dt> - <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La quantité dont l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> (pour les boîtes numériques et les échelles) or <code id="a-curpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/curpos">curpos</a></code><magic name="\"PAGENAME\"/"> (pour les barres de défilement) </magic> change lorsque l'on clique sur les flèches. La valeur par défaut est 1.</dd> -</dl> -</div> -<div id="a-min"> - -<dl> - <dt> - <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La valeur minimum que peut prendre l'élément. La valeur par défaut est 0.</dd> -</dl> -</div> -<div id="a-max"> - -<dl> - <dt> - <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La valeur maximum que peut prendre l'élément scale ou number box. La valeur par défaut est <code>100</code> pour les éléments scale et <code>Infinity</code> pour les boîtes numériques</dd> -</dl> -</div> -<div id="a-pageincrement"> - -<dl> - <dt> - <code id="a-pageincrement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pageincrement">pageincrement</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La quantité de laquelle la valeur de l'attribut <code>curpos</code> ou <code>value</code> change lorsque l'utilisateur clique dans la colonne de la barre de défilement (la zone dans laquelle le curseur de la barre se déplace), ou lorsque les touches <kbd>PgUp</kbd> ou <kbd>PgDown</kbd> sont utilisées. La valeur par défaut est 10.</dd> -</dl> -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-increment"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/increment">increment</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code>.</dd> -</dl></div> -<div id="p-min"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/min">min</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-max"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/max">max</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-pageIncrement"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/pageIncrement">pageIncrement</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-pageincrement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pageincrement">pageincrement</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-value"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. -</dd></dl> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> -<dl> - <dt> - <span id="m-decrease"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/decrease">decrease()</a></code></span></dt> - <dd> - Type de retour : - <i> - aucune valeur de retour</i> - </dd> - <dd> - Diminue la valeur de<magic name="\"PAGENAME\"/"> la boîte numérique l'échelle, l'échelle ou la boîte numérique</magic> de la valeur de l'incrément.</dd> -</dl> -<dl><dt> <span id="m-decreasePage"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/decreasePage">decreasePage()</a></code></span></dt> -<dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Diminue la valeur de l'échelle de la valeur de <code>pageIncrement</code>. -</dd></dl> -<p><br> -</p> -<dl> - <dt> - <span id="m-increase"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/increase">increase()</a></code></span></dt> - <dd> - Type de retour : - <i> - aucune valeur de retour</i> - </dd> - <dd> - Augmente la valeur de <magic name="\"PAGENAME\"/">la boîte numérique, XUL:scale = l'échelle, l'échelle ou la boîte numérique</magic> de la valeur de l'incrément.</dd> -</dl> -<p> </p> - - -<dl><dt> <span id="m-increasePage"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/increasePage">increasePage()</a></code></span></dt> -<dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Augmente la valeur de l'échelle de la valeur de <code>pageIncrement</code>. -</dd></dl> -<p><br> -</p> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIDOMXULControlElement">nsIDOMXULControlElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/spacer/index.html b/files/fr/archive/mozilla/xul/spacer/index.html deleted file mode 100644 index 259c7f355f..0000000000 --- a/files/fr/archive/mozilla/xul/spacer/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: spacer -slug: Archive/Mozilla/XUL/spacer -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/spacer ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément qui occupe de l'espace mais n'affiche rien. On l'utilise généralement pour occuper de la place dans un conteneur. Si l'on ne spécifie pas de taille ou de flexibilité à cet élément, le spacer n'occupe aucune place. Si vous voulez créer un léger espacement, pensez à utiliser plutôt un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/separator" title="separator">separator</a></code>. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Utilisation_des_spacers">Tutoriel XUL</a>. -</p> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre class="eval"><box> - <button label="Gauche"/> - <spacer flex="1"/> - <button label="Droite"/> -</box> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt>Éléments -</dt><dd><code><a href="/fr/docs/Mozilla/Tech/XUL/separator" title="separator">separator</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/spinbuttons/index.html b/files/fr/archive/mozilla/xul/spinbuttons/index.html deleted file mode 100644 index e493ea9919..0000000000 --- a/files/fr/archive/mozilla/xul/spinbuttons/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: spinbuttons -slug: Archive/Mozilla/XUL/spinbuttons -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/spinbuttons ---- -<p> -</p> -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> -<p><br> -Les <code>spinbuttons</code> sont constitués de deux flèches, une pour augmenter une valeur et une autre pour la diminuer. Ils ne sont pas utilisés comme des éléments distincts, mais en combinaison avec d'autres éléments pour créer un contrôle dont la valeur peut être augmentée et diminuée. -</p><p>Par exemple, on utilise les <code>spinbuttons</code> pour les boîtes texte (<code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>) de type numérique, ainsi qu'avec les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/timepicker" title="timepicker">timepicker</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/datepicker" title="datepicker">datepicker</a></code>. -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/stack/index.html b/files/fr/archive/mozilla/xul/stack/index.html deleted file mode 100644 index ac42647df3..0000000000 --- a/files/fr/archive/mozilla/xul/stack/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: stack -slug: Archive/Mozilla/XUL/stack -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/stack ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément qui affiche ses enfants en pile les uns au dessus des autres. Le premier élément est placé en bas et chacun des enfants successifs est placé au dessus du précédent. Tous les éléments sont affichés en une fois. Des éléments enfants peuvent également être placés à des positions absolues dans la pile. -</p><p>Les attributs <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> et <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code> sur un enfant de l'élément <code>stack</code> spécifient la position de cet élément. </p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Piles_et_Paquets">Tutoriel XUL</a>. -</p> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p><a href="fr/XUL/deck">deck</a> -</p> diff --git a/files/fr/archive/mozilla/xul/tabpanels/index.html b/files/fr/archive/mozilla/xul/tabpanels/index.html deleted file mode 100644 index 9c55a5f6dc..0000000000 --- a/files/fr/archive/mozilla/xul/tabpanels/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: tabpanels -slug: Archive/Mozilla/XUL/tabpanels -translation_of: Archive/Mozilla/XUL/tabpanels ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> - -<p>Conteneur pour maintenir l'ensemble des pages dans <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. <code>tabpanels</code> doit être placé dans <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> bien qu'il n'a pas besoin d'être un enfant direct. Les enfants de <code>tabpanels</code> deviennent les panneaux de <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. Dans la plupart des cas vous pouvez utilisez <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code>, mais ils peuvent être des éléments quelconques. En cliquant sur le premier onglet, le premier panneau sera affiché. En cliquant sur le deuxième onglet, le deuxième panneau sera affiché et ainsi de suite. Il devrait y avoir le même nombre de panneaux que d'onglets. Les panneaux ne doivent jamais être cachés; le masquage d'un onglet suffit pour rendre son panneau inaccessible.</p> - -<p>Plus d'informations sont disponibles dans le <a href="/en/XUL_Tutorial/Tabboxes" title="/fr/XUL_Tutorial/Tabboxes"> tutoriel XUL </a>.</p> - -<dl> - <dt>Attributs</dt> - <dd><a href="#a-selectedIndex">selectedIndex</a></dd> -</dl> - -<dl> - <dt>Propriétés</dt> - <dd><a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedPanel">selectedPanel</a></dd> -</dl> - -<h3 id="Examples" name="Examples">Exemples</h3> - -<p>(Exemple nécessaire)</p> - -<h3 id="Attributes" name="Attributes">Attributs</h3> - -<div id="a-selectedIndex"> - -</div> <table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Properties" name="Properties">Propriétés</h3> - -<p> </p><div id="p-accessible"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessible">accessible</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIAccessible">nsIAccessible</a></i> -</dd><dd> Renvoie l'objet d'accessibilité pour l'élément. -</dd></dl> -<p><br> -</p> - -</div> <div id="p-selectedIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selectedIndex">selectedIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Renvoie l'indice de l'élément actuellement sélectionné. Un élément peut être sélectionné en assignant son indice à cette propriété. En lui assignant <code>-1</code>, tous les éléments seront désélectionnés. -</dd></dl> - -</div> <div id="p-selectedPanel"></div> - -<h3 id="Methods" name="Methods">Méthodes</h3> - -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Related" name="Related">Voir également</h3> - -<dl> - <dt>Elements</dt> - <dd><code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code>.</dd> -</dl> diff --git a/files/fr/archive/mozilla/xul/textbox/index.html b/files/fr/archive/mozilla/xul/textbox/index.html deleted file mode 100644 index 7511b915f2..0000000000 --- a/files/fr/archive/mozilla/xul/textbox/index.html +++ /dev/null @@ -1,348 +0,0 @@ ---- -title: textbox -slug: Archive/Mozilla/XUL/textbox -tags: - - Méthodes_XUL - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/textbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un champ dans lequel l'utilisateur peut entrer du texte. Il est similaire à l'élément HTML <code>input</code>. Par défaut, une seule ligne de texte est affichée. L'attribut <code id="a-multiline"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/multiline">multiline</a></code> peut être spécifié pour afficher un champ multiligne. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Les_champs_de_saisie">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-cols">cols</a>, <a href="#a-decimalplaces">decimalplaces</a>, <a href="#a-disabled">disabled</a>, <a href="#a-textbox.empty">empty</a>, <a href="#a-emptytext">emptytext</a>, <a href="#a-hidespinbuttons">hidespinbuttons</a>, <a href="#a-increment">increment</a>, <a href="#a-textbox.label">label</a>, <a href="#a-max">max</a>, <a href="#a-maxlength">maxlength</a>, <a href="#a-min">min</a>, <a href="#a-multiline">multiline</a>, <a href="#a-newlines">newlines</a>, <a href="#a-textbox.onchange">onchange</a>, <a href="#a-oninput">oninput</a>, <a href="#a-preference">preference</a>, <a href="#a-readonly">readonly</a>, <a href="#a-rows">rows</a>, <a href="#a-size">size</a>, <a href="#a-spellcheck">spellcheck</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-timeout">timeout</a>, <a href="#a-textbox.type">type</a>, <a href="#a-textbox.value">value</a>, <a href="#a-wrap">wrap</a>, <a href="#a-wraparound">wraparound</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-clickSelectsAll">clickSelectsAll</a>, <a href="#p-decimalPlaces">decimalPlaces</a>, <a href="#p-decimalSymbol">decimalSymbol</a>, <a href="#p-defaultValue">defaultValue</a>, <a href="#p-disabled">disabled</a>, <a href="#p-editor">editor</a>, <a href="#p-emptyText">emptyText</a>, <a href="#p-increment">increment</a>, <a href="#p-inputField">inputField</a>, <a href="#p-textbox.label">label</a>, <a href="#p-max">max</a>, <a href="#p-maxLength">maxLength</a>, <a href="#p-min">min</a>, <a href="#p-readOnly">readOnly</a>, <a href="#p-selectionEnd">selectionEnd</a>, <a href="#p-selectionStart">selectionStart</a>, <a href="#p-size">size</a>, <a href="#p-spinButtons">spinButtons</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-textLength">textLength</a>, <a href="#p-timeout">timeout</a>, <a href="#p-type">type</a>, <a href="#p-textbox.value">value</a>, <a href="#p-valueNumber">valueNumber</a>, <a href="#p-wrapAround">wrapAround</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-decrease">decrease</a>, <a href="#m-increase">increase</a>, <a href="#m-reset">reset</a>, <a href="#m-select">select</a>, <a href="#m-setSelectionRange">setSelectionRange</a> -</dd></dl> -<dl><dt> Classes de style -</dt><dd> <a href="#s-plain">plain</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_textbox.png"></div> -<pre><vbox> -<label control="your-name" value="Enter your name:"/> -<textbox id="your-name" value="John"/> -</vbox> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-cols"> - -</div> -<div id="a-decimalplaces"> - -</div> -<div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-textbox.empty"> - -</div> -<div id="a-emptytext"> - -</div> -<div id="a-hidespinbuttons"> - -</div> -<div id="a-increment"> - -<dl> - <dt> - <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La quantité dont l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> (pour les boîtes numériques et les échelles) or <code id="a-curpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/curpos">curpos</a></code><magic name="\"PAGENAME\"/"> (pour les barres de défilement) </magic> change lorsque l'on clique sur les flèches. La valeur par défaut est 1.</dd> -</dl> -</div> -<div id="a-textbox.label"> - -</div> -<div id="a-max"> - -<dl> - <dt> - <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La valeur maximum que peut prendre l'élément scale ou number box. La valeur par défaut est <code>100</code> pour les éléments scale et <code>Infinity</code> pour les boîtes numériques</dd> -</dl> -</div> -<div id="a-maxlength"> - -</div> -<div id="a-min"> - -<dl> - <dt> - <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code></dt> - <dd> - Type : - <i> - entier</i> - </dd> - <dd> - La valeur minimum que peut prendre l'élément. La valeur par défaut est 0.</dd> -</dl> -</div> -<div id="a-multiline"> - -</div> -<div id="a-newlines"> - -</div> -<div id="a-textbox.onchange"> - -</div> -<div id="a-oninput"> - -</div> -<div id="a-preference"> - -<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference">preference</a></code> -</dt><dd> Type : <i>id d'élément</i> -</dd><dd> Connecte l'élément à une préférence (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. La valeur de la préférence sera mise à jour pour correspondre à la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code> de l'élément. -</dd></dl> - - -</div> -<div id="a-readonly"> - -<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément. Cependant, celle-ci peut toujours être modifiée par un script. -</dd></dl> - - -</div> -<div id="a-rows"> - -<dl><dt> <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Le nombre de lignes à afficher dans l'élément. Si l'élément contient plus que ce nombre de lignes, une barre de défilement apparaitra afin que l'utilisateur puisse consulter les autres lignes. Pour obtenir le nombre réel de lignes dans l'élément, utilisez la méthode <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/getRowCount">getRowCount</a></code></span>. -</dd></dl> - - -</div> -<div id="a-size"> - -</div> -<div id="a-spellcheck"> - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-timeout"> - -</div> -<div id="a-textbox.type"> - -</div> -<div id="a-textbox.value"> - -</div> -<div id="a-wrap"> - -</div> -<div id="a-wraparound"> - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-clickSelectsAll"></div> -<div id="p-decimalPlaces"></div> -<div id="p-decimalSymbol"></div> -<div id="p-defaultValue"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/defaultValue">defaultValue</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Définit et obtient la valeur par défaut d'une boîte de texte. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-editor"></div> -<div id="p-emptyText"></div> -<div id="p-increment"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/increment">increment</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code>.</dd> -</dl></div> -<div id="p-inputField"></div> -<div id="p-textbox.label"></div> -<div id="p-max"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/max">max</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-maxLength"></div> -<div id="p-min"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/min">min</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code>. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-readOnly"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readonly">readonly</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si définie à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément.</dd> - <dd> - <div class="note"> - Cette propriété toute en minuscules n'est utilisée qu'avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code> et sera peut-être renommée en <code>readOnly</code> dans des versions ultérieures. D'autres éléments utilisent la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readOnly">readOnly</a></span></code>. L'attribut correspondant est cependant <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> en minuscules.</div> - </dd> -</dl></div> -<div id="p-selectionEnd"></div> -<div id="p-selectionStart"></div> -<div id="p-size"></div> -<div id="p-spinButtons"></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-textLength"></div> -<div id="p-timeout"></div> -<div id="p-type"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/type">type</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code>. -</dd></dl> - -</div> -<div id="p-textbox.value"></div> -<div id="p-valueNumber"></div> -<div id="p-wrapAround"></div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<dl> - <dt> - <span id="m-decrease"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/decrease">decrease()</a></code></span></dt> - <dd> - Type de retour : - <i> - aucune valeur de retour</i> - </dd> - <dd> - Diminue la valeur de<magic name="\"PAGENAME\"/"> la boîte numérique l'échelle, l'échelle ou la boîte numérique</magic> de la valeur de l'incrément.</dd> -</dl> -<dl> - <dt> - <span id="m-increase"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/increase">increase()</a></code></span></dt> - <dd> - Type de retour : - <i> - aucune valeur de retour</i> - </dd> - <dd> - Augmente la valeur de <magic name="\"PAGENAME\"/">la boîte numérique, XUL:scale = l'échelle, l'échelle ou la boîte numérique</magic> de la valeur de l'incrément.</dd> -</dl> -<p> </p> - - -<dl><dt> <span id="m-reset"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/reset">reset()</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur renvoyée</i> -</dd><dd> Réinitialise la préférence à sa valeur par défaut. -</dd><dd> Pour un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>, la liste de transactions d'annulation est également vidée (Gecko 1.9). -</dd></dl> -<p><br> -</p> -<dl><dt> <span id="m-select"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/select">select()</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Sélectionne l'intégralité du texte d'une boîte texte. -</dd></dl> -<p><br> -</p> -<p><span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL" title="/fr/docs/Référence_XUL">Accueil de la référence XUL</a></span> -</p> -<dl><dt> <span id="m-setSelectionRange"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/setSelectionRange">setSelectionRange( début, fin )</a></code></span> -</dt><dd> Type retourné : <i>aucune valeur retournée</i> -</dd><dd> Cette méthode sélectionne une portion de texte dans une zone de texte (<i>textbox</i> ou <i>textarea</i>) où l'argument <var>début</var> est le premier caractère de la sélection et l'argument <var>fin</var> le dernier caractère de la sélection. </dd><dd> Renseigner les deux arguments avec la même valeur équivaut à déplacer le curseur d'écriture sans rien sélectionner. -</dd></dl> -<p><br> -<span class="comment">Interwiki Language Links</span> -</p> -<span class="lang lang-fr" lang="fr"> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Classes_de_style" name="Classes_de_style"> Classes de style </h3> -<p>Les classes suivantes peuvent être utilisées pour styler l'élément. Ces classes devraient être utilisées au lieu de changer le style de l'élément directement, car elles s'accorderont plus naturellement avec le thème sélectionné par l'utilisateur. -</p><dl> - <dt><code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/plain">plain</a></code></dt> - <dd>This class causes the element to be displayed with no border or margin.</dd> -</dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULTextboxElement">nsIDOMXULTextboxElement</a> -</dd></dl> -<div class="noinclude"> -</div> -</span> diff --git a/files/fr/archive/mozilla/xul/timepicker/index.html b/files/fr/archive/mozilla/xul/timepicker/index.html deleted file mode 100644 index 7dda702b6b..0000000000 --- a/files/fr/archive/mozilla/xul/timepicker/index.html +++ /dev/null @@ -1,264 +0,0 @@ ---- -title: timepicker -slug: Archive/Mozilla/XUL/timepicker -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/timepicker ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>L'élément <code>timepicker</code> est utilisé pour permettre à l'utilisateur d'entrer une heure. Il contient trois champs pour entrer les heures, les minutes et les secondes. Des boutons fléchés à côté de ces champs permettent d'ajuster les valeurs à la souris. Une quatrième boîte de texte apparaît pour les horloges à 12 heures, permettant de sélectionner AM ou PM. -</p><p>Pour spécifier la valeur initiale, utilisez l'attribut <code>value</code> sous une forme HH:MM:SS ou HH:MM. La valeur peut être obtenue et modifiée à l'aide des propriétés <code>value</code> ou <code>dateValue</code>. La première spécifie l'heure sous la forme d'une chaîne de la forme HH:MM:SS tandis que la seconde le fait sous la forme d'un objet <a href="fr/R%c3%a9f%c3%a9rence_de_JavaScript_1.5_Core/Objets_globaux/Date">Date</a>. En outre, les propriétés <code>hour</code>, <code>minute</code> et <code>second</code> peuvent être utilisées pour obtenir ou modifier chaque composante individuellement. -</p><p><br> -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-hideseconds">hideseconds</a>, <a href="#a-increment">increment</a>, <a href="#a-readonly">readonly</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-amIndicator">amIndicator</a>, <a href="#p-dateValue">dateValue</a>, <a href="#p-disabled">disabled</a>, <a href="#p-hideSeconds">hideSeconds</a>, <a href="#p-hour">hour</a>, <a href="#p-hourLeadingZero">hourLeadingZero</a>, <a href="#p-increment">increment</a>, <a href="#p-is24HourClock">is24HourClock</a>, <a href="#p-isPM">isPM</a>, <a href="#p-minute">minute</a>, <a href="#p-minuteLeadingZero">minuteLeadingZero</a>, <a href="#p-pmIndicator">pmIndicator</a>, <a href="#p-readOnly">readOnly</a>, <a href="#p-second">second</a>, <a href="#p-secondLeadingZero">secondLeadingZero</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre><timepicker value="12:05"/> -</pre> -<p><img alt="Image:Controlguide-timepicker.png"> -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-hideseconds"> - -<dl> - <dt> - <code id="a-hideseconds"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hideseconds">hideseconds</a></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Indique si le champ des secondes doit être masqué.</dd> -</dl> -</div> -<div id="a-readonly"> - -<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément. Cependant, celle-ci peut toujours être modifiée par un script. -</dd></dl> - - -</div> -<div id="a-timepicker.increment"> - -<dl> - <dt> - <a href="fr/XUL/Attributs/timepicker.increment">increment</a></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Indique le nombre de minutes à passer chaque fois que les flèches sont actionnées. Cet attribut est à utiliser en combinaison avec une définition de <code>hideseconds</code> à <code>true</code>.</dd> -</dl> -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> -<div id="a-timepicker.value"> - -<dl> - <dt> - <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La valeur initiale du sélecteur de date au format HH:MM:SS ou HH:MM.</dd> -</dl> -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-amIndicator"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/amIndicator">amIndicator</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> La valeur chaîne affichée pour les heures entre minuit et midi, par défaut « AM ». Cette valeur est déterminée selon la locale de l'utilisateur. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-dateValue"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/dateValue">dateValue</a></span></code></dt> - <dd> - Type : <i>Date</i></dd> - <dd> - La date actuellement entrée ou sélectionnée dans le sélecteur de date sous la forme d'un objet <code>Date</code>.</dd> -</dl></div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-hideSeconds"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/hideSeconds">hideSeconds</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Indique si le champ des secondes doit être masqué.</dd> -</dl></div> -<div id="p-hour"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/hour">hour</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - La valeur de l'heure actuellement sélectionnée entre 0 et 23. Modifiez cette propriété pour changer l'heure sélectionnée.</dd> -</dl></div> -<div id="p-hourLeadingZero"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/hourLeadingZero">hourLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro initial doit être affiché avant l'heure lorsque celle-ci est inférieure à 10.</dd> -</dl></div> -<div id="p-increment"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/increment">increment</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code>.</dd> -</dl></div> -<div id="p-is24HourClock"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/is24HourClock">is24HourClock</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si l'heure est affichée à l'aide d'une horloge à 24 ou 12 heures. Avec une horloge à 12 heures, un champ supplémentaire permet à l'utilisateur de choisir entre AM et PM.</dd> -</dl></div> -<div id="p-isPM"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/isPM">isPM</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si cette propriété est à <code>false</code>, l'heure est entre 0 et 11. Si elle est à <code>true</code>, l'heure est supérieure ou égale à 12.</dd> -</dl></div> -<div id="p-minute"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/minute">minute</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - Les minutes de l'heure actuellement sélectionnée entre 0 et 59. Modifiez cette propriété pour changer la minute sélectionnée.</dd> -</dl></div> -<div id="p-minuteLeadingZero"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/minuteLeadingZero">minuteLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro initial doit être affiché avant la valeur des minutes lorsque celle-ci est inférieure à 10.</dd> -</dl></div> -<div id="p-pmIndicator"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/pmIndicator">pmIndicator</a></span></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - La valeur chaîne affichée pour les heures entre midi et minuit, par défaut « PM ». Cette valeur est déterminée selon la locale de l'utilisateur.</dd> -</dl></div> -<div id="p-readOnly"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readonly">readonly</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Si définie à <code>true</code>, l'utilisateur ne peut pas modifier la valeur de l'élément.</dd> - <dd> - <div class="note"> - Cette propriété toute en minuscules n'est utilisée qu'avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code> et sera peut-être renommée en <code>readOnly</code> dans des versions ultérieures. D'autres éléments utilisent la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/readOnly">readOnly</a></span></code>. L'attribut correspondant est cependant <code id="a-readonly"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/readonly">readonly</a></code> en minuscules.</div> - </dd> -</dl></div> -<div id="p-second"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/second">second</a></span></code></dt> - <dd> - Type : <i>entier</i></dd> - <dd> - La valeur des secondes de l'heure actuellement sélectionnée, entre 0 et 59. Modifiez cette propriété pour changer la seconde sélectionnée.</dd> -</dl></div> -<div id="p-secondLeadingZero"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/secondLeadingZero">secondLeadingZero</a></span></code></dt> - <dd> - Type : <i>booléen</i></dd> - <dd> - Une valeur en lecture seule indiquant si un zéro initial doit être affiché avant la valeur des secondes si celle-ci est inférieure à 10.</dd> -</dl></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-timepicker.value"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/value">value</a></span></code></dt> - <dd> - Type : <i>chaîne</i></dd> - <dd> - L'heure actuellement entrée sous la forme HH:MM:SS. Modifiez cette propriété pour changer cette heure.</dd> -</dl></div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIDOMXULControlElement">nsIDOMXULControlElement</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/toolbars/création_de_boutons_de_barre_d'outils/index.html b/files/fr/archive/mozilla/xul/toolbars/création_de_boutons_de_barre_d'outils/index.html deleted file mode 100644 index 0b38c79357..0000000000 --- a/files/fr/archive/mozilla/xul/toolbars/création_de_boutons_de_barre_d'outils/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: Création de boutons de barre d'outils -slug: Archive/Mozilla/XUL/Toolbars/Création_de_boutons_de_barre_d'outils -tags: - - Extensions -translation_of: Archive/Mozilla/XUL/Toolbars/Creating_toolbar_buttons ---- -<p> </p> -<p>Cet article explique comment ajouter un bouton à la barre d'outils d'une application (comme Firefox, Thunderbird, Nvu, etc.) en utilisant la technique des <a href="fr/Overlays_XUL">overlays</a>. Cet article s'adresse aux développeurs d'<a href="fr/Extensions">extensions</a> connaissant les bases de <a href="fr/XUL">XUL</a> et <a href="fr/CSS">CSS</a>.</p> -<p>Le lecteur est supposé être familiarisé avec les bases de la création d'extensions pour Firefox et avoir fait fonctionner <a href="fr/Construire_une_extension">sa première extension</a>. Un tutoriel vous guidant à travers le processus depuis le début est <a href="fr/Boutons_de_barre_d'outils_personnalis%c3%a9s">également disponible</a>.</p> -<p> </p> -<h3 id="Cr.C3.A9ation_d.27un_overlay" name="Cr.C3.A9ation_d.27un_overlay">Création d'un overlay</h3> -<p>Avant tout, vous devez créer un overlay pour le document qui contient la barre d'outils que vous souhaitez améliorer. Le but de ce tutoriel n'est pas d'expliquer les overlays — vous pouvez trouver de précieuses informations à ce sujet dans le Tutoriel XUL.</p> -<p>Pour créer un overlay sur un document, vous devez connaître son URI. Vous trouverez en bas de cette page la <a href="#Liste_des_fen.C3.AAtres_o.C3.B9_les_overlays_de_la_barre_d.27outils_sont_fr.C3.A9quents">liste des documents où les overlays sont créés le plus fréquemment</a>.</p> -<div class="note"> - Note : certains placent un overlay sur - <i> - <a class="external" rel="freelink">chrome://messenger/content/mailWindowOverlay.xul</a></i> - . Cela devrait faire apparaitre le bouton sur toutes les fenêtres auxquelles mailWindowOverlay.xul s'applique (c'est-à-dire la fenêtre principale et la fenêtre de messages). Cela doit être vérifié.</div> -<h3 id="Ajout_d.27un_bouton_.C3.A0_la_barre_d.27outils" name="Ajout_d.27un_bouton_.C3.A0_la_barre_d.27outils">Ajout d'un bouton à la barre d'outils</h3> -<p>Les applications toolkit ont une barre d'outils personnalisable. La méthode la plus pratique dans une extension est donc d'ajouter les boutons de la barre d'outils dans la palette plutôt que de les ajouter directement dans la barre d'outils. Cette dernière option est possible mais peu recommandée et plus difficile à mettre en œuvre.</p> -<p>L'ajout d'un bouton à la palette de la barre d'outils est très simple. Il suffit d'ajouter ce code à l'overlay :</p> -<pre> -<toolbarpalette id="BrowserToolbarPalette"> - <toolbarbutton id="myextension-button" class="toolbarbutton-1" - label="&toolbarbutton.label;" tooltiptext="&toolbarbutton.tooltip;" - oncommand="MyExtension.onToolbarButtonCommand(event);"/> -</toolbarpalette> -</pre> -<p>Notes :</p> -<ul> - <li>L'id de palette (BrowserToolbarPalette dans l'exemple) dépend de la fenêtre dans laquelle vous désirez ajouter un bouton. Voir ci-dessous la <a href="#Liste_des_fen.C3.AAtres_o.C3.B9_les_overlays_de_la_barre_d.27outils_sont_fr.C3.A9quents">liste des ID de palette les plus communément utilisées</a>.</li> - <li><code>class="toolbarbutton-1"</code> permet au bouton de la barre d'outils d'apparaitre correctement en mode icône et texte.</li> - <li>Il faut également indiquer la commande qui doit être exécutée dans l'attribut <code>oncommand</code>. Si vous avez besoin de prendre en charge le clic du milieu (roulette), vous devez ajouter la prise en charge <code>onclick</code> et vérifier <code>event.button</code>.</li> -</ul> -<pre>onclick: function(event) { - switch(event.button) { - case 0: - // Clic gauche - break; - case 1: - // Clic milieu - break; - case 2: - // Clic droit - break; - } -} -</pre> -<p>Pour ajouter plus de boutons, il suffit de mettre d'autres éléments <code><toolbarbutton></code> dans l'élément <code><toolbarpalette></code>. Placez les éléments autres que des boutons de barre d'outils dans un élément <code><toolbaritem></code>.</p> -<h3 id="Application_d.27un_style_sur_le_bouton" name="Application_d.27un_style_sur_le_bouton">Application d'un style sur le bouton</h3> -<p>Le plus souvent, les boutons ont des icônes. Pour attacher une image à un bouton, on utilise une des fonctionnalités standard de Mozilla pour le personnaliser. Si vous n'êtes pas familier avec celle-ci, lisez <a class="external" href="http://www.borngeek.com/firefox/toolbar-tutorial/ch_5.html">la section skinning de l'excellent Toolbar Tutorial de Jonah Bishop</a> (en anglais). Bien que l'article décrive la création d'une barre d'outils complètement personnalisée plutôt que d'un simple bouton, il contient une très bonne explication des techniques que nous allons employer.</p> -<h3 id="Taille_des_ic.C3.B4nes" name="Taille_des_ic.C3.B4nes">Taille des icônes</h3> -<p>Les boutons pour la barre d'outils peuvent avoir deux tailles différentes — grande et petite. Ceci implique que vous allez devoir fournir de icônes différentes pour chaque bouton de votre barre d'outils. Vous trouverez ci-dessous les dimensions des icônes dans diverses applications (n'hésitez pas à en ajouter d'autres) :</p> -<p><tr> <td>Firefox 1.0 (Winstripe)</td> <td>24x24</td> <td>16x16</td> </tr> <tr> <td>Thunderbird 1.0 (Qute)</td> <td>24x24</td> <td>16x16</td> </tr> </table></p> -<h3 id="Feuille_de_style" name="Feuille_de_style">Feuille de style</h3> -<p>Pour paramétrer l'image de votre bouton de barre d'outils, utilisez les règles CSS suivantes :</p> -<pre>/* skin/toolbar-button.css */ - -#myextension-button { - list-style-image: url("chrome://myextension/skin/btn_large.png"); -} - -toolbar[iconsize="small"] #myextension-button { - list-style-image: url("chrome://myextension/skin/btn_small.png"); -} -</pre> -<h3 id="Appliquer_la_feuille_de_style" name="Appliquer_la_feuille_de_style">Appliquer la feuille de style</h3> -<p>Souvenez-vous d'associer la feuille de style que vous avez créée à la fois à l'overlay et à la fenêtre de personnalisation de la barre d'outils.</p> -<pre><?xml-stylesheet href="chrome://myextension/skin/toolbar-button.css" type="text/css"?> -</pre> -<p>Pour l'associer à la fenêtre de personnalisation (<code><a class="external" rel="freelink">chrome://global/content/customizeToolbar.xul</a></code>), vous pouvez utiliser <tt>skin/contents.rdf</tt>, comme ceci :</p> -<pre><?xml version="1.0"?> -<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> - - <Seq about="urn:mozilla:skin:root"> - <li resource="urn:mozilla:skin:classic/1.0"/> - </Seq> - - <Description about="urn:mozilla:skin:classic/1.0"> - <chrome:packages> - <Seq about="urn:mozilla:skin:classic/1.0:packages"> - <li resource="urn:mozilla:skin:classic/1.0:myextension"/> - </Seq> - </chrome:packages> - </Description> - - <Seq about="urn:mozilla:stylesheets"> - <li resource="chrome://global/content/customizeToolbar.xul"/> - </Seq> - - <Seq about="chrome://global/content/customizeToolbar.xul"> - <li>chrome://myextension/skin/toolbar-button.css</li> - </Seq> -</RDF> -</pre> -<p>Les extensions pour Firefox et Thunderbird 1.5 doivent plutôt utiliser quelque chose de semblable à ceci dans le <a href="fr/Chrome.manifest">chrome.manifest</a> :</p> -<pre class="eval">skin myextension classic/1.0 chrome/skin/ -style <a class="external" rel="freelink">chrome://global/content/customizeToolbar.xul</a> <a class="external" rel="freelink">chrome://myextension/skin/toolbar-button.css</a> -</pre> -<h3 id="Erreurs_fr.C3.A9quentes" name="Erreurs_fr.C3.A9quentes">Erreurs fréquentes</h3> -<p>Voici une liste des erreurs fréquemment commises par les auteurs d'extensions, avec leurs symptômes et leurs solutions.</p> -<p><b>Problème :</b> un assemblage de tous les boutons standards est dessiné à la place de votre propre icône.</p> -<p><b>Cause :</b> feuille de style mal formée ou non appliquée.</p> -<p><b>Solution :</b> vérifiez votre feuille de style, vérifiez si votre <code>content.rdf</code> (ou <code>chrome.manifest</code>) est correct, assurez-vous que vous n'avez pas oublié d'appliquer la feuille de style à <code>customizeToolbar.xul</code>.</p> -<h3 id="Liste_des_fen.C3.AAtres_o.C3.B9_les_overlays_de_la_barre_d.27outils_sont_fr.C3.A9quents" name="Liste_des_fen.C3.AAtres_o.C3.B9_les_overlays_de_la_barre_d.27outils_sont_fr.C3.A9quents">Liste des fenêtres où les overlays de la barre d'outils sont fréquents</h3> -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Application (nom du thème)</th> - <pre class="eval"> - <td class="header">Taille de la grande icône</th> - <td class="header">Taille de la petite icône</th> -</pre> - </td> - </tr> - </tbody> -</table> -<p>URL Applications et fenêtres modifiées Id de la palette <small><a class="external" rel="freelink">chrome://browser/content/browser.xul</a></small>Firefox - Fenêtre principaleBrowserToolbarPalette <small><a class="external" rel="freelink">chrome://messenger/content/messenger.xul</a></small>Thunderbird - Fenêtre principaleMailToolbarPalette <small><a class="external" rel="freelink">chrome://messenger/content/</a> messengercompose/messengercompose.xul</small>Thunderbird - Fenêtre de rédaction MsgComposeToolbarPalette <small><a class="external" rel="freelink">chrome://messenger/content/addressbo...ddressbook.xul</a></small>Thunderbird - Carnet d'adressesAddressBookToolbarPalette <small><a class="external" rel="freelink">chrome://editor/content/editor.xul</a></small>Nvu - Fenêtre principaleNvuToolbarPalette <small><a class="external" rel="freelink">chrome://calendar/content/calendar.xul</a></small>Sunbird - Fenêtre principalecalendarToolbarPalette</p> -<h3 id="Plus_d.27informations" name="Plus_d.27informations">Plus d'informations</h3> -<ul> - <li>La référence XulPlanet.com : <a class="external" href="http://xulplanet.com/references/elemref/ref_toolbarbutton.html"><code><toolbarbutton></code></a>, <a class="external" href="http://xulplanet.com/references/elemref/ref_toolbaritem.html"><code><toolbaritem></code></a>.</li> - <li><a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=220220">How to adjust toolbarbutton's label position</a></li> - <li><a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=189667">Une discussion sur le forum de MozillaZine (en)</a> à propos de l'ajout d'une entrée dans la barre d'outils (et pas seulement dans la palette de personnalisation) juste après l'installation de l'extension. Notez qu'il n'est pas recommandé de le faire.</li> - <li>Il existe <a href="fr/Bouton_de_barre_d'outils_personnalis%c3%a9/SeaMonkey">une autre page</a> sur MDC avec des information sur l'ajout de boutons à diverses fenêtres dans SeaMonkey. On peut également y trouver des informations utiles sur les overlays pour ChatZilla.</li> -</ul> diff --git a/files/fr/archive/mozilla/xul/toolbars/index.html b/files/fr/archive/mozilla/xul/toolbars/index.html deleted file mode 100644 index 7e4f743d2a..0000000000 --- a/files/fr/archive/mozilla/xul/toolbars/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: Toolbars -slug: Archive/Mozilla/XUL/Toolbars -tags: - - TopicStub -translation_of: Archive/Mozilla/XUL/Toolbars ---- -<p>Les barres d'outils, implémentées à l'aide de l'élément XUL <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>, sont des conteneurs pour les boutons de la barre d'outils et d'autres objets d'interface utilisateur. Les articles suivants fournissent des détails sur l'implémentation et l'utilisation des barres d'outils.</p> - -<table class="topicpage-table"> - <tbody> - <tr> - <td> - <h2 class="Documentation" id="Documentation" name="Documentation">Documentation</h2> - - <dl> - <dt><a href="/en-US/docs/XUL/School_tutorial/Adding_Toolbars_and_Toolbar_Buttons" title="XUL/School_tutorial/Adding Toolbars and Toolbar Buttons">XUL School: Ajout de barres d'outils et de boutons de barre d'outils</a></dt> - <dd>Un didacticiel utile pour créer des barres d'outils et des boutons de barre d'outils.</dd> - <dt><a href="/en-US/docs/XUL/Toolbars/Toolbar_customization_events" title="XUL/Toolbars/Toolbar customization events">Événements de personnalisation de la barre d'outils</a></dt> - <dd>Un aperçu des événements envoyés lors de la personnalisation de la barre d'outils; vous pouvez les utiliser pour être informé des modifications apportées aux barres d'outils.</dd> - <dt><a href="/en-US/docs/XUL/Toolbars/Creating_toolbar_buttons" title="XUL/Toolbars/Creating toolbar buttons">Création de boutons de barre d'outils</a></dt> - <dd>Comment utiliser les superpositions pour ajouter des boutons de barre d'outils aux applications Mozilla.</dd> - <dt><a href="/en-US/docs/XUL/Toolbars/Custom_toolbar_button" title="XUL/Toolbars/Custom toolbar button">Bouton de la barre d'outils personnalisée</a></dt> - <dd>Un autre exemple de création d'un bouton de barre d'outils, avec un exemple d'extension que vous pouvez télécharger et essayer.</dd> - <dt><a href="/en-US/docs/Code_snippets/Toolbar" title="Code snippets/Toolbar">Extraits de code: barre d'outils</a></dt> - <dd>Extraits de code utiles lorsque vous utilisez des barres d'outils.</dd> - <dt></dt> - </dl> - - <p><span class="alllinks"><a href="/en-US/docs/tag/Extensions" title="Tags:Toolbars">Afficher toutes les pages marquées avec "Barres d'outils"...</a></span></p> - </td> - <td> - <h2 class="Community" id="Community" name="Community">Communauté</h2> - - <ul> - <li>Afficher les forums de développement d'extensions Mozilla ... - <ul> - <li><a href="https://lists.mozilla.org/listinfo/dev-extensions">Liste de diffusion</a></li> - <li><a href="http://groups.google.com/group/mozilla.dev.extensions">newsgroup</a></li> - <li><a href="http://groups.google.com/group/mozilla.dev.extensions/feeds">Flux de syndication</a></li> - </ul> - </li> - <li><a class="link-irc" href="irc://irc.mozilla.org/extdev">#extdev Canal IRC</a></li> - <li><a href="http://forums.mozillazine.org/?c=11">Forum MozillaZine</a></li> - <li><a href="/devnews/index.php/categories/about-addons" title="https://developer.mozilla.org/editor/fckeditor/core/editor/devnews/index.php/categories/about-addons/">à propos:addons newsletter</a></li> - <li><a href="/web-tech" title="https://developer.mozilla.org/editor/fckeditor/core/editor/web-tech/">Mozilla's Web-Tech blog</a></li> - <li><a href="http://mozdev.org/mailman/listinfo/project_owners">mozdev projets propriétaires</a></li> - <li><a href="http://planet.mozilla.org/" title="http://planet.mozilla.org/">Planète Mozilla</a></li> - <li><a href="/en-US/docs/Extensions/Community" title="Extensions/Community">Autres liens communautaires...</a></li> - </ul> - - <h2 class="Tools" id="Tools" name="Tools">Outils</h2> - - <ul> - <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/6622">L'inspecteur DOM</a> édite le DOM en direct (Firefox et Thunderbird)</li> - <li><a class="link-https" href="https://builder.mozillalabs.com/" title="https://builder.mozillalabs.com/">Mozilla Labs Add-on Builder</a></li> - <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/7434/" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/7434/">Extension Developer's Extension</a> a suite of development tools</li> - <li><a href="http://www.gijsk.com/" rel="external nofollow" title="http://www.gijsk.com/">Chrome List</a> view files in chrome:// (<a href="http://addons.mozilla.org/en-US/firefox/addon/4453" rel="external nofollow" title="http://addons.mozilla.org/en-US/firefox/addon/4453">Firefox</a>, <a href="http://addons.mozilla.org/en-US/thunderbird/addon/4453" rel="external nofollow" title="http://addons.mozilla.org/en-US/thunderbird/addon/4453">Thunderbird</a>)</li> - <li><a href="http://ted.mielczarek.org/code/mozilla/extensionwiz/" rel="external nofollow" title="http://ted.mielczarek.org/code/mozilla/extensionwiz/">Extension Wizard</a> a web-based extension skeleton generator (Firefox and Thunderbird)</li> - </ul> - - <p>... <a href="/en-US/docs/Setting_up_extension_development_environment#Development_extensions" title="Setting up extension development environment#Development extensions">plus d'outils</a> ...</p> - - <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Rubriques connexes</h2> - - <ul> - <li><a href="/en-US/docs/XUL" title="XUL">XUL</a>, <a href="/en-US/docs/Themes" title="Themes">Thèmes</a>, <a href="/en-US/docs/Developer_Guide" title="Developing_Mozilla">Développement de Mozilla</a></li> - </ul> - </td> - </tr> - </tbody> -</table> diff --git a/files/fr/archive/mozilla/xul/toolbox/index.html b/files/fr/archive/mozilla/xul/toolbox/index.html deleted file mode 100644 index 459d64989d..0000000000 --- a/files/fr/archive/mozilla/xul/toolbox/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: toolbox -slug: Archive/Mozilla/XUL/toolbox -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/toolbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un conteneur pour les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>. C'est un type de boîte dont l'orientation par défaut est verticale. Si un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code> est placé dans un <code>toolbox</code>, une poignée (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code>) est affichée sur son bord gauche ou supérieur. L'utilisateur peut cliquer sur le <code><a href="/fr/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code> pour réduire l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>. Si plusieurs barres d'outils sont placées dans le même <code>toolbox</code>, elles seront toutes réduites dans la même ligne. Le navigateur Firefox n'a pas ces contrôles <code>grippy</code>, les barres d'outils ne peuvent donc pas y être réduites. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Barre_d'outils">Tutoriel XUL</a>. </p> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessible">accessible</a>, <a href="#p-customToolbarCount">customToolbarCount</a>, <a href="#p-palette">palette</a>, <a href="#p-toolbarset">toolbarset</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-appendCustomToolbar">appendCustomToolbar</a>, <a href="#m-collapseToolbar">collapseToolbar</a>, <a href="#m-expandToolbar">expandToolbar</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessible"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessible">accessible</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIAccessible">nsIAccessible</a></i> -</dd><dd> Renvoie l'objet d'accessibilité pour l'élément. -</dd></dl> -<p><br> -</p> - -</div> -<div id="p-customToolbarCount"></div> -<div id="p-palette"></div> -<div id="p-toolbarset"></div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> - - - - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarbutton" title="toolbarbutton">toolbarbutton</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbargrippy" title="toolbargrippy">toolbargrippy</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbaritem" title="toolbaritem">toolbaritem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarpalette" title="toolbarpalette">toolbarpalette</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarseparator" title="toolbarseparator">toolbarseparator</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarset" title="toolbarset">toolbarset</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarspacer" title="toolbarspacer">toolbarspacer</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbarspring" title="toolbarspring">toolbarspring</a></code> -</dd></dl> -<dl><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/tooltip/index.html b/files/fr/archive/mozilla/xul/tooltip/index.html deleted file mode 100644 index abc9a0ffbd..0000000000 --- a/files/fr/archive/mozilla/xul/tooltip/index.html +++ /dev/null @@ -1,225 +0,0 @@ ---- -title: tooltip -slug: Archive/Mozilla/XUL/tooltip -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/tooltip ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Cet élément est utilisé pour les popups de bulles d'information. Pour les tooltip texte, il n'est pas nécessaire d'utiliser cet élément ; vous pouvez dans ce cas simplement ajouter un attribut <code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code> à l'élément. </p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Menus_surgissants">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-crop">crop</a>, <a href="#a-default">default</a>, <a href="#a-label">label</a>, <a href="#a-noautohide">noautohide</a>, <a href="#a-onpopuphidden">onpopuphidden</a>, <a href="#a-onpopuphiding">onpopuphiding</a>, <a href="#a-onpopupshowing">onpopupshowing</a>, <a href="#a-onpopupshown">onpopupshown</a>, <a href="#a-popup.position">position</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-label">label</a>, <a href="#p-popupBoxObject">popupBoxObject</a>, <a href="#p-position">position</a>, <a href="#p-state">state</a> -</dd></dl> -<dl><dt> Méthodes -</dt><dd> <a href="#m-hidePopup">hidePopup</a>, <a href="#m-moveTo">moveTo</a>, <a href="#m-openPopup">openPopup</a>, <a href="#m-openPopupAtScreen">openPopupAtScreen</a>, <a href="#m-showPopup">showPopup</a>, <a href="#m-sizeTo">sizeTo</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:XUL_ref_tooltip.png"></div> -<pre><tooltip id="moretip" orient="vertical" style="background-color: #33DD00;"> - <label value="Cliquez ici pour obtenir plus d'infomations"/> - <label value="Vraiment !" style="color: red;"/> -</tooltip> - -<vbox> - <button label="Simple" tooltiptext="Un popup simple"/> - <button label="Plus" tooltip="moretip"/> -</vbox> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-default"> - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-noautohide"> - -</div> -<div id="a-onpopuphidden"> - -<dl><dt> <code id="a-onpopuphidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphidden">onpopuphidden</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après qu'il a été caché. <span class="comment"><a class=" external" href="http://www.langue-fr.net/index/A/apres-que.htm" rel="freelink">http://www.langue-fr.net/index/A/apres-que.htm</a></span> -</dd></dl> - - -</div> -<div id="a-onpopuphiding"> - -<dl><dt> <code id="a-onpopuphiding"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopuphiding">onpopuphiding</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup lorsqu'il est sur le point d'être masqué. -</dd></dl> - - -</div> -<div id="a-onpopupshowing"> - -<dl><dt> <code id="a-onpopupshowing"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshowing">onpopupshowing</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup juste avant son ouverture. On l'utilise généralement pour définir dynamiquement le contenu lorsque l'utilisateur demande son affichage. Si ce gestionnaire d'évènement renvoie <code>false</code>, le popup ne s'affichera pas. -</dd></dl> - - -</div> -<div id="a-onpopupshown"> - -<dl><dt> <code id="a-onpopupshown"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshown">onpopupshown</a></code> -</dt><dd> Type : <i>code de script</i> -</dd><dd> Cet évènement est envoyé à un popup après son ouverture, de la même manière qu'un évènement <code>onload</code> est envoyé à une fenêtre à son ouverture. -</dd></dl> - - -</div> -<div id="a-popup.position"> - -<dl><dt> <a href="fr/XUL/Attributs/popup.position">position</a> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'attribut <code>position</code> détermine où le popup apparaît par rapport à l'élément sur lequel l'utilisateur a cliqué pour l'invoquer. C'est ce qui permet de placer le popup sur le bord d'un bouton. -</dd></dl> -<ul><li> <code>after_start</code> : Le popup apparait en dessous l'élément avec le coin supérieur gauche du popup aligné avec le coin inférieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. Cette valeur est typiquement uilisée pour les menus déroulants. -</li><li> <code>after_end</code> : Le popup apparait en dessous l'élément avec le coin supérieur droit du popup aligné avec le coin inférieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_start</code> : Le popup apparait au dessus de l'élément avec le coin inférieur gauche du popup aligné avec le coin supérieur gauche de l'élément. Les bords gauches de l'élément et du popup sont sur la même ligne. -</li><li> <code>before_end</code> : Le popup apparait au dessus de l'élément avec le coin inférieur droit du popup aligné avec le coin supérieur droit de l'élément. Les bords droits de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_after</code> : Le popup apparait à la droite de l'élément avec le coin inférieur gauche du popup aligné avec le coin inférieur droit de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>end_before</code> : Le popup apparait à la droite de l'élément avec le coin supérieur gauche du popup aligné avec le coin supérieur droit de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_after</code> : Le popup apparait à la gauche de l'élément avec le coin inférieur droit du popup aligné avec le coin inférieur gauche de l'élément. Les bords inférieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>start_before</code> : Le popup apparait à la gauche de l'élément avec le coin supérieur droit du popup aligné avec le coin supérieur gauche de l'élément. Les bords supérieurs de l'élément et du popup sont sur la même ligne. -</li><li> <code>overlap</code> : Le popup apparait par dessus l'élément avec les coins supérieurs gauches alignés. -</li><li> <code>at_pointer</code> : Le popup apparait à la position du pointeur de la souris. -</li><li> <code>after_pointer</code> : Le popup apparait à la même position horizontale que le pointeur de la souris, mais verticalement, il est placé juste sous l'élément. -</li></ul> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-label"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/label">label</a></span></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</dd></dl> - -</div> -<div id="p-popupBoxObject"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/popupBoxObject">popupBoxObject</a></span></code> -</dt><dd> Type : <i><a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a></i> -</dd><dd> Cette propriété en lecture seule conserve le <a href="fr/NsIPopupBoxObject">nsIPopupBoxObject</a> qui implémente le popup. Il n'est normalement pas nécessaire d'utiliser cette propriété étant donné que toutes ses fonctions sont disponibles via le popup lui-même. -</dd></dl> - -</div> -<div id="p-position"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/position">position</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Obtient et définit la valeur de l'attribut <a href="fr/XUL/Attributs/popup.position">position</a>. -</dd></dl> - -</div> -<div id="p-state"> -<dl><dt> <code><span><a href="http://api/fr/docs/XUL/Propri%C3%A9t%C3%A9s/state">state</a></span></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cette propriété en lecture seule indique si le popup est ouvert ou non. Quatre valeurs sont possibles : -</dd></dl> -<ul><li> <code>closed</code> : Le popup est fermé et non visible. -</li><li> <code>open</code> : Le popup est ouvert et visible sur l'écran. -</li><li> <code>showing</code> : Une requête a été faite pour ouvrir le popup, mais il n'a pas encore été affiché. Cet état se produit durant l'évènement <code>popupshowing</code>. -</li><li> <code>hiding</code> : Le popup est sur le point d'être masqué. Cet état se produit durant l'évènement <code>popuphiding</code>. -</li></ul> - -</div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> -<tbody> -<tr> -<td> -<p><strong>Héritées de XUL element</strong><br> -<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> -<small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> - -</td> -</tr> -</tbody> -</table> -<dl><dt> <span id="m-hidePopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/hidePopup">hidePopup()</a></code></span></dt> -<dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Ferme le popup immédiatement. -</dd></dl> -<dl><dt> <span id="m-moveTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/moveTo">moveTo( x, y )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd><dd> Déplace le popup vers un nouvel emplacement. -</dd></dl> -<dl><dt> <span id="m-openPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/openPopup">openPopup( anchor , position , x , y , isContextMenu, attributesOverride )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup relativement à un nœud spécifié à un emplacement spécifique. -</p><p>Le popup peut soit être ancré à un autre nœud ou ouvert librement. Pour ancrer un popup à un nœud, fournissez un nœud d'accrochage dans le paramètre <code>anchor</code> et définissez la <code>position</code> par une chaîne indiquant la manière dont le popup doit être ancré. -</p><p>Les valeurs possibles pour le paramètre <code>position</code> sont : before_start, before_end, after_start, after_end, start_before, start_after, end_before, end_after, overlap, after_pointer -</p><p>Le nœud d'accrochage ne doit pas nécessairement être dans le même document que le popup. -</p><p>Si le paramètre <code>attributesOverride</code> vaut <code>true</code>, l'attribut <code>position</code> sur le nœud popup a priorité sur la valeur du paramètre <code>position</code>. Si <code>attributesOverride</code> vaut <code>false</code>, l'attribut n'est utilisé que si le paramètre <code>position</code> est vide. -</p><p>Pour un popup ancré, les paramètres <code>x</code> et <code>y</code> peuvent être utilisés pour décaler le popup de sa position d'ancrage de quelques pixels (mesurés en pixels CSS). -</p><p>Les popups non ancrés peuvent être créés en fournissant <code>null</code> comme paramètre <code>anchor</code>. Un popup non ancré apparait à la position spécifiée par <code>x</code> et <code>y</code> relativement à la zone visible (viewport) du document contenant le nœud popup. Dans ce cas, les paramètres <code>position</code> et <code>attributesOverride</code> sont ignorés. -</p> -<dl><dt> <span id="m-openPopupAtScreen"><code><a href="http://api/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/openPopupAtScreen">openPopupAtScreen( x, y, isContextMenu )</a></code></span> -</dt><dd> Type de retour : <i>pas de valeur de retour</i> -</dd></dl> -<p>Ouvre le popup à une position spécifique sur l'écran spécifiée par <code>x</code> et <code>y</code>. Cette position peut être ajustée s'il s'avère qu'elle provoquerait l'apparition du popup en dehors de l'écran. Les coordonnées <code>x</code> et <code>y</code> sont mesurées en pixels CSS. -</p> -<dl><dt> <span id="m-showPopup"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/showPopup">showPopup( element, x, y, popupType, anchor, align )</a></code></span> <span style="border: 1px solid #9898F0; background-color: #DDDDFF; font-size: 9px; vertical-align: text-top;">Déprécié dans Mozilla 1.9</span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Ouvre un élément popup. Deux moyens de spécifier l'emplacement où s'affichera la fenêtre popup existent, soit en spécifiant une position spécifique de l'écran, soit par rapport à un autre élément de la fenêtre. Si <var>x</var> ou <var>y</var> sont définies par une valeur, le popup apparaîtra aux coordonnées (<var>x</var>,<var>y</var>) de l'écran. Si <var>x</var> et <var>y</var> sont définies à <code>-1</code>, le popup sera positionné par rapport à l'<var>element</var> spécifié dans le premier paramètre. C'est cette dernière méthode qu'il faut utiliser, par exemple, pour afficher un popup sous un bouton. Dans ce cas, les paramètres <var>anchor</var> et <var>align</var> peuvent être utilisés pour contrôler plus avant l'endroit où apparaîtra le popup par rapport à l'élément. Le paramètre <var>anchor</var> correspond à l'attribut <code id="a-popupanchor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popupanchor">popupanchor</a></code> de l'élément et le paramètre <var>align</var> correspond à l'attribut <code id="a-popupalign"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popupalign">popupalign</a></code>. Les paramètres <var>anchor</var> et <var>align</var> sont ignorés si ni <var>x</var> ni <var>y</var> ne valent <code>-1</code>. -</dd></dl> -<dl><dd> Pour qu'un popup apparaisse à une position relative à un autre élément tout en étant décalé de quelques pixels, déterminez la position réelle de l'élément à l'aide de ses propriétés <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/boxObject">boxObject</a></span></code>.screenX et <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/boxObject">boxObject</a></span></code>.screenY, et utilisez celles-ci comme paramètres <var>x</var> et <var>y</var> en y ajoutant les décalages souhaités. -</dd></dl> -<dl><dd> Le paramètre <var>popupType</var> doit être une des chaînes <code>popup</code>, <code>context</code> ou <code>tooltip</code>. Chaque type de popup est destiné à être affiché temporairement ; ils ne sont pas censés être affichés de façon permanente. On ne peut afficher qu'un popup à la fois. -</dd></dl> -<dl><dt> <span id="m-sizeTo"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/sizeTo">sizeTo( <i>largeur</i>, <i>hauteur</i> )</a></code></span> -</dt><dd> Type de retour : <i>aucune valeur de retour</i> -</dd><dd> Modifie la taille actuelle de la fenêtre popup avec les nouvelles dimensions <var>largeur</var> et <var>hauteur</var>. -</dd></dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<p>À faire -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/tree/index.html b/files/fr/archive/mozilla/xul/tree/index.html deleted file mode 100644 index 22056c4d02..0000000000 --- a/files/fr/archive/mozilla/xul/tree/index.html +++ /dev/null @@ -1,313 +0,0 @@ ---- -title: tree -slug: Archive/Mozilla/XUL/tree -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/tree ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Représente un arbre, un conteneur pouvant être utilisé pour un ensemble de lignes d'éléments tabulaires ou hiérarchiques. L'arbre peut contenir un nombre quelconque de lignes et de colonnes. Chaque ligne de l'arbre peut contenir des lignes filles qui seront affichées avec un décalage par rapport à leur parent. Contrairement aux autres éléments, les données à afficher à l'intérieur de l'arbre ne sont pas spécifiées à l'aide de balises, mais sont déterminées par un objet de vue. L'objet de vue implémente l'interface <a href="fr/NsITreeView">nsITreeView</a>. La vue est interrogée pour les données à afficher dans l'arbre. Les arbres sont utilisées de différentes manières, comme montré dans la table ci-dessous. La deuxième colonne liste les interfaces disponibles via la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/view">view</a></span></code> de l'arbre. La troisième colonne indique si l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> est utilisé. -</p><p>Si vous désirez que l'arbre puisse défiler horizontalement, définissez simplement l'attribut <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> pour chaque colonne de sorte que l'arbre soit plus large que son objet conteneur. -</p> -<table class="fullwidth-table"> -<tbody><tr> -<th>Type d'arbre</th> -<th>Interfaces de la vue</th> -<th>A des nœuds DOM ?</th> -<th>Description</th> -</tr> -<tr> -<td>Arbre de contenu</td> -<td><a href="fr/NsITreeView">nsITreeView</a>, <a href="fr/NsITreeContentView">nsITreeContentView</a></td> -<td>Oui</td> -<td>Cet arbre dispose d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> placés au sein de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>. Dans cette situation, une vue de contenu (qui implémente l'interface <a href="fr/NsITreeContentView">nsITreeContentView</a>) qui est un type de vue plus spécialisé, utilise les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> et leurs descendants pour déterminer les données à afficher dans l'arbre. Toutefois, les éléments treeitem ne sont pas affichés directement ; ils ne sont utilisés que comme données pour la vue de contenu. La vue de contenu mettra cependant automatiquement à jour l'arbre si les éléments treeitem sont modifiés.</td> -</tr> -<tr> -<td>Arbre RDF</td> -<td><a href="fr/NsITreeView">nsITreeView</a>, <a href="fr/NsIXULTreeBuilder">nsIXULTreeBuilder</a></td> -<td>Non</td> -<td>Cet arbre est généré depuis une source de données RDF. Il est utilisé lorsqu'un arbre a un attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, ainsi que la valeur <code>dont-build-content</code> dans son attribut <code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>. Pour cet arbre, les données viennent directement de la source de données RDF. Aucun élément DOM <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> n'est créé. Même si le template utilise des éléments treeitem pour définir le contenu, aucun nœud DOM correspondant ne sera créé. C'est le type à utiliser pour les arbres générés par RDF avec beaucoup de lignes.</td> -</tr> -<tr> -<td>Arbre de contenu RDF</td> -<td><a href="fr/NsITreeView">nsITreeView</a>, <a href="fr/NsIXULTreeBuilder">nsIXULTreeBuilder</a>, <a href="fr/NsITreeContentView">nsITreeContentView</a></td> -<td>Oui</td> -<td>Cet arbre est généré depuis une source de données RDF. Il est similaire au type précédent, mais est utilisé lorsque l'arbre n'a pas la valeur <code>dont-build-content</code> dans son attribut <code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>. Des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> sont créés dans le DOM, afin de pouvoir y accéder à l'aide de fonctions RDF ou DOM. Ce type convient aux arbres générés par RDF qui n'ont pas beaucoup de lignes.</td> -</tr> -<tr> -<td>Vue d'arbre personnalisée</td> -<td><a href="fr/NsITreeView">nsITreeView</a></td> -<td>Non</td> -<td>Pour ce type d'arbre, vous implémentez vous-même l'interface <a href="fr/NsITreeView">nsITreeView</a>. Les données de l'arbre sont obtenues depuis cette vue personnalisée. La vue personnalisée doit être attachée à l'arbre à l'aide de la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/view">view</a></span></code>.</td> -</tr> -</tbody></table> -<p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. Consultez également <a href="fr/Changements_dans_les_contr%c3%b4les_d'arbres">Changements dans les contrôles d'arbres</a>. -</p> -<table style="border: solid #ccc 1px; background: #EEE; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 10px;"> -<tbody><tr><td><b><a href="fr/Recommandations_d'accessibilit%c3%a9_pour_XUL#Arbres">Recommandations d'accessibilité liées</a></b><small> -<ul><li> Fournissez un accès alternatif (par exemple via des menus) aux sélecteurs de colonnes et pour les actions sur les en-têtes comme les tris (ceux-ci ne sont pas accessible au clavier par défaut). -</li></ul> -</small></td></tr></tbody></table> -<dl><dt> Attributs -</dt><dd> <a href="#a-disableKeyNavigation">disableKeyNavigation</a>, <a href="#a-disabled">disabled</a>, <a href="#a-tree.editable">editable</a>, <a href="#a-enableColumnDrag">enableColumnDrag</a>, <a href="#a-flags">flags</a>, <a href="#a-hidecolumnpicker">hidecolumnpicker</a>, <a href="#a-tree.onselect">onselect</a>, <a href="#a-rows">rows</a>, <a href="#a-seltype">seltype</a>, <a href="#a-statedatasource">statedatasource</a>, <a href="#a-tabindex">tabindex</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-builderView">builderView</a>, <a href="#p-columns">columns</a>, <a href="#p-contentView">contentView</a>, <a href="#p-currentIndex">currentIndex</a>, <a href="#p-disableKeyNavigation">disableKeyNavigation</a>, <a href="#p-disabled">disabled</a>, <a href="#p-editingColumn">editingColumn</a>, <a href="#p-editingRow">editingRow</a>, <a href="#p-enableColumnDrag">enableColumnDrag</a>, <a href="#p-firstOrdinalColumn">firstOrdinalColumn</a>, <a href="#p-tree.inputField">inputField</a>, <a href="#p-selType">selType</a>, <a href="#p-selstyle">selstyle</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-treeBoxObject">treeBoxObject</a>, <a href="#p-view">view</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre><tree flex="1"> - - <treecols> - <treecol id="sender" label="Expéditeur" flex="1"/> - <treecol id="subject" label="Sujet" flex="2"/> - </treecols> - - <treechildren> - <treeitem> - <treerow> - <treecell label="pat@example.com"/> - <treecell label="Plans top secrets"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="mel@example.com"/> - <treecell label="Allons manger quelque part"/> - </treerow> - </treeitem> - </treechildren> - -</tree> -</pre> -<div><img alt="Image:trees1.png"></div> -<p>Un arbre avec des éléments imbriqués : -</p> -<code><pre><tree id="myTree" flex="1" hidecolumnpicker="false" seltype="single" class="tree"> - <treecols id="myTree2-treeCols"> - <treecol id="myTree2-treeCol0" primary="true" flex="2" label="Colonne A" - persist="width" ordinal="1"/> - <splitter class="tree-splitter" ordinal="2"/> - <treecol id="myTree2-treeCol1" flex="1" label="Colonne B" - persist="width" ordinal="3"/> - </treecols> - <treechildren> - <treeitem> - <treerow> - <treecell label="1"/> - <treecell label="a"/> - </treerow> - </treeitem> - <!-- Assurez-vous de mettre container="true" --> - <treeitem container="true" open="true"> - <treerow> - <treecell label="2"/> - <treecell label="b"/> - </treerow> - <treechildren> - <treeitem> - <treerow> - <treecell label="2a"/> - <treecell label="ba"/> - </treerow> - </treeitem> - </treechildren> - </treeitem> - </treechildren> -</tree> -</pre></code> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-disabled"> - -<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Indique si l'élément est ou non désactivé. Si cette valeur est définie à <code>true</code>, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement <code>command</code> ne se déclenchera pas. </dd></dl> -<p><br> -</p> -<div class="float-right"><img alt="Image:XUL_ref_attr_disabled.png"></div> -<pre><!-- La case à cocher active/désactive le bouton --> -<checkbox label="Enable button" - onclick="document.getElementById('buttRemove').disabled = this.checked"/> -<button id="buttRemove" label="Remove All" disabled="true"/> -</pre> -</div> -<div id="a-disableKeyNavigation"> - -</div> -<div id="a-tree.editable"> - -</div> -<div id="a-enableColumnDrag"> - -</div> -<div id="a-flags"> - -<dl><dt> <code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code> -</dt><dd> Type : <i>liste de valeurs (voir ci-dessous) séparées par des espaces</i> -</dd><dd> Un ensemble de drapeaux destinés à différentes utilisations. Deux sont définis, et peuvent être la valeur de cet attribut. -</dd></dl> -<ul><li> <code>dont-test-empty</code> : pour le contenu généré par des templates, le constructeur ne vérifiera pas qu'un conteneur est vide. -</li><li> <code>dont-build-content</code> : peut être utilisé sur un arbre pour idniquer que les éléments de contenu ne doivent pas être générés. Cela améliorera les performances, mais vous ne pourrez pas utiliser les fonctions DOM pour obtenir les lignes de l'arbre. -</li></ul> -<p><br> -</p> - - -</div> -<div id="a-hidecolumnpicker"> - -</div> -<div id="a-tree.onselect"> - -</div> -<div id="a-rows"> - -<dl><dt> <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Le nombre de lignes à afficher dans l'élément. Si l'élément contient plus que ce nombre de lignes, une barre de défilement apparaitra afin que l'utilisateur puisse consulter les autres lignes. Pour obtenir le nombre réel de lignes dans l'élément, utilisez la méthode <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/M%C3%A9thodes/getRowCount">getRowCount</a></code></span>. -</dd></dl> - - -</div> -<div id="a-seltype"> - -<dl> - <dt> - <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - une des valeurs ci-dessous</i> - </dd> - <dd> - Utilisé pour indiquer si les sélections multiples sont permises.</dd> -</dl> -<ul> - <li><code>single</code> : Seule une ligne peut être sélectionnée à la fois. (Valeur par défaut dans <code>listbox</code>.)</li> - <li><code>multiple</code> : Plusieurs lignes peuvent être sélectionnées à la fois. (Valeur par défaut dans <code>tree</code>.)</li> -</ul> -<p><magic name="\"PAGENAME\"/">Des cellules individuelles peuvent être sélectionnées.</magic><magic name="\"PAGENAME\"/"> Des lignes sont sélectionnées, cependant, l'indicateur de sélection n'est visible que sur le texte de la colonne principale.</magic></p> -</div> -<div id="a-statedatasource"> - -</div> -<div id="a-tabindex"> - -<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le <code>tabindex</code> est plus haut se trouvent plus tard dans la séquence de tabulation. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<p> -</p><div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<div id="p-builderView"></div> -<div id="p-columns"></div> -<div id="p-contentView"></div> -<div id="p-currentIndex"></div> -<div id="p-disabled"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/disabled">disabled</a></span></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>. -</dd></dl> - -</div> -<div id="p-disableKeyNavigation"></div> -<div id="p-editingColumn"></div> -<div id="p-editingRow"></div> -<div id="p-enableColumnDrag"></div> -<div id="p-firstOrdinalColumn"></div> -<div id="p-tree.inputField"></div> -<div id="p-selType"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/selType">selType</a></span></code><magic name="\"PAGENAME\"/"></magic></dt> - <dd> - Type : - <i> - chaîne de caractères</i> - </dd> - <dd> - Obtient et définit la valeur de l'attribut <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code>.</dd> -</dl> - -</div> -<div id="p-selstyle"></div> -<div id="p-tabIndex"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/tabIndex">tabIndex</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Obtient et définit la valeur de l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. -</dd></dl> - -</div> -<div id="p-treeBoxObject"></div> -<div id="p-view"></div> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - - - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treerow">treerow</a>, <a href="fr/XUL/treecell">treecell</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULTreeElement">nsIDOMXULTreeElement</a>, <a href="fr/NsIDOMXULMultiSelectControlElement">nsIDOMXULMultiSelectControlElement</a> -</dd></dl> -<h3 id="Exemples_de_scripts" name="Exemples_de_scripts"> Exemples de scripts </h3> -<p>Pour alterner les couleurs de fond pour chaque ligne, utilisez des règles de styles comme les souvantes : <small>pma at daffodil dot uk dot com</small> -</p> -<code><pre>treechildren::-moz-tree-row(selected) { background-color: #FFFFAA; } -treechildren::-moz-tree-row(odd) { background-color: #EEEEEE; } -treechildren::-moz-tree-row(odd, selected) { background-color: #FFFFAA; } -treechildren::-moz-tree-cell-text(selected) { color: #000000; } -treechildren::-moz-tree-cell-text(odd, selected) { color: #000000; } -</pre></code> -<p>Si vous utilisez une vie d'arbre de contenu, utilisez le code suivant pour obtenir la valeur de l'attribut id de chacune des lignes sélectionnées de l'arbre : <small>tcooper_mont at yahoo dot com</small> -</p> -<code><pre>var rangeCount = tree.view.selection.getRangeCount(); -for (var i = 0; i < rangeCount; i++) -{ - var start = {}; - var end = {}; - tree.view.selection.getRangeAt(i, start, end); - for (var c = start.value; c <= end.value; c++) { - idList.push(tree.view.getItemAtIndex(c).firstChild.id); - } -} -</pre></code> -<p>Le code qui soit renvoie un tableau des indices de lignes pour lesquelles la valeur est cochée dans une colonne de type checkbox : -<small>jfabre at ismans dot fr</small> -</p> -<code><pre>function getCellChecked(tree, columnid) -{ - var arr = []; - var column = tree.columns.getNamedColumn(columnid); - for (var i = 0; i < tree.view.rowCount; i++) { - if (tree.view.getCellValue(i, column) == 'true') - arr.push(i); - } - return arr; -} -</pre></code> -<p>Pour obtenir la valeur textuelle d'une colonne particulière (par exemple la colonne age) de la ligne ayant actuellement le focus dans l'arbre : -</p> -<code><pre>var t = document.getElementById('mytree'); -document.title = t.view.getCellText(t.currentIndex, t.columns.getNamedColumn('age')); -</pre></code> diff --git a/files/fr/archive/mozilla/xul/treecell/index.html b/files/fr/archive/mozilla/xul/treecell/index.html deleted file mode 100644 index b54c0485bd..0000000000 --- a/files/fr/archive/mozilla/xul/treecell/index.html +++ /dev/null @@ -1,83 +0,0 @@ ---- -title: treecell -slug: Archive/Mozilla/XUL/treecell -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treecell ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Une cellule unique dans un arbre (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>). Cet élément doit être placé dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code>. Le texte de la cellule peut être défini à l'aide de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-treecell.editable">editable</a>, <a href="#a-label">label</a>, <a href="#a-treecell.mode">mode</a>, <a href="#a-properties">properties</a>, <a href="#a-ref">ref</a>, <a href="#a-treecell.src">src</a>, <a href="#a-value">value</a> -</dd></dl> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-treecell.editable"> - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-treecell.mode"> - -</div> -<div id="a-properties"> - -<dl><dt> <code id="a-properties"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/properties">properties</a></code> -</dt><dd> Type : <i>liste de noms de propriétés séparés par des espaces</i> -</dd><dd> Définit les propriétés de l'élément, qui peuvent être utilisées pour le styler. Pour plus d'informations, consultez <a href="fr/Tutoriel_XUL/Styler_un_arbre">Styler un arbre</a>. -</dd></dl> - - -</div> -<div id="a-ref"> - -<dl><dt> <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> -</dt><dd> Type : <i>URI d'une ressource RDF</i> -</dd><dd> Pour les éléments générés par des templates, cet attribut est utilisé pour indiquer le nœud racine RDF où la génération de contenu commence. Ceci correspondra à la valeur d'un attribut <code>about</code> sur un conteneur RDF. Cet attribut doit être placé en même temps que l'attribut <code>datasources</code>. -</dd></dl> - - -</div> -<div id="a-treecell.src"> - -</div> -<div id="a-value"> - -<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> -</dt><dd> Type : <i>chaîne</i> -</dd><dd> Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre.. -</dd></dl> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a> <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treerow">treerow</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/treechildren/index.html b/files/fr/archive/mozilla/xul/treechildren/index.html deleted file mode 100644 index a0e1d2a21a..0000000000 --- a/files/fr/archive/mozilla/xul/treechildren/index.html +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: treechildren -slug: Archive/Mozilla/XUL/treechildren -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treechildren ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Cet élément est le corps d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. Pour les arbres de contenu, celui-ci sera placé dans cet élément. Cet élément est également utilisé pour définir des lignes de contenu dans l'arbre. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-alternatingbackground">alternatingbackground</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) </p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<div id="a-alternatingbackground"> - -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a>, <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treerow">treerow</a>, <a href="fr/XUL/treecell">treecell</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/treecol/index.html b/files/fr/archive/mozilla/xul/treecol/index.html deleted file mode 100644 index 4073cfd1ce..0000000000 --- a/files/fr/archive/mozilla/xul/treecol/index.html +++ /dev/null @@ -1,187 +0,0 @@ ---- -title: treecol -slug: Archive/Mozilla/XUL/treecol -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treecol ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Une colonne dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. Cet élément affiche l'en-tête de colonne et conserve la taille et d'autres informations sur la colonne. VOus pouvez également placer des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> entre les colonnes pour permettre leur redimensionnement. Placez toujours un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sur un élément <code>treecol</code> pour vous assurer que son positionnement sera géré correctement. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-crop">crop</a>, <a href="#a-cycler">cycler</a>, <a href="#a-dragging">dragging</a>, <a href="#a-treecol.editable">editable</a>, <a href="#a-fixed">fixed</a>, <a href="#a-hidden">hidden</a>, <a href="#a-hideheader">hideheader</a>, <a href="#a-ignoreincolumnpicker">ignoreincolumnpicker</a>, <a href="#a-label">label</a>, <a href="#a-primary">primary</a>, <a href="#a-sort">sort</a>, <a href="#a-sortActive">sortActive</a>, <a href="#a-sortDirection">sortDirection</a>, <a href="#a-treecol.src">src</a>, <a href="#a-treecol.type">type</a>, <a href="#a-treecol.width">width</a> -</dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a> -</dd></dl> -<dl><dt> Classes de style -</dt><dd> <a href="#s-treecol-image">treecol-image</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<div class="float-right"><img alt="Image:Xul_tree_col_checked.png"></div> -<p>Cet exemple montre une case à cocher dans la première colonne, et utilise le style présenté plus bas. -</p> -<pre><tree flex="1"> - - <treecols> - <treecol label="Actif" type="checkbox" editable="true"/> - <treecol label="Nom" flex="1" /> - </treecols> - - <treechildren> - <treeitem> - <treerow> - <treecell value="true"/> - <treecell label="Alice"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell value="false"/> - <treecell label="Bob"/> - </treerow> - </treeitem> - </treechildren> - -</tree> -</pre> -<p>Pour rendre la case à cocher visible sur certaines plateformes, les styles suivants doivent être ajoutés à la feuille de style (voir <a href="fr/XUL/Attribute/treecol.type">treecol.type</a>). Dans Firefox 2.x et 3.x, tous les systèmes autres que Mac OS X utilisent déjà ces styles par défaut. Si vous visez Firefox sous Mac OS X, assurez-vous d'utiliser ces styles tout en fournissant votre propre image de case à cocher. Notez que <code><a class=" external" rel="freelink">chrome://global/skin/checkbox/cbox-check.gif</a></code> <i>est</i> disponible dans SeaMonkey sous Mac OS X. -</p> -<pre>treechildren::-moz-tree-checkbox { - /* cases à cocher non cochées dans des treecells. Ce style DOIT être avant treechildren::-moz-tree-checkbox(checked), autrement il n'aura aucun effet. */ - list-style-image: none; -} - -treechildren::-moz-tree-checkbox(checked){ - /* style pour les cases cochées. cbox-check.gif n'est pas disponible dans Firefox 1, 2 et 3 sous Mac OS X, vous devrez donc spécifier l'URL d'une image - dans votre extension ou ailleurs. */ - list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); -} -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-crop"> - -<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également. -</dd></dl> -<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche. -</li><li> <code>end</code> : Le texte sera tronqué du côté droit. -</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche. -</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit. -</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS. -</li></ul> - - -</div> -<div id="a-cycler"> - -</div> -<div id="a-dragging"> - -</div> -<div id="a-treecol.editable"> - -</div> -<div id="a-fixed"> - -</div> -<div id="a-hidden"> - -<dl><dt> <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Si défini à <code>true</code>, l'élément n'est pas affiché. Cet attribut est similaire à la valeur « <code>none</code> » de la propriété CSS <code>display</code>. -</dd></dl> - - -</div> -<div id="a-hideheader"> - -</div> -<div id="a-ignoreincolumnpicker"> - -</div> -<div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra. -</dd></dl> - - -</div> -<div id="a-primary"> - -</div> -<div id="a-sort"> - -</div> -<div id="a-sortActive"> - -</div> -<div id="a-sortDirection"> - -<dl><dt> <code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> Cet attribut indique la direction dans laquelle le contenu généré par un template est trié. Utilisez l'attribut <code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code> pour spécifier la clé de tri. -</dd></dl> -<ul><li> <code>ascending</code> : les données sont triées dans l'ordre croissant. -</li><li> <code>descending</code>: les données sont triées dans l'ordre décroissant. -</li><li> <code>natural</code> : les données sont triées dans l'ordre naturel, ce qui veut dire l'ordre dans lequel elles sont stockées. -</li></ul> -<p><br> -</p> - - -</div> -<div id="a-treecol.src"> - -</div> -<div id="a-treecol.type"> - -</div> -<div id="a-treecol.width"> - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Classes_de_style" name="Classes_de_style"> Classes de style </h3> -<p>La classe suivante peut être utilisée pour styler l'élément. Cette classe doit être utilisée plutôt que de changer le style de l'élément directement, car elle s'adaptera plus naturellement au thème sélectionné par l'utilisateur. -</p><dl> - <dt> - <code><a href="https://developer.mozilla.org/en-US/docs/XUL/Style/treecol-image">treecol-image</a></code></dt> - <dd> - Use this class to have an image appear on the <a href="/en/XUL/treecol" title="en/XUL/treecol">tree column</a> header. Specify the image using the <code id="a-src"><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/src">src</a></code> attribute.</dd> -</dl> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a>, <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treerow">treerow</a>, <a href="fr/XUL/treecell">treecell</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/treecols/index.html b/files/fr/archive/mozilla/xul/treecols/index.html deleted file mode 100644 index 439ef88631..0000000000 --- a/files/fr/archive/mozilla/xul/treecols/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: treecols -slug: Archive/Mozilla/XUL/treecols -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treecols ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un groupe d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code>. Il doit y avoir un et un seul élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code> dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-pickertooltiptext">pickertooltiptext</a> </dd></dl> -<dl><dt> Propriétés -</dt><dd> <a href="#p-accessibleType">accessibleType</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<div id="a-pickertooltiptext"> - -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<div id="p-accessibleType"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propri%C3%A9t%C3%A9s/accessibleType">accessibleType</a></span></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> Une valeur indiquant le type d'objet d'accessibilité pour l'élément. -</dd></dl> -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treerow">treerow</a>, <a href="fr/XUL/treecell">treecell</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd><dt> Interfaces -</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/treeitem/index.html b/files/fr/archive/mozilla/xul/treeitem/index.html deleted file mode 100644 index d52ffb8260..0000000000 --- a/files/fr/archive/mozilla/xul/treeitem/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: treeitem -slug: Archive/Mozilla/XUL/treeitem -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treeitem ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un <code>treeitem</code> doit être placé dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> et contenir des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code>. L'utilisateur peut cliquer sur l'élément <code>treeitem</code> pour sélectionner la ligne de l'arbre. L'élément <code>treeitem</code> contient une seule ligne et tout ce qui apparait à l'utilisateur comme les descendants de cette ligne. -</p><p>Dans une condition de template, utilisez un <code>treeitem</code> plutôt qu'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> lorsque le paramètre <code>dont-build-content</code> est spécifié. Définissez l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> au nom de variable à lier à un nœud de contenu lors de la correspondance. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-container">container</a>, <a href="#a-empty">empty</a>, <a href="#a-treeitem.label">label</a>, <a href="#a-open">open</a>, <a href="#a-uri">uri</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-container"> - -<dl><dt> <code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Défini à true si l'élément doit agir comme un conteneur pouvant avoir des éléments enfants. Ceci peut être utilisé pour des dossiers. Cet attribut sera défini par le constructeur de template si nécessaire. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-empty"> - -<dl><dt> <code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Défini à <code>true</code> si l'élément est un conteneur qui ne contient aucun enfant. Il sera défini par le constructeur de template si nécessaire. -</dd></dl> - - -</div> -<div id="a-treeitem.label"> - -</div> -<div id="a-open"> - -<dl><dt> <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Pour les boutons de <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> <code>menu</code>, l'attribut <code>open</code> est défini à <code>true</code> lorsque le menu est ouvert. L'attribut <code>open</code> n'est pas présent si le menu est fermé. -</dd></dl> - - -</div> -<div id="a-uri"> - -<dl><dt> <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Pour du contenu généré par un template, l'attribut doit être placé sur l'élément où la génération de contenu doit commencer. Donc, il doit être placé sur un élément qui est le descendant d'un template. La valeur doit être définie à <code>rdf:*</code>. -</dd></dl> -<dl><dd> Les éléments qui apparaissent à l'intérieur de l'élément portant cet attribut seront répétés pour chaque nœud dans la source de données RDF. Les éléments qui sont à l'extérieur n'apparaîtront qu'une seule fois. -</dd></dl> -<p><br> -</p> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a>, <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treerow">treerow</a>, <a href="fr/XUL/treecell">treecell</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/treerow/index.html b/files/fr/archive/mozilla/xul/treerow/index.html deleted file mode 100644 index d14176ddcc..0000000000 --- a/files/fr/archive/mozilla/xul/treerow/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: treerow -slug: Archive/Mozilla/XUL/treerow -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treerow ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Une ligne unique dans un arbre (élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>). Cet élément doit être placé dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code>. Les enfants de <code>treerow</code> doivent être des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code>. Si des lignes filles sont nécessaires, il convient de les placer dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> au sein de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> parent. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Arbres">Tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-properties">properties</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<div id="a-properties"> - -<dl><dt> <code id="a-properties"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/properties">properties</a></code> -</dt><dd> Type : <i>liste de noms de propriétés séparés par des espaces</i> -</dd><dd> Définit les propriétés de l'élément, qui peuvent être utilisées pour le styler. Pour plus d'informations, consultez <a href="fr/Tutoriel_XUL/Styler_un_arbre">Styler un arbre</a>. -</dd></dl> - - -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a>, <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treecell">treecell</a> et <a href="fr/XUL/treeseparator">treeseparator</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/treeseparator/index.html b/files/fr/archive/mozilla/xul/treeseparator/index.html deleted file mode 100644 index 7e6af95185..0000000000 --- a/files/fr/archive/mozilla/xul/treeseparator/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: treeseparator -slug: Archive/Mozilla/XUL/treeseparator -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/treeseparator ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Utilisé pour placer une nouvelle ligne séparatrice dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-properties">properties</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<p>(exemple nécessaire) -</p> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<div id="a-properties"> - -<dl><dt> <code id="a-properties"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/properties">properties</a></code> -</dt><dd> Type : <i>liste de noms de propriétés séparés par des espaces</i> -</dd><dd> Définit les propriétés de l'élément, qui peuvent être utilisées pour le styler. Pour plus d'informations, consultez <a href="fr/Tutoriel_XUL/Styler_un_arbre">Styler un arbre</a>. -</dd></dl> - - -</div> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <a href="fr/XUL/tree">tree</a>, <a href="fr/XUL/treecols">treecols</a>, <a href="fr/XUL/treecol">treecol</a>, <a href="fr/XUL/treechildren">treechildren</a>, <a href="fr/XUL/treeitem">treeitem</a>, <a href="fr/XUL/treerow">treerow</a> et <a href="fr/XUL/treecell">treecell</a>. -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_d'éléments_html/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_d'éléments_html/index.html deleted file mode 100644 index 6dfeea624f..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_d'éléments_html/index.html +++ /dev/null @@ -1,153 +0,0 @@ ---- -title: Ajout d'éléments HTML -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajout_d'éléments_HTML -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_HTML_Elements ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Indicateurs_de_progression" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Utilisation_des_spacers">Suivant »</a></p> -</div> - -<p>Maintenant que nous avons ajouté quelques boutons, ajoutons d'autres éléments.</p> - -<h3 id="Ajout_d.27.C3.A9l.C3.A9ments_HTML_dans_une_fen.C3.AAtre" name="Ajout_d.27.C3.A9l.C3.A9ments_HTML_dans_une_fen.C3.AAtre">Ajout d'éléments HTML dans une fenêtre</h3> - -<p>En plus de tous les éléments XUL déjà disponibles, vous pouvez également ajouter des éléments HTML directement dans un fichier XUL. En réalité, vous pouvez ajouter n'importe quel élément HTML dans des fichiers XUL, ce qui signifie que des applets Java ou des tableaux peuvent être placés directement dans une fenêtre. Vous devriez proscrire l'emploi de ces éléments HTML dans vos fichiers XUL dès que vous le pouvez (il existe plusieurs raisons à cela, et la principale concerne <a href="/fr/Tutoriel_XUL/Détails_sur_le_modèle_de_boîte" title="fr/Tutoriel_XUL/Détails_sur_le_modèle_de_boîte">la mise en page</a> qui sera décrite plus tard). Cette section va néanmoins décrire comment les employer. Souvenez-vous que le langage XML est sensible à la casse, et que de ce fait vous devrez taper les balises et les attributs en minuscules.</p> - -<h4 id="Espace_de_nommage_XHTML" name="Espace_de_nommage_XHTML">Espace de nommage XHTML</h4> - -<p>Afin de pouvoir utiliser des éléments HTML dans un fichier XUL, vous devez déclarer l'espace de nommage XHTML correspondant (NdT : namespace). De cette façon, Mozilla peut faire la distinction entre les balises de HTML de celles de XUL. L'attribut ci-dessous doit être ajouté à la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> du fichier XUL, ou à l'élément HTML le plus extérieur.</p> - -<pre class="eval"><span class="nowiki">xmlns:html="http://www.w3.org/1999/xhtml"</span> -</pre> - -<p>Il s'agit d'une déclaration HTML comme celle que nous avons utilisée pour déclarer XUL. Pour fonctionner, elle doit être saisie exactement comme indiquée ci-dessus.</p> - -<div class="note">Notez qu'en réalité, Mozilla ne télécharge pas cette URL, mais il la reconnaît comme étant une déclaration HTML.</div> - -<div class="highlight"> -<p>Voici un exemple qui peut être ajouté à notre fenêtre de <em>Recherche de fichiers</em> :</p> - -<pre class="eval"><?xml version="1.0" encoding="ISO-8859-1"?> -<?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> -<window - id="findfile-window" - title="Recherche de fichiers" - orient="horizontal" - <span class="highlightred"><span class="nowiki">xmlns:html="http://www.w3.org/1999/xhtml"</span></span> - xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> -</pre> - -<p>Ensuite, vous pouvez employer des balises HTML comme vous le feriez normalement, en gardant à l'esprit ceci :</p> - -<ul> - <li>Vous devez ajouter un préfixe <code>html:</code> au début de chaque balise, en supposant que vous ayez déclaré l'espace de nommage HTML comme ci-dessus.</li> - <li>Vous devez taper les balises en minuscules.</li> - <li>Des guillemets doivent être placés autour de toutes les valeurs d'attributs.</li> - <li>XML impose qu'une barre oblique (slash) termine chaque balise qui n'ont aucun contenu. Les exemples ci-dessous vont vous l'expliciter.</li> -</ul> - -<h4 id="Utilisation_d.27.C3.A9l.C3.A9ments_HTML" name="Utilisation_d.27.C3.A9l.C3.A9ments_HTML">Utilisation d'éléments HTML</h4> - -<p>Vous pouvez utiliser n'importe quelle balise HTML bien que certaines comme <code>head</code> et <code>body</code> ne soient d'aucune utilité. Des exemples d'emploi des éléments HTML sont montrés ci-dessous :</p> - -<pre><html:img src="banner.jpg"/> - -<html:input type="checkbox" value="true"/> - -<html:table> - <html:tr> - <html:td> - Un tableau simple - </html:td> - </html:tr> -</html:table> -</pre> - -<p>Ces exemples vont créer une image à partir du fichier 'banner.jpg', une case à cocher et un tableau avec une unique cellule. Vous devriez toujours employer des éléments XUL s'ils sont disponibles et vous ne devriez pas employer des tableaux pour la mise en page sous XUL (des éléments XUL permettent de le faire).</p> - -<div class="note">Notez que le préfixe html: a été ajouté au début de chaque balise, pour que Mozilla sache qu'il s'agit d'une balise HTML et non d'une balise XUL. Si vous oubliez un préfixe html:, le navigateur croira qu'il s'agit d'un élément XUL et il n'affichera probablement rien car les balises <code>img</code>, <code>input</code>, <code>table</code>, etc. ne sont pas des balises XUL valides.</div> - -<p>En XUL, vous pouvez ajouter des libellés avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> ou <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code>. Vous devriez utiliser ces éléments dès que vous le pouvez. Vous pouvez également ajouter des libellés à des contrôles soit en utilisant la balise HTML <code>label</code>, soit en mettant simplement le texte dans un autre élément bloc HTML (tel que <code>p</code> ou <code>div</code>) comme dans l'exemple ci-dessous.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_htmlelem_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_htmlelem_1.xul">Voir</a></p> - -<pre><html:p> - Rechercher : - <html:input id="find-text"/> - <button id="okbutton" label="OK"/> -</html:p> -</pre> - -<p>Ce code va afficher le texte 'Rechercher :', suivi d'un champ de saisie de texte et d'un bouton « OK ». Notez que le bouton XUL peut apparaître dans un bloc de balise HTML, comme c'est le cas ici. Du texte ne sera affiché que s'il est placé à l'intérieur de balises HTML qui sont normalement employées pour afficher du texte (comme une balise <code>p</code>). Tout texte placé en dehors de balises ne sera pas affiché, sauf si l'élément XUL contenant le texte le permet (l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> par exemple).</p> - -<p>Les exemples suivants vont vous aider.</p> - -<h3 id="Exemple_d.27.C3.A9l.C3.A9ments_HTML" name="Exemple_d.27.C3.A9l.C3.A9ments_HTML">Exemple d'éléments HTML</h3> - -<p>Les exemples suivants illustrent l'ajout de balises HTML dans une fenêtre. Dans chaque cas, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> et d'autres informations basiques ont été retirés pour plus de clarté.</p> - -<h4 id="Une_bo.C3.AEte_de_dialogue_avec_une_case_.C3.A0_cocher" name="Une_bo.C3.AEte_de_dialogue_avec_une_case_.C3.A0_cocher">Une boîte de dialogue avec une case à cocher</h4> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_htmlelem_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_htmlelem_2.xul">Voir</a></p> - -<pre><html:p> - Cliquez sur la boîte ci-dessous pour mémoriser cette décision. - <html:p> - <html:input id="rtd" type="checkbox"/> - <html:label for="rtd">Mémoriser cette décision</html:label> - </html:p> -</html:p> -</pre> - -<div class="float-right"><img alt="Image:xultu_htmlelem1.png" class="internal" src="/@api/deki/files/1523/=Xultu_htmlelem1.png"></div> - -<p>Dans ce cas, une première balise <code>p</code> a été utilisée pour placer du texte et une autre a été utilisée pour séparer le texte en plusieurs lignes. (NdT : selon la norme XHTML, une balise <code>p</code> ne peut pas inclure une autre balise <code>p</code>, l'exemple est donc en principe erroné.)</p> - -<h4 id="Texte_en_dehors_de_blocs_HTML" name="Texte_en_dehors_de_blocs_HTML">Texte en dehors de blocs HTML</h4> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_htmlelem_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_htmlelem_3.xul">Voir</a></p> - -<pre><html:div> - Voulez-vous sauvegarder les documents suivants ? - <html:hr/> -</html:div> -Rapport de dépense 1 que j'ai fait l'été dernier -<button id="yes" label="Oui"/> -<button id="no" label="Non"/> -</pre> - -<div class="float-right"><img alt="Image:xultu_htmlelem2.png" class="internal" src="/@api/deki/files/1524/=Xultu_htmlelem2.png"></div> - -<p>Comme vous pouvez le voir sur cette image, le texte placé à l'intérieur des balises <code>div</code> a été affiché mais l'autre texte ('Rapport de dépense 1' et 'que j'ai fait l'été dernier') ne l'a pas été. Ceci est dû au fait qu'il n'y a pas d'éléments HTML ou XUL entourant le texte à afficher et capables de le faire. Pour rendre ce texte apparent, vous devez le placer à l'intérieur de balises <code>div</code>, ou l'inclure dans une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code>.</p> - -<h4 id="Les_.C3.A9l.C3.A9ments_HTML_invalides" name="Les_.C3.A9l.C3.A9ments_HTML_invalides">Les éléments HTML invalides</h4> - -<pre><html:po>Cas 1</html:po> -<div>Cas 2</div> -<html:description value="Cas 3"/> -</pre> - -<p>Aucun des trois cas ci-dessus ne s'affichera pour les raisons suivantes :</p> - -<dl> - <dt>Cas 1 </dt> - <dd><code>po</code> n'est pas une balise HTML valide et Mozilla n'a aucune idée de ce qu'il faut en faire.</dd> - <dt>Cas 2 </dt> - <dd><code>div</code> est une balise valide mais seulement en HTML. Pour qu'elle fonctionne, vous devez ajouter le qualificateur 'html:'.</dd> - <dt>Cas 3 </dt> - <dd>un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> est valide en XUL mais pas en HTML. Il ne devrait pas avoir de qualificateur 'html:'.</dd> -</dl> - -<hr> -<p>Dans la page suivante, nous apprendrons comment ajouter de l'espace entre les éléments.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Indicateurs_de_progression" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Utilisation_des_spacers">Suivant »</a></p> -</div> -<span class="comment">Interwiki</span></div> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_gestionnaire_d_évènements/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_gestionnaire_d_évènements/index.html deleted file mode 100644 index 9eab0ef687..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_gestionnaire_d_évènements/index.html +++ /dev/null @@ -1,139 +0,0 @@ ---- -title: Ajout de gestionnaire d'évènements -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajout_de_gestionnaire_d_évènements -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Event_Handlers_to_XBL-defined_Elements ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_méthodes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Héritage_XBL">Suivant »</a></p> -</div> - -<p>Nous allons voir comment ajouter des gestionnaires d'événements aux éléments XBL.</p> - -<h3 id="Les_gestionnaires_d.27.C3.A9v.C3.A9nements" name="Les_gestionnaires_d.27.C3.A9v.C3.A9nements">Les gestionnaires d'événements</h3> - -<p>Comme vous pouvez le prévoir, des clics de souris, des touches pressées et d'autres événements sont passés à chacun des éléments à l'intérieur du contenu. Cependant, vous voudrez maîtriser les événements et les gérer à votre façon. Vous pouvez ajouter des gestionnaires d'événements aux éléments au sein du contenu si besoin. Le dernier exemple de la section précédente en faisait une démonstration. Dans cet exemple, des gestionnaires <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> avaient été ajoutés sur quelques boutons.</p> - -<h4 id="Gestionnaires_d.27.C3.A9v.C3.A9nements" name="Gestionnaires_d.27.C3.A9v.C3.A9nements">Gestionnaires d'événements</h4> - -<p>Toutefois, vous pouvez vouloir ajouter un gestionnaire d'événement à tout le contenu, ce qui représente tous les éléments définis au sein de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#content">content</a></code>. Cela pourrait être utile pour maîtriser les événements de sélection et de désélection. Pour définir un gestionnaire d'événement, utilisez l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#handler">handler</a></code>. Chacun de ces éléments décrit l'action d'un seul gestionnaire d'événement. Vous pouvez utiliser plus d'un gestionnaire si nécessaire. Si un événement ne correspond pas à l'un des événements <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#handler">handler</a></code>, il est passé simplement dans le contenu comme d'habitude.</p> - -<p>La syntaxe générale du gestionnaire est la suivante :</p> - -<pre><binding id="nom-liaison"> - <handlers> - <handler event="nom-evenement" action="script"/> - </handlers> -</binding> -</pre> - -<p>Placez tous vos gestionnaires dans l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#handlers">handlers</a></code>. Chaque élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#handler">handler</a></code> définit l'action prise pour un événement particulier grâce à son attribut <code>event</code>. Les événements valides sont ceux supportés par XUL et JavaScript, tels que 'click' et 'focus'. Utilisez le nom de l'événement sans son préfixe 'on'.</p> - -<p>La principale raison nécessitant la déclaration de gestionnaires est la modification des propriétés personnalisées lorsqu'un événement se produit. Par exemple, une case à cocher personnalisée pourrait avoir une propriété <code>checked</code> qui doit être modifée lorsque l'utilisateur clique sur la case à cocher :</p> - -<pre><handlers> - <handler event="mouseup" action="this.checked=!this.checked"/> -</handlers> -</pre> - -<p>Lorsque l'utilisateur clique et relâche le bouton de la souris au dessus de la case à cocher, l'événement 'mouseup' lui est envoyé, et le gestionnaire défini ici est appelé, entraînant le renversement de l'état de la propriété <code>checked</code>. De même, vous pouvez modifier une propriété lorsque l'élément est sélectionné. Vous devrez ajouter des gestionnaires pour ajuster les propriétés lors de sollicitations de la souris ou du clavier.</p> - -<h4 id="Gestionnaire_d.27.C3.A9v.C3.A9nements_de_souris" name="Gestionnaire_d.27.C3.A9v.C3.A9nements_de_souris">Gestionnaire d'événements de souris</h4> - -<p>Pour des événements concernant la souris, vous pouvez utiliser l'attribut <code>button</code> pour que le gestionnaire n'accepte que les événements qui correspondent à un certain bouton. Sans cet attribut, le gestionnaire intercepterait tous les événements concernant la souris sans se soucier du bouton qui a été pressé. L'attribut <code>button</code> doit être défini à '0' pour le bouton gauche de la souris, '1' pour le bouton du milieu de la souris ou '2' pour le bouton droit de la souris.</p> - -<pre><handlers> - <handler event="click" button="0" action="alert('Le bouton gauche est pressé');"/> - <handler event="mouseup" button="1" action="alert('Le bouton du milieu est pressé')"/> - <handler event="click" button="2" action="alert('Le bouton droit est pressé');"/> -</handlers> -</pre> - -<h4 id="Gestionnaire_d.27.C3.A9v.C3.A9nements_clavier" name="Gestionnaire_d.27.C3.A9v.C3.A9nements_clavier">Gestionnaire d'événements clavier</h4> - -<p>Pour les événements provenant des touches du clavier, vous pouvez utiliser plusieurs attributs similaires à ceux de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> pour les faire correspondre à une touche spécifique et seulement lorsque certaines touches alternatives sont pressées. L'exemple précédent pourrait être complété de telle sorte que la propriété <code>checked</code> de la case à cocher soit modifiée lorsque la barre d'espacement est pressée.</p> - -<pre><handlers> - <handler event="keypress" key=" " action="this.checked=!checked"/> -</handlers> -</pre> - -<p>Vous pouvez aussi utiliser l'attribut <code>keycode</code> pour tester les touches non imprimables. La section sur les <a href="/fr/Tutoriel_XUL/Raccourcis_clavier" title="fr/Tutoriel_XUL/Raccourcis_clavier">raccourcis clavier</a> fournit plus d'informations. Les touches alternatives peuvent être vérifiées en ajoutant un attribut <code>modifiers</code>. Il peut être défini avec l'une des valeurs suivante :</p> - -<dl> - <dt>'alt' </dt> - <dd>L'utilisateur doit presser la touche <code>Alt</code>.</dd> - <dt>'control' </dt> - <dd>L'utilisateur doit presser la touche <code>Ctrl</code>.</dd> - <dt>'meta' </dt> - <dd>L'utilisateur doit presser la touche <code>Meta</code>.</dd> - <dt>'shift' </dt> - <dd>L'utilisateur doit presser la touche <code>Maj</code>.</dd> - <dt>'accel' </dt> - <dd>L'utilisateur doit presser la touche alternative spéciale qui est habituellement utilisée pour les raccourcis clavier sur sa plateforme.</dd> -</dl> - -<p>S'il est déclaré, le gestionnaire est appelé uniquement lorsque la touche alternative est pressée. Vous pouvez combiner plusieurs touches modificatrices en les séparant par des espaces.</p> - -<p>La syntaxe alternative suivante peut être utilisée lorsque le code dans un gestionnaire est plus complexe :</p> - -<pre><binding id="nom-liaison"> - <handlers> - <handler event="nom-evenement"> - -- le code du gestionnaire vient ici -- - </handler> - </handlers> -</binding> -</pre> - -<h3 id="Exemple_de_gestionnaires" name="Exemple_de_gestionnaires">Exemple de gestionnaires</h3> - -<p>L'exemple suivant ajoute des gestionnaires de touches pour créer un presse-papiers local très primitif :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xblevents_1.xml.txt">Source</a></p> - -<pre><binding id="clipbox"> - <content> - <xul:textbox/> - </content> - <implementation> - <field name="clipboard"/> - </implementation> - <handlers> - <handler event="keypress" key="x" modifiers="control" - action="this.clipboard=document.getAnonymousNodes(this)[0].value; document.getAnonymousNodes(this)[0].value='';"/> - <handler event="keypress" key="c" modifiers="control" - action="this.clipboard=document.getAnonymousNodes(this)[0].value;"/> - <handler event="keypress" key="v" modifiers="control" - action="document.getAnonymousNodes(this)[0].value=this.clipboard ? this.clipboard : '';"/> - </handlers> -</binding> -</pre> - -<p>Le contenu est un champ de saisie simple. Un champ <code>clipboard</code> lui a été ajouté pour stocker le contenu du presse-papiers. Il signifie que les opérations de presse-papiers sont limitées à ce seul champ de saisie. Le tampon sera propre à ce champ.</p> - -<p>Trois gestionnaires ont été ajoutés, un pour couper, un pour copier et l'autre pour coller. Chacun d'eux a sa propre combinaison de touche appelante. Le premier gestionnaire est l'opération <em>Couper</em> et est appelé lorsque la touche <code>Ctrl</code> est pressée suivie de la touche <code>x</code>. Le script à l'intérieur de l'attribut <code>action</code> est utilisé pour couper le texte du champ de saisie et pour le mettre dans le champ du presse-papiers. Pour faire simple, le texte entier est coupé et pas seulement le texte sélectionné. Le code fonctionne comme suit :</p> - -<ol> - <li> - <pre>this.clipboard=document.getAnonymousNodes(this)[0].value;</pre> - On récupère le premier élément du tableau de contenu anonyme qui donne une référence à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> qui s'avère être le premier (et le seul) élément au sein de l'élément <code>content</code>. On récupère la propriété <code>value</code> qui fournira le texte du champ de saisie. Elle est ainsi assignée au champ du presse-papiers. Le résultat est que le texte qui se trouve dans la champ de saisie est copié dans ce presse-papiers spécial.</li> - <li> - <pre>document.getAnonymousNodes(this)[0].value=''</pre> - On assigne ainsi au texte de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> une chaîne de caractères vide. Elle efface le texte dans le champ de saisie.</li> -</ol> - -<p>Une opération de copie est similaire mais n'efface pas le texte. Le collage est l'opération inverse si ce n'est que la valeur du champ de saisie est assignée à partir de la valeur du champ du presse-papiers. Si nous étions en train de créer une réelle implémentation de ces raccourcis clavier de presse-papiers, nous utiliserions probablement l'interface réelle du presse-papiers et nous gèrerions également la sélection courante.</p> - -<hr> -<p>Dans la prochaine section, nous verrons comment étendre les définitions XBL existantes.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_méthodes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Héritage_XBL">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_gestionnaires_d'évènements/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_gestionnaires_d'évènements/index.html deleted file mode 100644 index df33636311..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_gestionnaires_d'évènements/index.html +++ /dev/null @@ -1,140 +0,0 @@ ---- -title: Ajout de gestionnaires d'évènements -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajout_de_gestionnaires_d'évènements -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Event_Handlers ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Menus_défilants" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Plus_sur_les_gestionnaires_d'évènements">Suivant »</a></p> -</div> - -<p>La boîte de dialogue de recherche de fichiers est tout à fait correcte à ce stade. Nous ne l'avons pas beaucoup optimisée mais nous avons facilement créé une interface utilisateur. Dans ce qui suit, nous allons montrer comment lui ajouter des scripts.</p> - -<h3 id="Utilisation_de_scripts" name="Utilisation_de_scripts">Utilisation de scripts</h3> - -<p>Pour rendre la boîte de dialogue de recherche de fichiers fonctionnelle, nous avons besoin d'ajouter des scripts qui vont s'exécuter quand l'utilisateur interagira avec le dialogue. Nous voudrions ajouter un script pour gérer le bouton « Rechercher », le bouton « Annuler » et pour gérer chaque commande du menu. Nous écrirons ces scripts en utilisant des fonctions <a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a> de la même manière qu'en <a href="/fr/HTML" title="fr/HTML">HTML</a>.</p> - -<p>Vous pouvez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/script" title="script">script</a></code> pour inclure des scripts dans des fichiers XUL. Vous pouvez aussi inclure le script directement dans le fichier XUL entre les balises <code><a href="/fr/docs/Mozilla/Tech/XUL/script" title="script">script</a></code> ouvrante et fermante, mais il est préférable de placer le code dans un fichier séparé. Votre fenêtre XUL se chargera un peu plus rapidement. Nous utiliserons alors l'attribut <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code> pour lier un fichier de script externe.</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h4> - -<p>Ajoutons un script au dialogue de recherche de fichiers. Bien que le nom du fichier de script n'ait pas d'importance, il est courant de lui donner le même nom que celui du fichier XUL, avec l'extension 'js'. Dans ce cas, on utilisera 'findfile.js'. Ajoutez la ligne ci-dessous juste après la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> ouvrante et AVANT tout autre élément.</p> - -<pre class="eval"><span class="highlightred"><script src="findfile.js"/></span> -</pre> - -<p>Nous créerons le fichier de script plus tard, quand nous connaîtrons son contenu. Nous y définirons des fonctions que nous pourrons appeler dans des gestionnaires d'événements.</p> -</div> - -<p>Nous pouvons inclure de multiples scripts dans un fichier XUL en utilisant de multiples balises <code><a href="/fr/docs/Mozilla/Tech/XUL/script" title="script">script</a></code>, chacune pointant vers un script différent. Nous pouvons utiliser des URLs relatives ou absolues. Par exemple, nous pouvons utiliser des URLs sous les formes suivantes :</p> - -<pre class="eval"><script src="findfile.js"/> -<script src="<a class="external" rel="freelink">chrome://findfiles/content/help.js</a>"/> -<script src="<span class="nowiki">http://www.example.com/js/items.js</span>"/> -</pre> - -<p>Ce tutoriel n'a pas pour but de décrire comment écrire du JavaScript. C'est un sujet vaste et il existe déjà beaucoup de documentation le traitant.</p> - -<div class="note">Par défaut, la console JavaScript n'affiche que les erreurs provenant des contenus Web. Pour voir les erreurs JavaScript du chrome, il est nécessaire de modifier la préférence <code>javascript.options.showInConsole</code> à 'true'. Vous pouvez également faire du débogage en modifiant la préférence <code>javascript.options.strict</code>. En la définissant à 'true', les erreurs causés par des codes non standard, mal écrits, ou syntaxiquement erronés seront affichés dans la console d'erreurs.</div> - -<h3 id="R.C3.A9ponse_aux_.C3.A9v.C3.A9nements" name="R.C3.A9ponse_aux_.C3.A9v.C3.A9nements">Réponse aux événements</h3> - -<p>Le script contiendra le code qui répondra aux différents événements déclenchés par l'utilisateur ou par d'autres situations. Il existe environ une trentaine d'événements pouvant être gérés de différentes manières. Un événement classique est le bouton de souris ou la touche pressée par l'utilisateur. Chaque élément XUL a la capacité de déclencher certains événements dans des situations différentes. Quelques déclenchements d'événements sont spécifiques à certains éléments.</p> - -<p>Chaque événement a un nom, par exemple, 'mousemove' est le nom de l'événement qui est déclenché quand l'utilisateur passe la souris au-dessus d'un élément d'interface utilisateur. XUL utilise le mécanisme d'événement défini par le <a class="external" href="http://www.yoyodesign.org/doc/w3c/dom2/events/Overview.html">DOM Events</a> (Version traduite). Quand survient une action devant déclencher un événement, telle que le déplacement de la souris par l'utilisateur, un objet 'event' correspondant à ce type d'événement est créé. Des propriétés sont assignées à cet objet event telles que la position de la souris, la touche pressée, etc.</p> - -<p>L'événement est ensuite envoyé au XUL par phases.</p> - -<ul> - <li>Dans la phase de capture, l'événement est d'abord envoyé à la fenêtre, puis au document, suivi par chaque ancêtre de l'élément XUL visé, jusqu'à ce qu'il l'atteigne.</li> - <li>Dans la phase de ciblage, l'événement est envoyé à l'élément XUL cible.</li> - <li>Pendant la phase de diffusion, l'événement est envoyé à chaque élément dans l'autre sens jusqu'à ce qu'il atteigne à nouveau la fenêtre.</li> -</ul> - -<p>Vous pouvez réagir à un événement pendant la phase de capture ou de diffusion. Une fois que l'événement a terminé de se propager, l'action correspondant au comportement natif de l'élément est déclenchée.</p> - -<p>Par exemple, quand la souris passe sur un bouton inclus dans une boîte, un événement 'mousemove' est généré et envoyé d'abord à la fenêtre, puis au document et ensuite à la boîte. Cela complète la phase de capture. Ensuite, l'événement 'mousemove' est envoyé au bouton. Enfin la phase de diffusion se traduit par le renvoi de l'événement vers la boîte, puis le document et enfin la fenêtre. La phase de diffusion est par essence l'inverse de la phase de capture. Notez que certains événements ne passent pas par la phase de diffusion.</p> - -<p>Vous pouvez attacher des scrutateurs à chaque élément pour être à l'écoute des événements pendant chaque étape de leur propagation. Étant donné qu'un simple événement est passé à tous les ancêtres, vous pouvez attacher un scrutateur à un élément spécifique ou à un élément supérieur dans la hiérarchie. Naturellement, un événement attaché à un élément parent recevra une notification de tous les éléments qu'il contient, alors qu'un événement attaché à un bouton recevra seulement des événements concernant ce bouton. C'est utile si vous désirez gérer plusieurs éléments avec un code identique ou similaire.</p> - -<p><span class="comment">Une fois que vous gérez un événement, sans vous souciez du stade de sa propagation, vous voudrez probablement le stopper avant qu'il ne soit envoyé à d'autres éléments, ce qui, en substance, signifie que vous voulez interrompre les phases de capture et de diffusion. Il existe plusieurs façons d'y parvenir, en fonction de la manière avec laquelle vous avez attaché le scrutateur d'événement à un élément.</span></p> - -<p>L'événement le plus utilisé est l'événement 'command'. L'événement 'command' est déclenché quand l'utilisateur active un élément, par exemple en pressant un bouton, en cochant une case ou en sélectionnant une entrée d'un menu. L'événement 'command' est pratique car il gère automatiquement les différentes méthodes d'activation d'un élément. Par exemple, l'événement 'command' se produira indifféremment si l'utilisateur utilise sa souris pour cliquer le bouton ou s'il presse la touche <code>Entrée</code>.</p> - -<p>Il y a deux manières d'attacher un scrutateur d'événement à un élément. Premièrement, en utilisant un attribut avec un script comme valeur. Deuxièmement, en appelant la méthode <code>addEventListener</code> d'un élément. La première manière peut seulement gérer les événements en phase de diffusion mais est plus simple à écrire. La seconde peut gérer les événements sur chaque phase et peut aussi être utilisée pour attacher plusieurs scrutateurs pour un événement à un élément. L'utilisation de la « forme par attribut » est une manière plus commune pour la plupart des événements.</p> - -<h3 id="Scrutateurs_d.27.C3.A9v.C3.A9nements_par_attributs" name="Scrutateurs_d.27.C3.A9v.C3.A9nements_par_attributs">Scrutateurs d'événements par attributs</h3> - -<p>Pour utiliser la forme par attribut, placez un attribut sur un élément à l'endroit que vous voulez, son nom devra être le nom de l'événement précédé par le mot « on ». Par exemple, l'attribut correspondant à l'événement 'command' est <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code>. La valeur de l'attribut devra être le code à exécuter quand l'événement se produira. Typiquement, ce code sera court et appellera une fonction définie dans un script séparé. Voici un exemple de réponse lorsqu'un bouton est pressé :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_events_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_events_1.xul">Voir</a></p> - -<pre><button label="OK" oncommand="alert('Le bouton a été pressé !');"/></pre> - -<p>Puisque l'événement 'command' va se diffuser, il est également possible de placer le scrutateur d'événement sur un élément conteneur. Dans l'exemple ci-dessous, le scrutateur a été placé sur une boîte et il recevra les événements pour tous ses éléments.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_events_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_events_2.xul">Voir</a></p> - -<pre><vbox oncommand="alert(event.target.tagName);"> - <button label="OK"/> - <checkbox label="Voir les images"/> -</vbox> -</pre> - -<p>Dans cet exemple, l'événement 'command' va se diffuser du bouton ou de la case à cocher jusqu'à la boîte, où il sera traité. Si un second scrutateur (l'attribut <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code>) était placé sur le bouton, son code serait appelé en premier, suivi par le gestionnaire de la boîte. L'objet event est transmis aux gestionnaires d'événements comme un argument implicite nommé 'event'. Il est utilisé pour obtenir des informations spécifiques à propos de l'événement. Une des plus utilisées est la propriété 'target' (cible) de l'événement, qui cible l'élément à partir duquel l'événement s'est produit. Dans l'exemple, nous affichons une alerte contenant le nom de l'élément cible. La cible est très utile lors de l'utilisation d'un événement en diffusion dans le cas où vous auriez une série de boutons gérée par un même script.</p> - -<p>Vous noterez que la syntaxe de l'attribut est identique à celle utilisée pour les événements dans les documents HTML. En fait, HTML et XUL partagent le même mécanisme d'événement. Une différence importante est que l'événement 'click' (ou l'attribut <code id="a-onclick"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onclick">onclick</a></code>) est utilisé en HTML pour répondre aux boutons, alors qu'on devra utiliser l'événement 'command' en XUL. XUL possède un événement 'click', mais il répond uniquement aux clics de souris, pas à l'utilisation du clavier. Ainsi, l'événement 'click' devra être évité en XUL, sauf si vous avez une raison d'avoir un élément uniquement géré avec la souris. De plus, tandis que l'événement 'command' ne sera pas envoyé si un élément est désactivé, l'événement 'click' sera envoyé sans tenir compte de l'état activé ou non de l'élément.</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers_2" name="Notre_exemple_de_recherche_de_fichiers_2">Notre exemple de recherche de fichiers</h4> - -<p>Un gestionnaire <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> peut être placé sur les boutons « Rechercher » et « Annuler » dans le dialogue de recherche de fichiers. L'appui sur le bouton « Rechercher » devrait démarrer la recherche. Comme nous n'implémenterons pas cette partie, nous l'omettrons. En revanche, l'appui sur le bouton « Annuler » devrait fermer la fenêtre. Le code ci-dessous montre comment le faire. Pendant que nous y sommes, ajoutons le même code à l'item de menu « Fermer ».</p> - -<pre class="eval"><menuitem label="Fermer" accesskey="c" <span class="highlightred">oncommand="window.close();"</span>/> -... - -<button id="cancel-button" label="Annuler" - <span class="highlightred">oncommand="window.close();</span>"/> -</pre> -Deux gestionnaires ont été ajoutés ici. L'attribut <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> a été ajouté à l'item de menu « Fermer ». En utilisant ce gestionnaire, l'utilisateur pourra fermer la fenêtre en cliquant sur l'item de menu ou en le sélectionnant par le clavier. Le gestionnaire <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> a également été ajouté au bouton « Annuler ».</div> - -<h3 id="Scrutateurs_d.27.C3.A9v.C3.A9nements_DOM" name="Scrutateurs_d.27.C3.A9v.C3.A9nements_DOM">Scrutateurs d'événements DOM</h3> - -<p>La seconde façon d'ajouter un gestionnaire d'événement est d'appeler la méthode <code>addEventListener</code> d'un élément. Celle-ci vous permet d'attacher dynamiquement un scrutateur d'événement et de scruter les événements durant la phase de capture. La syntaxe est la suivante :</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_events_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_events_3.xul">Voir</a></p> - -<pre><button id="okbutton" label="OK"/> - -<script> -function buttonPressed(event) { - alert('Le bouton a été pressé !'); -} - -var button = document.getElementById("okbutton"); -button.addEventListener('command', buttonPressed, true); -</script> -</pre> - -<p>La fonction <code><a href="/fr/DOM/document.getElementById" title="fr/DOM/document.getElementById">getElementById()</a></code> retourne l'élément ayant un identifiant id, dans notre cas, le bouton. La fonction <code><a href="/fr/DOM/element.addEventListener" title="fr/DOM/element.addEventListener">addEventListener()</a></code> est appelée pour ajouter un nouveau scrutateur d'événement en phase de capture. Le premier argument est le nom de l'événement à scruter. Le deuxième argument est la fonction du scrutateur d'événement qui sera appelée quand l'événement se produira. Enfin, le dernier argument devra être 'true' pour les scrutateurs en phase de capture. Vous pouvez également scruter durant la phase de diffusion en donnant la valeur 'false' au dernier argument. La fonction scrutateur d'événement passée comme deuxième argument devra avoir un argument, l'objet 'event', comme vous le voyez dans la déclaration de la fonction buttonPressed ci-dessus.</p> - -<hr> -<div class="highlight"> -<p>Le dialogue de recherche de fichiers à ce stade : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-events.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-events.xul">Voir</a></p> -</div> - -<p>Dans la prochaine section, nous aborderons plus en détail l'objet <code>event</code>.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Menus_défilants" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Plus_sur_les_gestionnaires_d'évènements">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_méthodes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_méthodes/index.html deleted file mode 100644 index c0adc86eaa..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_méthodes/index.html +++ /dev/null @@ -1,194 +0,0 @@ ---- -title: Ajout de méthodes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajout_de_méthodes -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Methods_to_XBL-defined_Elements ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_propriétés" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaire_d'évènements">Suivant »</a></p> -</div> - -<p>Nous allons voir comment ajouter des méthodes personnalisées aux éléments définis en <a href="/fr/XBL" title="fr/XBL">XBL</a>.</p> - -<h3 id="Les_m.C3.A9thodes" name="Les_m.C3.A9thodes">Les méthodes</h3> - -<p>En plus d'ajouter des propriétés de script à l'élément défini en XBL, vous pouvez aussi y ajouter des méthodes. Ces méthodes peuvent être appelées à partir d'un script. Les méthodes sont des fonctions d'objets, comme <code>window.open()</code>. Vous pouvez définir des méthodes personnalisées pour vos éléments en utilisant l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#method">method</a></code>. La syntaxe générale des méthodes est définie comme suit :</p> - -<pre><implementation> - <method name="method-name"> - <parameter name="parameter-name1"/> - <parameter name="parameter-name2"/> - . - . - . - <body> - -- le script de la méthode vient ici -- - </body> - </method> -</implementation> -</pre> - -<p>Une déclaration de méthode se fait au travers de l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#implementation">implementation</a></code>, comme pour les champs et les propriétés. L'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#method">method</a></code> contient deux types d'éléments fils, les éléments <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#parameter">parameter</a></code> qui décrivent les paramètres de la méthode et <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#body">body</a></code> qui contient le script de la méthode.</p> - -<p>La valeur de l'attribut <code>name</code> devient le nom de la méthode. De même, les attributs <code>name</code> des éléments <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#parameter">parameter</a></code> deviennent les noms de chaque paramètre. Chaque élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#parameter">parameter</a></code> est utilisé pour déclarer l'un des paramètres pour la méthode. Par exemple, si la méthode a trois paramètres, il y aura trois éléments <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#parameter">parameter</a></code>. Si vous n'avez pas besoin d'en avoir, la méthode n'aura pas de balise <code>parameter</code>.</p> - -<p>L'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#body">body</a></code> contient le script qui est exécuté lorsque la méthode est appelée. Les noms des paramètres sont définis comme des variables dans le script comme s'ils étaient passés en paramètre. Par exemple, la fonction JavaScript suivante serait écrite en tant que méthode XBL comme ceci :</p> - -<pre class="eval">function getMaximum(num1,num2) -{ - if (num1<=num2) return num2; - else return num1; -} - -<strong>XBL:</strong> - -<method name="getMaximum"> - <parameter name="num1"/> - <parameter name="num2"/> - <body> - if (num1&lt;=num2) return num2; - else return num1; - </body> -</method> -</pre> - -<p>Cette fonction, <code>getMaximum</code>, retourne la plus grande des valeurs passées chacune comme un paramètre dans la méthode. Notez que le symbole inférieur doit être un caractère d'échappement parce qu'autrement il ressemblerait au commencement d'une balise. Vous pouvez aussi utiliser une section CDATA pour échapper le bloc entier de code. Vous pouvez appeler la méthode en utilisant un code comme <code>element.getMaximum(5,10)</code> où <code>element</code> est une référence à un élément défini par l'élément XBL contenant la méthode <code>getMaximum</code> (L'élément de liaison).</p> - -<p>La balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#parameter">parameter</a></code> vous permet de définir des paramètres pour une méthode. Comme Mozilla utilise JavaScript pour son langage de script, et que JavaScript est un langage non typé, vous n'avez pas besoin de spécifier le type des paramètres. Cependant, dans le futur, d'autres langages devraient être utilisés avec XBL.</p> - -<h3 id="Acc.C3.A8s_au_contenu_anonyme" name="Acc.C3.A8s_au_contenu_anonyme">Accès au contenu anonyme</h3> - -<p>Il peut y avoir des fois où vous voulez modifier certains aspects des éléments définis dans l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#content">content</a></code>, que ce soit à partir d'une méthode <code>body</code> ou d'ailleurs. Ces éléments sont créés anonymement et ne sont pas accessibles à partir des fonctions habituelles du DOM (Modèle Objet de Document). Elles sont cachées de telle sorte que les développeurs n'aient pas besoin de savoir comment l'élément est implémenté pour l'utiliser. Cependant, il existe un moyen spécial pour obtenir ce contenu anonyme.</p> - -<p>Les éléments auxquels un comportement XBL est attaché ont une propriété spéciale qui contient un tableau des éléments fils anonymes. Chaque élément du tableau stocke chaque élément fils direct de l'élément XBL défini. Cette propriété spéciale ne peut pas être accessible directement. À la place, vous devez appeler la méthode <code>getAnonymousNodes</code> du document.</p> - -<pre>var value=document.getAnonymousNodes(element);</pre> - -<p>Ici, 'element' devrait être une référence à l'élément dont vous voulez obtenir le contenu anonyme. La fonction retourne un tableau d'éléments qui est le contenu anonyme. Pour obtenir des éléments en-dessous de celui-ci, vous pouvez utiliser les fonctions habituelles du DOM (Modèle Objet de Document) car elles ne sont pas cachées. Notez qu'il est possible pour un élément XBL lié d'être placé à l'intérieur d'un autre, auquel cas vous devrez utiliser une nouvelle fois la fonction <code>getAnonymousNodes</code>.</p> - -<p>L'exemple suivant crée une rangée de boutons :</p> - -<pre><binding id="buttonrow"> - <content> - <button label="Oui"/> - <button label="Non"/> - <button label="Trier par"/> - </content> -</binding> -</pre> - -<p>Pour vous référer à chaque bouton, vous pouvez utiliser la fonction <code>getAnonymousNodes</code>, en lui passant une référence à l'élément auquel la liaison est attachée, en tant que paramètre. Dans le tableau renvoyé, le premier bouton est stocké dans le premier item du tableau (<code>getAnonymousNodes(element)[0]</code>), le deuxième bouton est stocké dans le deuxième item du tableau et le troisième est stocké dans le troisième item du tableau. Pour coder à l'intérieur d'une méthode de liaison, vous pouvez passer <code>this</code> comme paramètre à <code>getAnonymousNodes</code>.</p> - -<p>Le prochain exemple peut être utilisé pour créer un texte avec un libellé. La méthode <code>showTitle</code> sert à montrer ou à cacher un libellé. Elle fonctionne en obtenant une référence à l'élément titre en utilisant le tableau anonyme et en changeant sa visibilité.</p> - -<pre class="eval"><strong>XUL:</strong> - -<box id="num" class="labeledbutton" title="Plusieurs choses :" value="52"/> - -<button label="Montrer" oncommand="document.getElementById('num').showTitle(true)"/> -<button label="Cacher" oncommand="document.getElementById('num').showTitle(false)"/> - -<strong>XBL:</strong> - -<binding id="labeledbutton"> - <content> - <xul:label xbl:inherits="value=title"/> - <xul:label xbl:inherits="value"/> - </content> - <implementation> - <method name="showTitle"> - <parameter name="state"/> - <body> - if (state) document.getAnonymousNodes(this)[0]. - setAttribute("style","visibility: visible"); - else document.getAnonymousNodes(this)[0]. - setAttribute("style","visibility: collapse"); - </body> - </method> - </implementation> -</binding> -</pre> - -<p>Les deux boutons ajoutés dans le contenu XUL ont des gestionnaires <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> qui sont utilisés pour changer la visibilité du libellé. Chacun d'eux appelle la méthode <code>showTitle</code>. Cette méthode vérifie le paramètre <code>state</code> pour voir si l'élément sera caché ou montré. Dans un cas comme dans l'autre, elle récupère le premier élément du tableau anonyme. Celui-ci se rapporte au premier fils de l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#content">content</a></code> qui ici est le premier élément <code>label</code> de l'élément graphique. La visibilité est changée en modifiant le style de l'élément.</p> - -<h3 id="Acc.C3.A8s_depuis_l.27int.C3.A9rieur_du_contenu_anonyme" name="Acc.C3.A8s_depuis_l.27int.C3.A9rieur_du_contenu_anonyme">Accès depuis l'intérieur du contenu anonyme</h3> - -<p>Pour aller dans l'autre sens, et obtenir l'élément XUL liée depuis l'intérieur du contenu anonyme, utilisez la propriété <a href="/fr/DOM/element.parentNode" title="fr/DOM/element.parentNode">parentNode</a> du DOM (Modèle Objet de Document). Elle permet d'obtenir l'élément parent d'un élément. Par exemple, nous pourrions déplacer les boutons 'Montrer' et 'Cacher' dans le fichier XBL et faire la chose suivante :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xblmethods_1.xml.txt">Source</a></p> - -<pre><binding id="labeledbutton"> - <content> - <xul:label xbl:inherits="value=title"/> - <xul:label xbl:inherits="value"/> - <xul:button label="Montrer" oncommand="parentNode.showTitle(true);"/> - <xul:button label="Cacher" oncommand="parentNode.showTitle(false);"/> - </content> - <implementation> - <method name="showTitle"> - <parameter name="state"/> - <body> - if (state) document.getAnonymousNodes(this)[0].setAttribute("style","visibility: visible"); - else document.getAnonymousNodes(this)[0].setAttribute("style","visibility: collapse"); - </body> - </method> - </implementation> -</binding> -</pre> - -<p>Les gestionnaires <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> obtiennent ici d'abord une référence à leur élément parent. Il ne s'agit pas de l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#content">content</a></code> mais de l'élément XUL auquel l'élément XBL est lié (Dans cet exemple, c'est la boîte avec la classe 'labeledbutton'). Ainsi, la méthode <code>showTitle</code> est appelée, et fonctionne comme avant.</p> - -<p>Les propriétés et méthodes personnalisées sont ajoutées seulement à l'élément XUL externe auquel l'élément XBL est lié. Aucun des éléments déclarés au sein de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#content">content</a></code> n'ont ces propriétés ou méthodes. C'est pourquoi nous devons obtenir l'élément parent d'abord.</p> - -<p>Les fils d'un élément placés dans le fichier XUL peuvent être récupérés par la voie normale et ne bougent pas même si vous utilisez la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#children">children</a></code>. Par exemple :</p> - -<pre class="eval"><strong>XUL:</strong> - -<box id="outer" class="container"> - <button label="Un"/> - <button label="Deux"/> - <button label="Trois"/> - <button label="Quatre"/> -</box> - -<strong>XBL:</strong> - -<binding id="labeledbutton"> - <content> - <description value="Une pile :"/> - <stack> - <children/> - </stack> - </content> -</binding> -</pre> - -<p>Si vous utilisez les fonctions du DOM (Modèle Objet de Document) telles que <code><a href="/fr/DOM/element.childNodes" title="fr/DOM/element.childNodes">childNodes</a></code> pour obtenir les fils d'un élément, vous verrez que la boîte XUL qui a l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> 'outer', a 4 fils. Ceux-ci correspondent à ses 4 boutons, même si ces boutons sont dessinés à l'intérieur de la pile (<code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>). La pile n'a qu'un seul fils, l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#children">children</a></code> lui-même. La longueur du tableau anonyme de la boîte externe est de deux, le premier élément étant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> et le second étant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>.</p> - -<h3 id="Constructeurs_et_Destructeurs" name="Constructeurs_et_Destructeurs">Constructeurs et Destructeurs</h3> - -<p>XBL supporte deux méthodes spéciales créées avec des balises séparées, <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#constructor">constructor</a></code> et <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#destructor">destructor</a></code>. Un constructeur est appelé chaque fois qu'une liaison est attachée à un élément. Il est utilisé pour initialiser le contenu tel que le chargement de préférences ou l'initialisation des valeurs par défaut de champs. Le destructeur est appelé lorsqu'une liaison est enlevée d'un élément. Il peut s'avérer utile pour sauvegarder des informations.</p> - -<p>Il y a deux points à savoir lorsqu'une liaison est attachée à un élément. Le premier se produit lorsqu'une fenêtre est affichée. Tous les constructeurs des éléments qui ont un contenu XBL attaché seront invoqués. L'ordre dans lequel ils sont appelés ne devrait pas être pris en compte, car ils sont chargés à partir divers fichiers. Le gestionnaire de chargement de la fenêtre (<code id="a-onload"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onload">onload</a></code>) n'est pas appelé tant que toutes les liaisons n'ont pas été attachées et leurs constructeurs exécutés. Le second point quand une liaison est attachée, est lorsque vous changez la propriété de style <a href="/fr/docs/Web/CSS/-moz-binding" title="La propriété -moz-binding, utilisée par les applications Mozilla, permet d'attacher une liaison (binding) XBL à un élément DOM."><code>-moz-binding</code></a> d'un élément. Après que son destructeur ait été appelé, la liaison existante sera enlevée. Ainsi, la nouvelle liaison sera ajoutée à sa place et son constructeur sera invoqué.</p> - -<p>Le script pour un constructeur ou un destructeur devrait être placé directement à l'intérieur de la balise appropriée. Il ne doit y avoir qu'un seul de chaque par liaison et ils ne prennent aucun argument. Voici quelques exemples :</p> - -<pre><constructor> - if (this.childNodes[0].getAttribute("open") == "true"){ - this.loadChildren(); - } -</constructor> - -<destructor action="saveMyself(this);"/> -</pre> - -<hr> -<p>La prochaine section montre comment ajouter des gestionnaires d'événements aux éléments XBL définis.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_propriétés" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaire_d'évènements">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_propriétés/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_propriétés/index.html deleted file mode 100644 index 0294706900..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajout_de_propriétés/index.html +++ /dev/null @@ -1,168 +0,0 @@ ---- -title: Ajout de propriétés -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajout_de_propriétés -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Properties_to_XBL-defined_Elements ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Héritage_d'attributs_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_méthodes">Suivant »</a></p> -</div> - -<p>Nous allons voir comment ajouter des propriétés personnalisées aux éléments XBL (eXtended Binding Language).</p> - -<h3 id="L.27interface_XBL" name="L.27interface_XBL">L'interface XBL</h3> - -<p><a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a> et le <a href="/fr/DOM" title="fr/DOM">DOM</a> fournissent un moyen pour obtenir et définir les propriétés des éléments. Avec XBL, vous pouvez définir vos propres propriétés pour les éléments que vous créez. Vous pouvez aussi ajouter des méthodes qui peuvent être appelées. De cette façon, tout ce dont vous avez besoin est d'obtenir une référence à l'élément (en utilisant <code><a href="/fr/DOM/document.getElementById" title="fr/DOM/document.getElementById">getElementById</a></code> ou une fonction similaire) et ainsi obtenir ou modifier ses propriétés additionnelles et appeler ses méthodes.</p> - -<p>Il y a trois types d'items que vous pouvez ajouter.</p> - -<ul> - <li>Les <em>champs</em> sont utilisés pour contenir une valeur simple.</li> - <li>Les <em>propriétés</em> peuvent aussi être utilisées pour contenir une valeur mais elles peuvent aussi contenir du code pouvant être exécuté lorsqu'une tentative est faite pour récupérer ou modifier la valeur.</li> - <li>Les <em>méthodes</em> sont des fonctions qui peuvent être exécutées.</li> -</ul> - -<p>Chacun des trois est défini dans un élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#implementation">implementation</a></code>, qui doit être un fils de l'élément de liaison <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#binding">binding</a></code>. À l'intérieur de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#implementation">implementation</a></code>, vous définirez pour chacun d'eux un élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code>, un élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#property">property</a></code> et un élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#method">method</a></code> selon ce que vous voulez. La syntaxe générale est celle-ci :</p> - -<pre><binding id="nom-élément"> - <content> - -- le contenu vient ici -- - </content> - <implementation> - <field name="nom-champ-1"/> - <field name="nom-champ-2"/> - <field name="nom-champ-3"/> - - <property name="nom-propriété-1"/> - <property name="nom-propriété-2"/> - <property name="nom-propriété-3"/> - . - . - . - <method name="nom-méthode-1"> - -- le contenu vient ici -- - </method> - . - . - . - </implementation> -</binding> -</pre> - -<h3 id="Les_champs" name="Les_champs">Les champs</h3> - -<p>Chaque champ est défini en utilisant l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code>. Souvent, les champs correspondent à un attribut placé sur l'élément comme <code>label</code> ou <code>disabled</code>, mais ils ne le devraient pas.</p> - -<p>L'attribut <code>name</code> de <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code> est utilisé pour indiquer le nom du champ. Vous pouvez utiliser le nom dans un script pour obtenir et déterminer une valeur. L'exemple ci-dessous crée un bouton qui génère et stocke un nombre aléatoire. Vous pouvez rechercher ce même nombre plusieurs fois en obtenant la propriété <code>number</code> du bouton. Le plus gros du travail ici est fait par les gestionnaires <code>oncommand</code>. Plus tard, nous verrons comment transformer cela en XBL.</p> - -<pre class="eval"><strong>XUL:</strong> - -<box id="random-box" class="randomizer"/> - -<button label="Générer" - oncommand="document.getElementById('random-box').number=Math.random();"/> -<button label="Voir" - oncommand="alert(document.getElementById('random-box').number)"/> - -<strong>XBL:</strong> - -<binding id="randomizer"> - <implementation> - <field name="number"/> - </implementation> -</binding> -</pre> - -<p>Un champ <code>number</code> mémorisant le nombre aléatoire a été défini dans la liaison. Les deux boutons spéciaux définissent et obtiennent la valeur de ce champ. La syntaxe est très similaire pour obtenir et définir les propriétés des éléments HTML. Dans cet exemple, aucun contenu n'a été placé à l'intérieur que ce soit la boîte XUL ou sa définition dans XBL, ce qui est parfaitement valide.</p> - -<p>Cet exemple n'est pas tout à fait correct car il n'y a pas de valeur par défaut assignée dans le champ. Pour en mettre une, ajoutez la valeur par défaut dans le contenu de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code>. Par exemple :</p> - -<pre><field name="number"> - 25 -</field> -</pre> - -<p>Ici, la valeur '25' sera affectée comme valeur par défaut du champ "number". En fait, vous pourriez aussi insérer un script au sein de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code> pour calculer la valeur par défaut. Cela pourrait être nécessaire si la valeur a besoin d'être calculée. Par exemple, le champ suivant donne une valeur par défaut égale à l'heure courante :</p> - -<pre><field name="currentTime"> - new Date().getTime(); -</field> -</pre> - -<h3 id="Les_propri.C3.A9t.C3.A9s" name="Les_propri.C3.A9t.C3.A9s">Les propriétés</h3> - -<p>Parfois vous voulez valider la donnée qui est assignée à une propriété. Ou bien, vous souhaitez que la valeur soit calculée dynamiquement lorsqu'on le lui demande. Par exemple, si vous souhaitez une propriété qui prenne en compte l'heure courante, vous voudrez que sa valeur soit générée au besoin. Dans ces cas là, vous avez besoin d'utiliser une balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#property">property</a></code> à la place de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code>. Sa syntaxe est similaire mais comporte des particularités supplémentaires.</p> - -<h4 id="Attributs_onget_et_onset" name="Attributs_onget_et_onset">Attributs onget et onset</h4> - -<p>Vous pouvez utiliser les attributs <code>onget</code> et <code>onset</code> pour que le code soit exécuté lorsque la propriété est lue ou modifiée. Ajoutez les à l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#property">property</a></code> et définissez leur valeur dans un script qui, au choix, obtient ou déclare la valeur de la propriété.</p> - -<p>Par exemple, vous pouvez assigner un script à la valeur de <code>onget</code> pour calculer le temps courant. Chaque fois qu'un script tente d'accéder à la valeur de la propriété, le script <code>onget</code> sera appelé pour fournir la valeur. Le script devra retourner la valeur qui devrait être traitée comme étant la valeur de la propriété.</p> - -<p>Le gestionnaire <code>onset</code> est similaire mais est appelé chaque fois qu'un script tente d'assigner une nouvelle valeur à la propriété. Ce script devrait stocker la valeur quelque part, ou la valider. Par exemple, certaines propriétés pourraient juste être capables de stocker des nombres. Les tentatives pour assigner des caractères alphabétiques à ce genre de propriétés ne devraient pas fonctionner.</p> - -<pre><property name="size" - onget="return 77;" - onset="alert('Modifié en :'+val); return val;"/> -</pre> - -<p>Cette propriété retournera toujours '77' lorsqu'elle sera récupérée. Lorsqu'elle sera affectée, un message d'alerte s'affichera et indiquera la valeur à assigner à la propriété. La variable spéciale <code>val</code> contient cette valeur. Utilisez-la pour la valider ou la stocker. La propriété <code>onset</code> devrait aussi retourner la nouvelle valeur.</p> - -<p>Ce qui suit décrit le comportement d'un cas typique :</p> - -<p>Il y a deux éléments, l'un appelé "banana" et l'autre "orange". Chacun d'eux a une propriété spécifique appelée 'size'. Lorsque la ligne de script suivante est exécutée :</p> - -<pre>banana.size = orange.size; -</pre> - -<ol> - <li>Le script <code>onget</code> est appelé pour la propriété "size" de "orange". Il calcule la valeur et la retourne.</li> - <li>Le gestionnaire <code>onset</code> de la propriété "size" de "banana" est appelé. Ce script utilise la valeur passée dans la variable <code>val</code> et l'assigne à la propriété "size" de "banana" de façon quelconque.</li> -</ol> - -<p>Notez que contrairement à un champ, une propriété ne contient pas de valeur. Tenter de définir une propriété qui n'a pas de gestionnaire <code>onset</code> provoquera une erreur. Vous utiliserez souvent un champ séparé pour mémoriser la valeur actuelle de la propriété. Il est aussi commun que les propriétés correspondent à un attribut dans l'élément défini XBL. L'exemple suivant fait correspondre une propriété à un attribut sur un élément.</p> - -<pre><property name="size" - onget="return this.getAttribute('size');" - onset="return this.setAttribute('size',val);" -/> -</pre> - -<p>Chaque fois qu'un script tente d'obtenir la valeur de la propriété, elle est récupérée d'un attribut de même nom de l'élément XUL. Chaque fois qu'un script tente de définir la valeur de la propriété, elle est affectée à l'attribut 'size' de l'élément. C'est pratique parce qu'ainsi vous pouvez modifier la propriété ou l'attribut et tous les deux auront la même valeur.</p> - -<h4 id=".C3.89l.C3.A9ments_getter_et_setter" name=".C3.89l.C3.A9ments_getter_et_setter">Éléments <code>getter</code> et <code>setter</code></h4> - -<p>Vous pouvez utiliser une syntaxe alternative pour les attributs <code>onget</code> et <code>onset</code> pouvant être utile pour des scripts plus longs. Vous pouvez remplacer l'attribut <code>onget</code> par l'élément fils nommé <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#getter">getter</a></code>. De même, vous pouvez remplacer l'attribut <code>onset</code> par l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#setter">setter</a></code>. L'exemple ci-dessous le montre :</p> - -<pre><property name="number"> - <getter> - return this.getAttribute('number'); - </getter> - <setter> - var v = parseInt(val,10); - if (!isNaN(v)) return this.setAttribute('number',''+v); - else return this.getAttribute('number');" - </setter> -</property> -</pre> - -<p>La propriété dans cet exemple ne pourra contenir que des valeurs d'entiers. Si d'autres caractères sont entrés, ils sont supprimés. S'il n'y a aucun chiffre, la valeur n'est pas modifiée. Ces opérations sont effectuées dans le code au sein de l'élément <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#setter">setter</a></code>. La valeur réelle de la propriété est stockée dans l'attribut <code>number</code>.</p> - -<p>Vous pouvez utilisez l'une ou l'autre syntaxe pour créer des gestionnaires de lecture et d'affectation.</p> - -<h4 id="Attribut_readonly" name="Attribut_readonly">Attribut <code>readonly</code></h4> - -<p>Vous pouvez rendre un champ ou une propriété en lecture seule en ajoutant un attribut <code>readonly</code> à la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#field">field</a></code> ou à la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#property">property</a></code>, et en le déclarant à 'true'. Toute tentative d'affecter une valeur à une propriété en lecture seule échouera.</p> - -<hr> -<p>La prochaine section montre comment ajouter des méthodes aux éléments définis en XBL.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Héritage_d'attributs_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_méthodes">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_boutons/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_boutons/index.html deleted file mode 100644 index 33d1b2f376..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_boutons/index.html +++ /dev/null @@ -1,106 +0,0 @@ ---- -title: Ajouter des boutons -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajouter_des_boutons -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Buttons ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Créer_une_fenêtre" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_libellés_et_des_images">Suivant »</a></p> -</div> - -<p>Dans cette section, nous regarderons comment ajouter quelques boutons simples dans une fenêtre.</p> - -<h3 id="Ajouter_des_boutons_dans_une_fen.C3.AAtre" name="Ajouter_des_boutons_dans_une_fen.C3.AAtre">Ajouter des boutons dans une fenêtre</h3> - -<p>La fenêtre que nous avons créée jusqu'ici était vide, aussi n'est-elle pas encore très intéressante. Dans cette section, nous y ajouterons deux boutons, un bouton de recherche et un bouton d'annulation. Nous apprendrons également une manière simple de les positionner dans la fenêtre.</p> - -<p>Comme pour HTML, XUL dispose d'un certain nombre de balises qui peuvent être utilisées pour créer des éléments d'interface utilisateur. Le plus basique d'entre eux est l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Cet élément sert à créer de simples boutons.</p> - -<p>L'élément bouton a deux propriétés principales : un libellé <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et une image <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. Vous avez besoin soit de l'un, soit de l'autre, soit des deux en même temps. Ainsi, un bouton peut avoir seulement un libellé, seulement une image ou un libellé et une image à la fois. Les boutons sont souvent utilisés dans une boîte de dialogue pour valider ou annuler, par exemple.</p> - -<h3 id="Syntaxe_des_boutons" name="Syntaxe_des_boutons">Syntaxe des boutons</h3> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> a la syntaxe suivante :</p> - -<pre><button - id="identifier" - class="dialog" - label="OK" - image="images/image.jpg" - disabled="true" - accesskey="t"/> -</pre> - -<p>Les attributs sont définis comme suit, et ils sont tous optionnels :</p> - -<dl> - <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> - <dd>Identifiant unique vous permettant d'identifier le bouton. Vous verrez cet attribut sur tous les éléments XUL. Vous pouvez l'utiliser pour vous référer au bouton dans une feuille de style ou dans un script. Cependant, vous devriez ajouter cet attribut à presque tous les éléments. Notez que pour des raisons de simplicité, il n'est pas toujours spécifié dans les exemples de ce tutoriel.</dd> - <dt><code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code> </dt> - <dd>La classe de style du bouton. Elle fonctionne de la même manière qu'en HTML. Elle indique l'aspect du bouton dans la fenêtre. Dans le cas présent, la valeur 'dialog' est utilisée. Dans la plupart des cas, vous n'emploierez pas de classe pour un bouton.</dd> - <dt><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> </dt> - <dd>Le libellé qui apparaîtra sur le bouton. Par exemple : 'OK' ou 'Annuler'. S'il est omis, aucun texte n'apparaît.</dd> - <dt><code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code> </dt> - <dd>L'URL de l'image qui apparaît sur le bouton. Si cet attribut est omis, aucune image n'apparaîtra. Vous pouvez également indiquer l'image dans une feuille de style en utilisant la propriété <code><a href="/fr/CSS/list-style-image" title="fr/CSS/list-style-image">list-style-image</a></code>.</dd> - <dt><code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> </dt> - <dd>Si cet attribut prend la valeur <code>true</code>, le bouton est désactivé. Celui-ci est habituellement dessiné avec le texte écrit en gris. Si le bouton est désactivé, la fonction du bouton ne peut pas être exécutée. Si cet attribut est omis, le bouton est activé. Vous pouvez commuter l'état d'activation du bouton en utilisant Javascript.</dd> - <dt><code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> </dt> - <dd>Cet attribut doit spécifier une lettre qui est employée comme raccourci clavier. Cette lettre doit apparaître, généralement soulignée, dans le libellé. Quand l'utilisateur presse la touche <code>alt</code> (ou une touche équivalente, qui varie en fonction de la plate-forme) et la touche de raccourci, à partir de n'importe où dans la fenêtre, le focus sera mis sur le bouton.</dd> -</dl> - -<div class="note">Notez qu'un bouton supporte plus d'attributs que ceux énumérés ci-dessus. Les autres seront abordés plus tard.</div> - -<h3 id="Quelques_exemples_de_boutons.C2.A0" name="Quelques_exemples_de_boutons.C2.A0:">Quelques exemples de boutons :</h3> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_buttons_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_buttons_1.xul">Voir</a></p> - -<pre class="eval"><button label="Normal"/> -<button label="Désactivé" disabled="true"/> -</pre> - -<div class="float-right"><img alt="Image:xultu_buttons1.png" class="internal" src="/@api/deki/files/1508/=Xultu_buttons1.png"></div> - -<p>Les exemples ci-dessus produiront des boutons comme dans la capture. Le premier bouton est un bouton normal. Le second bouton est désactivé, aussi apparaît-il grisé.</p> - -<p>Nous commencerons par créer un bouton simple de recherche qui permettra de lancer la recherche de fichiers. Le code de l'exemple ci-dessous nous montre comment faire :</p> - -<pre class="eval"><button id="find-button" label="Rechercher"/> -</pre> - -<div class="note">Notez que Firefox ne vous permet pas d'ouvrir des fenêtres chrome à partir de pages Web. Aussi les liens « voir » dans le tutoriel s'ouvriront dans une fenêtre normale de navigation. À cause de cela, les boutons apparaîtront agrandis le long de la fenêtre. Vous pouvez ajouter <code>align="start"</code> sur l'élément <code>window</code> pour éviter cette déformation.</div> - -<div class="highlight"> -<h3 id="L.27exemple_findfile.xul" name="L.27exemple_findfile.xul">L'exemple findfile.xul</h3> - -<p>Ajoutons ce code au fichier <code>findfile.xul</code> que nous avons créé dans la section précédente. Le code doit être inséré entre les balises <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. Le code à ajouter est mis en rouge ci-dessous :</p> - -<pre class="eval"><?xml version="1.0"?> -<?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> -<window id="findfile-window" - title="Recherche de fichiers" - orient="horizontal" - xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> - - <span class="highlightred"><button id="find-button" label="Rechercher"/></span> - <span class="highlightred"><button id="cancel-button" label="Annuler"/></span> - -</window> -</pre> - -<div class="float-right"><img alt="Image:buttons2.png"></div> -Vous noterez que le bouton 'Annuler' a été également ajouté. La fenêtre a une orientation horizontale de sorte que les deux boutons apparaissent l'un à côté de l'autre. Si vous ouvrez le fichier dans Mozilla, vous devriez obtenir quelque chose de similaire à l'image montrée ici.</div> - -<div class="note">Notez que nous ne devrions pas mettre le texte des libellés directement dans le fichier XUL. Nous devrions plutôt employer des <a href="/fr/Tutoriel_XUL/Localisation" title="fr/Tutoriel_XUL/Localisation">entités de sorte que le texte puisse être facilement traduit</a>.</div> - -<p><span class="comment">PAS SUR MDC L'exemple de la boîte de recherche&nbsp;: <a href='exemples/findfile/findfile-buttons.xul.txt'>Source</a> <a href="exemples/findfile/findfile-buttons.xul" onclick="window.open(this.href,'xulff','chrome,resizable'); return false;">Voir</a></span></p> - -<hr> -<p>Dans la section suivante, nous découvrirons comment ajouter des libellés et des images dans une fenêtre XUL.</p> - -<p><br> - </p><div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Créer_une_fenêtre" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_libellés_et_des_images">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_feuilles_de_style/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_feuilles_de_style/index.html deleted file mode 100644 index e357b89163..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_feuilles_de_style/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: Ajouter des feuilles de style -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajouter_des_feuilles_de_style -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Style_Sheets ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Données_persistantes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Styler_un_arbre">Suivant »</a></p> -</div> -<p>Jusqu'à présent, nous avons à peine modifier l'aspect visuel des éléments que nous avons créés. XUL utilise CSS (Cascading Style Sheets) pour personnaliser les éléments.</p> -<h3 id="Feuilles_de_styles" name="Feuilles_de_styles">Feuilles de styles</h3> -<p>Une feuille de styles est un fichier qui contient des informations de style pour les éléments. Les styles ont été conçus au départ pour des éléments HTML mais ils peuvent également être appliqués à <a href="/fr/Référence_XUL" title="fr/Référence_XUL">des éléments XUL</a> ou à n'importe quels éléments <a href="/fr/XML" title="fr/XML">XML</a>. La feuille de styles contient des informations telles que les polices, couleurs, bordures et taille des éléments.</p> -<p>Mozilla applique une feuille de styles par défaut pour chaque fenêtre XUL. Dans la plupart des cas, il sera suffisant de laisser les valeurs par défaut telles quelles. Toutefois, vous pouvez fournir une feuille de styles personnalisée. En général vous associerez une seule feuille de styles à chaque fichier XUL.</p> -<p>Vous pouvez placer une feuille de styles où vous le désirez. Si votre fichier XUL se trouve sur un serveur distant et doit être accédé via une URL HTTP, vous pouvez également stocker la feuille de styles à distance. Si vous créez un paquetage XUL destiné à faire partie du système chrome, vous avez deux choix. Premièrement, vous pouvez placer la feuille de styles dans le même répertoire que le fichier XUL. Cette méthode a l'inconvénient d'interdire le changement du thème graphique de votre application. La seconde méthode consiste à placer vos fichiers à l'intérieur d'un thème.</p> -<div class="highlight">Imaginons que nous construisions la boîte de dialogue de recherche de fichiers pour permettre le choix d'un thème. Comme la fenêtre peut être appelée par l'URL '<a class=" external" rel="freelink">chrome://findfile/content/findfile.xul</a>', la feuille de styles sera enregistrée dans '<a class=" external" rel="freelink">chrome://findfile/skin/findfile.css</a>'.</div> -<p>Tous les exemples XUL ont utilisé une feuille de styles jusqu'à présent. La seconde ligne a toujours été :</p> -<pre><?xml-stylesheet href="chrome://global/skin/" type="text/css"?></pre> -<p>Cette ligne indique que nous voulons utiliser le style fourni par <code><a class=" external" rel="freelink">chrome://global/skin/</a></code>. Sous Mozilla, elle sera traduit par le fichier global.css qui contient les informations du style par défaut pour les éléments XUL. Si vous enlevez cette ligne, les éléments fonctionneront, toutefois ils apparaîtront dans un style plus simple. La feuille de styles utilise diverses polices, couleurs et bordures pour rendre l'apparence des éléments plus appropriée.</p> -<h3 id="Modifier_les_styles" name="Modifier_les_styles">Modifier les styles</h3> -<p>Il arrivera toutefois que l'apparence par défaut des éléments ne soit pas celle désirée. Dans ces cas, nous devons ajouter notre propre feuille de styles. Jusqu'à présent, nous avons appliqué différents styles en utilisant l'attribut <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code> sur des éléments. Bien que ce soit une technique fonctionnelle, elle n'est pas la meilleure. Il est de loin préférable de créer une feuille de styles séparée. La raison est que des styles ou des thèmes différents peuvent êtres appliqués très facilement.</p> -<p>Il peut y avoir des cas où l'utilisation de l'attribut <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code> est acceptable. Un bon exemple serait lorsqu'un script modifie le style d'un élément, ou quand une différence d'agencement pourrait modifier la signification de l'élément. Cependant vous devriez l'éviter autant que possible.</p> -<p>Pour des fichiers installés, vous aurez à créer ou à modifier un fichier manifeste et installer le thème.</p> -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h4> -<p>Modifions la boîte de dialogue de recherche de fichiers pour que son style provienne d'un fichier style séparé. Tout d'abord, voici les lignes modifiées de findfile.xul :</p> -<pre class="eval"><span class="highlightred"><?xml-stylesheet href="<a class=" external" rel="freelink">chrome://global/skin/</a>" type="text/css"?></span> -<?xml-stylesheet href="findfile.css" type="text/css"?> - ... -<span class="highlightred"><spacer class="titlespace"/></span> - <groupbox orient="horizontal"> - <span class="nowiki"><caption label="Critères de recherche"/></span> - - <menulist id="searchtype"> - <menupopup> - <menuitem label="Nom"/> - <menuitem label="Taille"/> - <menuitem label="Date de modification"/> - </menupopup> - </menulist> - <span class="highlightred"><spacer class="springspace"/></span> - <menulist id="searchmode"> - <menupopup> - <menuitem label="Est"/> - <menuitem label="N'est pas"/> - </menupopup> - </menulist> - - <span class="highlightred"><spacer class="springspace"/> <menulist id="find-text" flex="1"</span> - editable="true" - datasources="<a class=" external" rel="freelink">file:///mozilla/recents.rdf</a>" - ref="<span class="nowiki">http://www.xulplanet.com/rdf/recent/all</span>"/> - ... -<span class="highlightred"><spacer class="titlespace"/> <hbox> <progressmeter id="progmeter" value="50%" style="display:none;"/></span> -</pre> -<p>La nouvelle ligne <code>xml-stylesheet</code> est utilisée afin d'importer la feuille de styles. Elle contiendra les styles au lieu de les avoir directement dans le fichier XUL. Vous pouvez inclure un nombre indéterminé de feuilles de styles de la même façon. Ici la feuille de styles est placée dans le même répertoire que findfile.xul.</p> -<p>Certains des styles dans le code ci-dessus ont été enlevés. La propriété <code>display</code> du <code><a href="/fr/docs/Mozilla/Tech/XUL/progressmeter" title="progressmeter">progressmeter</a></code> ne l'a pas été. Elle sera modifiée par un script donc, le style a été maintenu, car la barre de progression n'a pas à être visible au lancement. Vous pouvez toujours mettre le style dans une feuille de styles séparée si vous le souhaitez vraiment. Une classe a été ajoutée aux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> pour qu'ils puissent être appelés.</p> -<p>Une feuille de styles a également besoin d'être créée. Créez un fichier findfile.css dans le même répertoire que le fichier XUL (Il devrait normalement être mis dans un thème séparé). Dans ce fichier, nous allons ajouter la déclaration de styles, comme indiqué ci-dessous :</p> -<pre>#find-text { - min-width: 15em; -} - -#progmeter { - margin: 4px; -} - -.springspace { - width: 10px; -} - -.titlespace { - height: 10px; -} -</pre> -<p>Remarquez que ces styles sont équivalents aux styles que nous avions précédemment. Cependant, il est beaucoup plus facile pour quelqu'un de changer l'apparence de la boîte de dialogue de recherche de fichiers maintenant car il est possible d'ajouter ou modifier la déclaration de styles en modifiant le fichier ou en changeant le thème. Si l'utilisateur change le thème, les fichiers dans un répertoire autre que celui par défaut seront utilisés.</p> -</div> -<h3 id="Importer_des_feuilles_de_styles" name="Importer_des_feuilles_de_styles">Importer des feuilles de styles</h3> -<p>Nous avons déjà vu comment importer des feuilles de styles. Un exemple est montré ci-dessous :</p> -<pre><?xml-stylesheet href="chrome://bookmarks/skin/" type="text/css"?></pre> -<p>Cette ligne peut être la première d'une fenêtre 'bookmarks'. Elle importe la feuille de style bookmarks, qui est 'bookmarks.css'. Le système de thème de Mozilla est assez intelligent pour savoir quelle feuille de styles utiliser, car le nom spécifique du fichier n'a pas été indiqué ici. Nous avons fait une chose similaire avec la feuille de styles globale (<a class=" external" rel="freelink">chrome://global/skin</a>).</p> -<p>Une feuille de styles peut importer des styles d'une autre feuille en utilisant la directive <code>import</code>. Normalement, vous n'importerez qu'une seule feuille de styles de chaque fichier XUL. La feuille de styles globale peut être importée à partir de celle associée avec le fichier XUL. Ceci peut être fait grâce au code ci-dessous, vous permettant de retirer l'import du fichier XUL :</p> -<pre class="eval"><strong>Importation de styles à partir de XUL :</strong> -<?xml-stylesheet href="<a class=" external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> - -<strong>Importation de styles à partir de CSS :</strong> -@import url(<a class=" external" rel="freelink">chrome://global/skin/</a>); -</pre> -<p>La seconde syntaxe est préférable car elle réduit le nombre de dépendances à l'intérieur du fichier XUL lui-même.</p> -<div class="highlight"> -<p>Retirez l'importation de la feuille de styles globale dans findfile.xul et ajoutez l'importation dans findfile.css.</p> -</div> -<p>Tous les éléments peuvent être décorés à l'aide de <a href="/fr/CSS" title="fr/CSS">CSS</a>. Vous pouvez utiliser des sélecteurs pour sélectionner l'élément que vous souhaitez styler (Le sélecteur est la partie avant l'accolade dans une règle de style). La liste suivante résume quelques-uns des sélecteurs disponibles :</p> -<dl> <dt><code>button</code> </dt> <dd>Désigne toutes les balises <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>.</dd> <dt><code>#special-button</code> </dt> <dd>Désigne les éléments avec un <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de 'special-button'</dd> <dt><code>.bigbuttons</code> </dt> <dd>Désigne tous les éléments avec une classe 'bigbuttons'</dd> <dt><code>button.bigbuttons</code> </dt> <dd>Désigne tous les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> avec une classe à 'bigbuttons'</dd> <dt><code>toolbar > button</code> </dt> <dd>Désigne tous les boutons directement insérés dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>.</dd> <dt><code>toolbar > button.bigbuttons</code> </dt> <dd>Désigne tous les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> avec une classe 'bigbuttons', directement insérés dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>.</dd> <dt><code>button.bugbuttons:hover</code> </dt> <dd>Désigne tous les éléments <code>button</code> avec une classe 'bigbuttons' mais seulement lorsque la souris se trouve au dessus d'eux.</dd> <dt><code>button#special-button:active</code> </dt> <dd>Désigne tous les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> avec un <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> 'special-button' mais seulement lorsqu'ils sont actifs (en train d'être cliqués).</dd> <dt><code>box[orient="horizontal"]</code> </dt> <dd>Désigne tous les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code> avec un attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> réglé sur 'horizontal'.</dd> -</dl> -<p>Vous pouvez combiner ces règles comme vous le désirez. C'est toujours une bonne idée d'être aussi précis que possible lorsque vous spécifiez ce qui doit être décoré et comment. C'est bien plus efficace et réduit également les risques de décorer un mauvais élément.</p> -<div class="highlight"> -<p><span id="La_bo%C3%AEte_de_dialogue_de_recherche_de_fichiers_%C3%A0_ce_stade"><a id="La_bo%C3%AEte_de_dialogue_de_recherche_de_fichiers_%C3%A0_ce_stade"></a><strong>La boîte de dialogue de recherche de fichiers à ce stade</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-style.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-style.xul">Voir</a></p> -</div> -<hr> -<p>Dans la prochaine section, nous verrons comment appliquer des styles aux arbres.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Données_persistantes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Styler_un_arbre">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_libellés_et_des_images/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_libellés_et_des_images/index.html deleted file mode 100644 index 691fda155e..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_des_libellés_et_des_images/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: Ajouter des libellés et des images -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajouter_des_libellés_et_des_images -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_Labels_and_Images ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_boutons" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_champs_de_saisie">Suivant »</a></p> -</div> -<p>Cette section décrit la façon d'ajouter des libellés et des images dans une fenêtre. En complément, nous verront comment inclure des éléments dans des groupes.</p> -<h3 id=".C3.89l.C3.A9ments_de_texte" name=".C3.89l.C3.A9ments_de_texte">Éléments de texte</h3> -<p>Vous ne pouvez pas écrire du texte directement dans un fichier XUL sans le placer entre des balises, et espérer qu'il s'affiche. Vous avez deux éléments XUL à votre disposition pour cela.</p> -<h4 id=".C3.89l.C3.A9ment_label" name=".C3.89l.C3.A9ment_label">Élément <code>label</code></h4> -<p>La façon la plus basique pour inclure du texte dans une fenêtre est d'utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code>. Il sert à placer un libellé à côté d'un contrôle, tel qu'un bouton. Voici un exemple :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_textimage_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_textimage_1.xul">Voir</a></p> -<pre><label value="ceci est du texte"/></pre> -<p>L'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> sert à spécifier le texte à afficher. Le texte ne sera pas coupé, et donc apparaîtra sur une seule ligne. Il s'agit de la syntaxe la plus courante pour des libellés.</p> -<p>Si le texte doit être coupé, vous pouvez placer son contenu à l'intérieur de balises ouvrantes et fermantes comme dans l'exemple suivant :</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span> :</p> -<pre><label>Ceci est un texte plus long qui peut être coupé sur plusieurs lignes.</label></pre> -<p>Comme en HTML, les césures de ligne et espaces supplémentaires sont réduits à un simple espace. Plus tard, nous verrons <a href="/fr/Tutoriel_XUL/Positionnement_des_éléments" title="fr/Tutoriel_XUL/Positionnement_des_éléments">comment imposer la largeur des éléments</a> pour que la césure se voit plus facilement.</p> -<h4 id="Attribut_XULAttrcontrol" name="Attribut_XULAttrcontrol">Attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code></h4> -<p>Vous pouvez utiliser l'attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code> pour définir quel contrôle est associé au libellé. Lorsque l'utilisateur clique sur le libellé associé, le contrôle obtient le focus. Cette association est également importante pour l'<a href="/fr/Accessibilité" title="fr/Accessibilité">accessibilité</a>, permettant aux lecteurs vocaux de lire le libellé du contrôle que l'utilisateur a tabulé. Définissez la valeur de l'attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code> avec l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément obtiendra le focus.</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_textimage_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_textimage_3.xul">Voir</a></p> -<pre><label value="Cliquez ici" control="open-button" /> -<button id="open-button" label="Ouvrir"/> -</pre> -<p>Dans l'exemple du dessus, en cliquant sur le libellé, le focus sera mis sur le bouton.</p> -<h4 id=".C3.89l.C3.A9ment_description" name=".C3.89l.C3.A9ment_description">Élément <code>description</code></h4> -<p>Pour du texte descriptif non associé avec un contrôle particulier, vous pouvez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code>. Cet élément est utile pour du texte informatif placé en haut d'une boîte de dialogue ou d'un groupe de contrôles par exemple. Comme pour l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code>, vous pouvez soit utiliser l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> pour une seule ligne de texte, soit placer le contenu du texte dans des balises ouvrantes et fermantes <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> pour des blocs de texte plus long. L'usage veut que la syntaxe avec attribut serve pour les libellés et que celle avec le contenu de texte serve pour des descriptions.</p> -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_textimage_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_textimage_2.xul">Voir</a></p> -<pre><description> - Cette longue section de texte est affichée. -</description> -</pre> -<p>Intrinsèquement, les deux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> sont les mêmes. Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> sont généralement utilisés pour des libellés, tels que ceux des champs de saisie. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> est généralement employé pour d'autres textes descriptifs telle qu'une information placée en haut d'une boîte de dialogue.</p> -<h3 id="Les_images" name="Les_images">Les images</h3> -<p>Comme en HTML, XUL a un élément pour afficher des images à l'intérieur d'une fenêtre. Cet élément est nommé naturellement <code><a href="/fr/docs/Mozilla/Tech/XUL/image" title="image">image</a></code>. Notez que le nom de la balise est différent de celle en HTML (<code>image</code> au lieu de <code>img</code>). Vous pouvez utiliser l'attribut <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code> pour indiquer l'URL de l'image. L'exemple suivant le montre :</p> -<pre><image src="images/banner.jpg" /> -</pre> -<p>Bien que vous pouvez utiliser cette syntaxe, il est préférable d'utiliser une feuille de styles pour spécifier une URL. Une section ultérieure vous décriera comment <a href="/fr/Tutoriel_XUL/Ajouter_des_feuilles_de_style" title="fr/Tutoriel_XUL/Ajouter_des_feuilles_de_style">utiliser des feuilles de styles</a>, mais l'exemple ci-dessous vous permettra d'appréhender le sujet. Vous pouvez utiliser le style CSS <code><a href="/fr/CSS/list-style-image" title="fr/CSS/list-style-image">list-style-image</a></code> pour définir l'URL de l'image. Voici des exemples :</p> -<pre class="eval"><strong>XUL:</strong> - <image id="image1"/> - <image id="search"/> -</pre> -<pre class="eval"><strong>Style Sheet:</strong> - #image1 { - list-style-image: url("<a class="external" rel="freelink">chrome://findfile/skin/banner.jpg</a>"); - } - - #search { - list-style-image: url("<span class="nowiki">http://example.com/images/search.png</span>"); - } -</pre> -<p>Ces images proviennent du répertoire chrome, dans le thème du paquetage findfile. Comme les images varient selon le thème graphique, vous devez normalement mettre les images dans le répertoire skin.</p> -<hr> -<p>Dans la section suivante, nous apprendrons comment ajouter des contrôles de saisie à une fenêtre.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_boutons" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_champs_de_saisie">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_plus_d'éléments/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_plus_d'éléments/index.html deleted file mode 100644 index d7ca633691..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/ajouter_plus_d'éléments/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: Ajouter plus d'éléments -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Ajouter_plus_d'éléments -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Adding_More_Elements ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_boîtes_de_groupe" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Piles_et_Paquets">Suivant »</a></p> -</div> -<p>Nous allons conclure ce chapitre en ajoutant des boîtes sur notre fenêtre de recherche de fichiers.</p> -<div class="highlight"> - <h3 id="Ajout_d.27.C3.A9l.C3.A9ments_.C3.A0_notre_exemple_de_recherche_de_fichiers" name="Ajout_d.27.C3.A9l.C3.A9ments_.C3.A0_notre_exemple_de_recherche_de_fichiers">Ajout d'éléments à notre exemple de recherche de fichiers</h3> - <p>Nous allons ajouter maintenant des éléments à notre boîte de dialogue de recherche de fichiers. Premièrement, nous allons ajouter la possiblité de faire une recherche sur d'autres informations, comme la taille et la date du fichier.</p> - <pre class="eval"><hbox> - <span class="highlightred"><menulist id="searchtype"> <menupopup> <menuitem label="Nom"/> <menuitem label="Taille"/> <menuitem label="Date de modification"/> </menupopup> </menulist> <spacer style="width: 10px;"/> <menulist id="searchmode"> <menupopup> <menuitem label="Est"/> <menuitem label="N'est pas"/> </menupopup> </menulist> <spacer style="width: 10px;"/></span> - <textbox id="find-text" flex="1" style="min-width: 15em;"/> -</hbox> -</pre> - <div class="float-right"> - <img alt="Image:xultu_boxfinal1.png" class="internal" src="/@api/deki/files/1502/=Xultu_boxfinal1.png"></div> - <p>Deux <a href="/fr/Tutoriel_XUL/Les_contrôles_de_listes#Zones_de_listes_d.C3.A9roulantes" title="fr/Tutoriel_XUL/Les_contrôles_de_listes#Zones_de_listes_d.C3.A9roulantes">listes déroulantes</a> ont été ajoutées à la boîte de dialogue. Un espacement (<code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code>) a été inséré entre chaque élément pour les séparer. Ces espacements ont une taille explicite de 10 pixels chacun. Vous noterez que si la fenêtre est redimensionnée, le champ de saisie s'agrandit mais pas les autres composants. Vous noterez également que le libellé a été enlevé.</p> - <p>Si vous redimensionnez la fenêtre verticalement, les éléments ne changeront pas de taille. C'est parce qu'ils sont à l'intérieur de boîtes horizontales. Ce serait mieux si les boutons « Rechercher » et « Annuler » restaient toujours en bas de la fenêtre. Il est facile de le faire en ajoutant un <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> entre les deux boîtes horizontales.</p> - <pre class="eval"><span class="highlightred"><spacer style="height: 10px"/></span> -<hbox> - <menulist id="searchtype"> - <menupopup> - <menuitem label="Nom"/> - <menuitem label="Taille"/> - <menuitem label="Date de modification"/> - </menupopup> - </menulist> - <spacer style="width: 10px;"/> - <menulist id="searchmode"> - <menupopup> - <menuitem label="Est"/> - <menuitem label="N'est pas"/> - </menupopup> - </menulist> - <spacer style="width: 10px;"/> - <textbox id="find-text" flex="1" style="min-width: 15em;"/> -</hbox> - -<span class="highlightred"><spacer style="height: 10px" flex="1"/></span> - -<hbox> -</pre> - <p>Maintenant, quand la boîte de dialogue est redimensionnée, les deux boutons resteront en place tout en bas de la boîte de dialogue. Le premier <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> ajoute un espacement entre le titre du libellé et les éléments des critères de recherche.</p> - <p>Il serait plus joli d'avoir une bordure autour des critères de recherche. Il y a deux moyens pour le faire. Vous pouvez utiliser la propriété CSS <code>border</code> ou vous pouvez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code>. La première méthode nécessite que nous appliquions le style sur la boîte elle-même. Nous utiliserons plutôt l'autre méthode. Un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code> a l'avantage de dessiner une boîte avec un joli effet d'incrustation, en adéquation avec le thème courant.</p> - <p>Changeons maintenant la boîte <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code> en <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code> :</p> - <pre class="eval"><span class="highlightred"><groupbox orient="horizontal"></span> - <span class="highlightred"><span class="nowiki"><caption label="Critères de recherche"/></span></span> - <menulist id="searchtype"> - . - . - . - <spacer style="width: 10px;"/> - <textbox id="find-text" flex="1" style="min-width: 15em;"/> -<span class="highlightred"></groupbox></span> -</pre> - <p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-boxfinal.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-boxfinal.xul">Voir</a></p> - <p><img alt="Image:xultu_boxfinal2.png" class="internal" src="/@api/deki/files/1503/=Xultu_boxfinal2.png"></p> - <p>Il reste d'autres problèmes cosmétiques. Nous pourrions avoir un <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code> qui s'étend verticalement vers le bas de la boîte. Mais aussi, nous pourrions modifier quelques marges afin de mieux positionner les éléments.</p> -</div> -<hr> -<p>Nous verrons dans la suite comment créer des piles.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_boîtes_de_groupe" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Piles_et_Paquets">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/arbres/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/arbres/index.html deleted file mode 100644 index e566557c9a..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/arbres/index.html +++ /dev/null @@ -1,105 +0,0 @@ ---- -title: Arbres -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Arbres -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Trees ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Exemple_de_glisser-déposer" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Autres_caractéristiques_des_arbres">Suivant »</a></p> -</div> -<p>XUL fournit un moyen de créer des listes tabulaires ou hiérarchiques en utilisant un arbre.</p> -<h3 id="L.27.C3.A9l.C3.A9ment_XULElemtree" name="L.27.C3.A9l.C3.A9ment_XULElemtree">L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code></h3> -<p>Un des éléments les plus complexes de XUL est l'arbre. Un arbre peut être utilisé pour afficher des lignes de texte en colonnes. Il peut servir pour des listes tabulaires ou arrangées hiérarchiquement. Un arbre permet également à l'utilisateur de réarranger, redimensionner et masquer individuellement certaines colonnes. Les messages dans une application courrier ou les marque-pages dans Mozilla sont des exemples d'utilisation d'arbres.</p> -<p>D'une certaine manière, un arbre a des similitudes avec une boîte de liste <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>. Tous deux peuvent être utilisés pour créer des tableaux de données avec des lignes et des colonnes multiples, et ils peuvent contenir des en-têtes de colonnes. Les arbres supportent également les lignes imbriquées, alors que les boîtes de liste ne le peuvent pas. Toutefois, les boîtes de liste peuvent contenir n'importe quel type de contenu, alors que les arbres ne peuvent contenir que du texte et des images (par le biais de fonctionnalités avancées, des barres de progression et cases à cocher peuvent également être mis dans un arbre).</p> -<p>Un arbre comporte deux parties : un ensemble de colonnes et le corps de l'arbre.</p> -<ul> <li>L'ensemble de colonnes est défini avec plusieurs éléments XUL <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code>, un pour chaque colonne. Chaque colonne apparaîtra comme un en-tête en haut de l'arbre.</li> <li>La seconde partie, le corps de l'arbre, contient les données apparaissant dans l'arbre. Il est créé grâce à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>.</li> -</ul> -<p>L'arbre est un élément XUL particulier dans le sens où son corps est constitué d'un seul composant graphique qui dessine toutes les données dans l'arbre. Cette définition contraste avec la boîte de liste où des balises individuelles <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code> sont utilisées pour spécifier chaque ligne dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>. Dans un arbre, toutes les données à afficher sont fournies par un objet séparé, appelé la vue d'arbre. Lorsqu'une cellule doit être affichée, le composant graphique de l'arbre fait appel à cet objet de vue d'arbre pour déterminer ce qui doit être affiché, et le dessine ensuite dans l'arbre. L'arbre est suffisamment intelligent pour ne solliciter les informations de la vue que pour les lignes qui ont besoin d'être affichées. Ainsi, l'affichage est optimisé par le chargement des données le nécessitant réellement. Par exemple, un arbre peut contenir des milliers de lignes, la plupart d'entre elles étant en dehors du cadre de l'arbre, cachées à la vue. Ainsi, l'arbre peut contenir un grand nombre de lignes sans rien perdre en performance. Bien entendu, ceci est indépendant de la performance de l'objet de vue lui-même.</p> -<p>L'objet vue d'arbre implémente l'interface <a href="/fr/NsITreeView" title="fr/NsITreeView">nsITreeView</a>. Cette interface contient trente propriétés et fonctions que vous pourrez implémenter. Ces fonctions seront appelées par l'arbre, au besoin, pour récupérer les données et les états de l'arbre. Par exemple, la fonction <code>getCellText()</code> sera appelée pour obtenir le libellé d'une cellule particulière dans l'arbre.</p> -<p>L'utilisation d'une vue a l'avantage de vous permettre de stocker vos données d'une façon plus adaptée à l'arbre, ou de charger les données sur demande seulement lorsque les lignes sont affichées. Elle offre une plus grande souplesse dans l'utilisation des arbres.</p> -<p>Naturellement, devoir implémenter une vue d'arbre avec une trentaine de propriétés et méthodes peut être très encombrant, surtout pour des arbres simples. Fort heureusement, XUL fournit un ensemble d'implémentations natives réalisant le gros du travail pour vous. Pour la plupart des arbres, surtout lorsque vous débutez, vous utiliserez un de ces types natifs. Cependant, vous pouvez créer également une vue d'arbre entièrement de A à Z. Dans ce cas, vous devrez stocker vos données dans un tableau ou une structure JavaScript, ou les charger à partir d'un fichier XML.</p> -<p>Comme le corps de l'arbre dans sa totalité est un unique élément graphique, vous ne pouvez pas modifier le style des lignes ou des cellules individuellement de manière classique. En fait, il n'existe pas d'éléments affichant des cellules individuelles comme il en existe avec les boîtes de liste. À la place, tout l'affichage est effectué par le corps de l'arbre grâce aux données fournies par la vue de l'arbre. Ce point important peut dérouter bien des développeurs XUL. Pour modifier l'apparence d'une cellule d'un arbre, la vue doit associer un jeu de mots clefs pour une ligne et une cellule. Une syntaxe CSS spéciale est employée entre les composants de styles du corps d'un arbre grâce à ces mots clefs. Dans un sens, le mécanisme est similaire aux classes CSS. L'application d'un style à un arbre sera détaillée dans <a href="/fr/Tutoriel_XUL/Styler_un_arbre" title="fr/Tutoriel_XUL/Styler_un_arbre">une section ultérieure</a>.</p> -<h3 id="Les_.C3.A9l.C3.A9ments_d.27arbre" name="Les_.C3.A9l.C3.A9ments_d.27arbre">Les éléments d'arbre</h3> -<p>Les arbres sont créés avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> qui sera décrit dans les prochaines sections. Il existe également deux éléments définissant l'affichage des colonnes dans l'arbre.</p> -<dl> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> </dt> <dd>L'élément entourant d'un arbre</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code> </dt> <dd>L'élément initialisant une série de <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code></dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> </dt> <dd>Cet élément déclare une colonne d'arbre. Avec l'utilisation de cet élément, vous pouvez spécifier des informations supplémentaires sur le tri des données en colonne ou encore la possibilité ou non pour l'utilisateur de redimensionner les colonnes. Vous devez toujours placer un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sur une colonne, car Mozilla utilise cet identifiant pour les colonnes à réarranger ou à masquer. Il n'est plus nécessaire sous les versions 1.8 et suivantes de Mozilla, mais c'est une bonne habitude à conserver.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> </dt> <dd>Cet élément contient le corps principal de l'arbre, là où les lignes individuelles de données seront affichées</dd> -</dl> -<p>Voici un exemple d'arbre avec deux colonnes :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_trees_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_trees_1.xul">Voir</a></p> -<pre><tree flex="1"> - - <treecols> - <treecol id="nameColumn" label="Nom" flex="1"/> - <treecol id="addressColumn" label="Adresse" flex="2"/> - </treecols> - - <treechildren/> - -</tree> -</pre> -<p>Tout d'abord, l'ensemble du tableau est entouré avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. Il déclare un élément qui servira de tableau ou d'arbre. Comme avec les tables HTML, les données d'un arbre sont toujours organisées en lignes. Les colonnes sont spécifiées grâce à la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code>.</p> -<p>Vous pouvez mettre dans un arbre autant de colonnes que vous le souhaitez. Comme pour les boîtes de listes, une ligne d'en-tête apparaîtra avec les libellés des colonnes. Un menu déroulant apparaîtra dans le coin supérieur droit de l'arbre et permettra à l'utilisateur d'afficher ou de masquer les colonnes individuellement. Chaque colonne est créée avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code>. Vous pouvez définir le libellé d'en-tête en utilisant l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. Vous pouvez également rendre vos colonnes flexibles si votre arbre l'est aussi, ainsi les colonnes s'ajusteront en fonction de l'arbre. Dans cet exemple, la seconde colonne sera deux fois plus large que la première. Toutes les colonnes doivent être définies à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code>.</p> -<p>Dans ce cas, nous n'avons pas indiqué à la vue les données de l'arbre, seuls les en-têtes de colonnes et un arbre vide seront visibles. Vous pouvez redimensionner la fenêtre, mais rien n'apparaîtra puisqu'il n'y a aucune donnée à afficher. Puisque la flexibilité de l'arbre a été spécifiée, son corps s'ajustera à l'espace disponible. La flexibilité d'un arbre est couramment appliquée, car les données de l'arbre sont souvent les informations les plus significatives affichées, donc il est logique que l'arbre puisse ajuster sa dimension. Toutefois, vous pouvez spécifier un nombre de lignes à afficher dans l'arbre en affectant l'attribut <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. Notez que cet attribut indique le nombre de lignes qui seront affichées dans l'interface utilisateur et non le nombre de lignes de données. Le nombre total de lignes de données est fourni par la vue d'arbre. S'il y a trop de lignes de données à afficher dans l'arbre, une barre de défilement apparaîtra pour permettre à l'utilisateur de visualiser le reste. Si vous ne spécifiez aucun attribut <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code>, la valeur par défaut sera '0' signifiant qu'aucune ligne ne s'affichera. Dans ce cas, vous devrez rendre votre arbre flexible. Si votre arbre est flexible, il n'a pas besoin d'un attribut <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> puisqu'il s'ajustera toujours à l'espace disponible.</p> -<h3 id="Le_contenu_de_la_vue_d.27arbre" name="Le_contenu_de_la_vue_d.27arbre">Le contenu de la vue d'arbre</h3> -<p>Nous avons vu que les données à afficher dans un arbre proviennent d'une vue et non de balises XUL, en passant par une construction interne de la vue d'arbre à partir des balises XUL. Ce mécanisme peut paraître légèrement confus. Retenez simplement que la construction des vues d'arbre emploie une série de balises servant à définir l'information sur les données dans l'arbre. Les éléments suivants sont utilisés :</p> -<dl> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> </dt> <dd>Il contient une unique ligne de niveau supérieur et tous ses descendants. Il sert également d'item pouvant être sélectionné par l'utilisateur. La balise <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> entoure toute une ligne en permettant de la sélectionner entièrement.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code> </dt> <dd>Une seule ligne d'un arbre devant être placée à l'intérieur d'une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code>.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> </dt> <dd>Une seule cellule d'un arbre. Cet élément est placé à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code>.</dd> -</dl> -<p>Par convention, ces balises peuvent être placées directement à l'intérieur de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>, imbriquées dans l'ordre mentionné ci-dessus. Ces balises définissent les données à afficher dans le corps de l'arbre. Dans ce cas, l'arbre utilise la construction interne de la vue d'arbre, appelée le contenu de la vue d'arbre, qui utilise les libellés et les valeurs spécifiés sur ces éléments comme données pour l'arbre. Lorsque l'arbre a besoin d'afficher une ligne, il demande à la vue d'arbre le libellé de la cellule en appelant la fonction <code>getCellText()</code> de la vue qui, dans la continuité, obtient la donnée de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> correspondant.</p> -<p>Cependant, les trois éléments listés ci-dessus ne sont pas affichés directement. Ils ne sont utilisés que comme source de données pour la vue. Ainsi, seuls des attributs utiles sont appliqués sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> et les éléments associés. Par exemple, vous ne pouvez pas modifier l'apparence des lignes d'un arbre en utilisant un attribut <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code> ou d'autres propriétés CSS, et les fonctionnalités existantes pour les boîtes, telles que la flexibilité et l'orientation, ne peuvent pas être employées.</p> -<p>En fait, à part quelques attributs spécifiques aux arbres, les seuls qui auront un effet sont l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> pour définir un texte libellé d'une cellule et l'attribut <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code> pour définir une image. Toutefois, dans les sections ultérieures, nous verrons des moyens spéciaux de modifier le style d'un arbre et d'appliquer d'autres fonctionnalités.</p> -<p>De même, les événements ne sont pas générés par un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> et ses enfants ; en revanche, ils seront générés par l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>.</p> -<p>Le fait que les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> soient si différents des autres éléments XUL est une source classique de confusion pour les développeurs XUL. Essentiellement, le contenu de la vue d'arbre est une vue où les données des cellules sont fournies à partir des balises placées à l'intérieur de l'arbre. Naturellement, si vous utilisez un type différent de vue, les données seront fournies par une autre source, et il n'y aura aucun élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> du tout.</p> -<p>Commençons par regarder comment créer un arbre simple avec des colonnes multiples en utilisant la vue d'arbre de contenu. Il pourrait servir à créer une liste de messages mél (mails). Il y aura plusieurs colonnes, telles que l'expéditeur et le sujet.</p> -<h4 id="Exemple_avec_treechildren" name="Exemple_avec_treechildren">Exemple avec <code>treechildren</code></h4> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_trees_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_trees_2.xul">Voir</a></p> -<p><img alt="Image:xultu_trees1.png" class="internal" src="/@api/deki/files/1565/=Xultu_trees1.png"></p> -<pre><tree flex="1"> - - <treecols> - <treecol id="sender" label="Expéditeur" flex="1"/> - <treecol id="subject" label="Sujet" flex="2"/> - </treecols> - - <treechildren> - <treeitem> - <treerow> - <treecell label="joe@somewhere.com"/> - <treecell label="Plans Top secret"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="mel@whereever.com"/> - <treecell label="Invitation à déjeuner"/> - </treerow> - </treeitem> - </treechildren> - -</tree> -</pre> -<p>Comme vous pouvez le voir sur cette image, l'arbre a été créé avec deux lignes de données.</p> -<p>Cet arbre a deux colonnes dont la seconde occupe plus de place que la première. Vous rendrez généralement les colonnes flexibles. Vous pouvez également imposer les largeurs grâce à l'attribut <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code>. Vous devez inclure le même nombre d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> qu'il y a de colonnes dans l'arbre. Dans le cas contraire, des choses étranges pourraient se produire.</p> -<p>Les en-têtes sont créés automatiquement. Le bouton situé dans le coin supérieur droit sert à afficher ou à masquer les colonnes. Vous pouvez placer un attribut <code id="a-hidecolumnpicker"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidecolumnpicker">hidecolumnpicker</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> et le définir à 'true' si vous désirez masquer ce bouton. Si ce bouton est masqué, l'utilisateur ne sera pas en mesure de masquer des colonnes.</p> -<p>Assurez-vous d'avoir défini un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sur chaque colonne, sinon les actions de masquage et d'affichage ne fonctionneront pas avec toutes les versions de Mozilla.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> entoure toutes les lignes. Les lignes individuelles à l'intérieur du corps peuvent contenir d'autres lignes. Pour l'arbre le plus simple, chaque ligne est créée avec les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code>. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code> entoure toutes les cellules d'une ligne, tandis que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> entoure une ligne et tous ses enfants. Les arbres avec des lignes imbriquées seront décrits dans la section suivante.</p> -<p>Dans les cellules, vous placerez les cellules individuelles. Elles sont créées avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code>. Vous pouvez définir un texte dans une cellule en utilisant l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. Le premier élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> d'une ligne détermine le contenu qui apparaîtra dans la première colonne, le deuxième élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> détermine le contenu qui apparaîtra dans la deuxième colonne, et ainsi de suite.</p> -<p>L'utilisateur peut sélectionner les items de l'arbre en cliquant sur eux avec la souris, ou en mettant en surbrillance avec le clavier. Il peut en sélectionner plusieurs en maintenant la touche <code>Maj</code> ou <code>Ctrl</code> appuyée et en cliquant sur d'autres lignes. Pour désactiver la sélection multiple, placez un attribut <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> avec la valeur 'single'. Ainsi, l'utilisateur ne pourra sélectionner qu'une seule ligne à la fois.</p> -<div class="highlight"> -<h3 id="Ajout_d.27un_arbre_sur_notre_exemple_de_recherche_de_fichiers" name="Ajout_d.27un_arbre_sur_notre_exemple_de_recherche_de_fichiers">Ajout d'un arbre sur notre exemple de recherche de fichiers</h3> -<p>Ajoutons un arbre à notre exemple de recherche de fichiers dans lequel les résultats de la recherche seront affichés. L'arbre utilisera une vue de contenu d'arbre. Le code suivant doit être ajouté à la place de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code>.</p> -<p>Exemple : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-trees.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-trees.xul">Voir</a></p> -<pre class="eval"><span class="highlightred"><tree flex="1"><br> <treecols><br> <treecol id="name" label="Nom de fichier" flex="1"/><br> <treecol id="location" label="Emplacement" flex="2"/><br> <treecol id="size" label="Taille" flex="1"/><br> </treecols><br><br> <treechildren><br> <treeitem><br> <treerow><br> <treecell label="mozilla"/><br> <treecell label="/usr/local"/><br> <treecell label="2520 bytes"/><br> </treerow><br> </treeitem><br> </treechildren><br></tree></span> - -<splitter collapse="before" resizeafter="grow"/> -</pre> -<p>Nous avons ajouté un arbre avec les trois colonnes 'Nom de fichier', 'Emplacement' et 'Taille'. La deuxième colonne sera deux fois plus large grâce à une flexibilité plus grande. Une seule ligne a été ajoutée pour les besoins de la démonstration de l'apparence du tableau avec une ligne. Dans une implémentation réelle, les lignes seront ajoutées par un script à l'issue de la recherche, ou une vue personnalisée sera créée pour contenir les données.</p> -</div> -<hr> -<p>Nous verrons ensuite comment créer des arbres plus complexes.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Exemple_de_glisser-déposer" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Autres_caractéristiques_des_arbres">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/arbres_et_gabarits/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/arbres_et_gabarits/index.html deleted file mode 100644 index 34bbdd2a6c..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/arbres_et_gabarits/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: Arbres et Gabarits -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Arbres_et_Gabarits -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Trees_and_Templates ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Exemples_de_syntaxe_de_gabarits" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Sources_de_données_RDF">Suivant »</a></p> -</div> -<p>Nous allons voir maintenant comment utiliser un gabarit avec un arbre.</p> -<h3 id="Ajout_de_sources_de_donn.C3.A9es_aux_arbres" name="Ajout_de_sources_de_donn.C3.A9es_aux_arbres">Ajout de sources de données aux arbres</h3> -<p>Avec un arbre, vous utiliserez souvent un gabarit pour construire son contenu, pour manipuler un grand volume de données hiérarchisées. L'utilisation d'un gabarit avec un arbre est très proche au niveau de la syntaxe aux autres éléments. Vous avez besoin d'ajouter un attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code> et <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> à la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>, ce qui spécifie la source des données et le nœud racine à afficher. De nombreuses règles peuvent être utilisées pour indiquer différents contenus pour différents types de données.</p> -<p>L'exemple suivant utilise l'historique comme source de données :</p> -<pre><tree datasources="rdf:history" ref="NC:HistoryByDate" - flags="dont-build-content"> -</pre> -<p>Comme il est décrit dans la section précédente, l'arbre peut utiliser un <em>constructeur</em> d'arbre pour la génération du gabarit à la place du constructeur normal de contenu. Les éléments ne seront pas créés pour chacune des lignes dans l'arbre, afin de le rendre plus performant. Lorsque l'attribut <code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code> a pour valeur 'dont-build-content', comme dans l'exemple ci-dessus, il indique que le constructeur de l'arbre doit être utilisé. Si l'attribut n'est pas renseigné, le constructeur de contenu sera utilisé. Vous pouvez voir la différences en utilisant l'inspecteur DOM de Mozilla sur un arbre avec, puis sans l'attribut.</p> -<p>Si vous utilisez le constructeur normal à la place, notez que le contenu ne sera pas construit avant qu'il soit nécessaire. Avec les arbres hiérarchiques, les enfants ne sont pas générés avant que le nœud parent ne soit ouvert par l'utilisateur.</p> -<p>Dans le gabarit, il n'y aura qu'une cellule <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> pour chaque colonne dans l'arbre. Les cellules devront avoir un attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> afin de mettre un libellé à la cellule. Normalement, une propriété RDF se charge de récupérer le libellé à partir de la source de données.</p> -<h4 id="Exemple_d.27arbre_construit_par_un_gabarit" name="Exemple_d.27arbre_construit_par_un_gabarit">Exemple d'arbre construit par un gabarit</h4> -<p>L'exemple suivant montre un arbre construit à partir d'un gabarit, dans ce cas le système de fichier.</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treetempl_1.xul.txt">Source</a></p> -<pre><tree id="my-tree" flex="1" - datasources="rdf:files" ref="file:///" flags="dont-build-content"> - <treecols> - <treecol id="Name" label="Nom" primary="true" flex="1"/> - <splitter/> - <treecol id="Date" label="Date" flex="1"/> - </treecols> - - <template> - <rule> - <treechildren> - <treeitem uri="rdf:*"> - <treerow> - <treecell label="rdf:http://home.netscape.com/NC-rdf#Name"/> - <treecell label="rdf:http://home.netscape.com/WEB-rdf#LastModifiedDate"/> - </treerow> - </treeitem> - </treechildren> - </rule> - </template> -</tree> -</pre> -<p>Ici, un arbre est créé avec deux colonnes, pour le nom et la date d'un fichier. L'arbre doit afficher une liste de fichiers situés dans le répertoire racine. Une seule règle est utilisée, mais vous pouvez en ajouter d'autres si vous en avez besoin. Comme avec les autres gabarits, l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> d'un élément indique où commencer pour générer du contenu. Les deux cellules puisent le nom et la date dans la source et place les valeurs dans le libellé de la cellule.</p> -<p>Cet exemple montre pourquoi l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> devient utile. Notez comment il a été placé dans le <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> dans l'exemple, même si ce n'est pas un descendant direct de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>. Nous avons besoin de mettre cet attribut seulement sur les éléments que nous voulons répéter pour chaque ressource. Comme nous ne voulons pas des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> multiples, l'attribut est placé ailleurs. Nous le mettons plutôt dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code>. En fait, les éléments à l'extérieur (ou au-dessus) de l'élément qui a l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> ne sont pas dupliqués tandis que les éléments avec l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> et les éléments à l'intérieur sont répétés pour chaque ressource.</p> -<div class="float-right"><img alt="Image:xultu_rdfoutl1.jpg" class=" internal" src="/@api/deki/files/1542/=Xultu_rdfoutl1.jpg"></div> -<p>Comme un constructeur d'arbre est utilisé et non un constructeur de contenu, la structure des éléments dans l'exemple ci-dessus doit être comme indiqué, avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> à l'intérieur de <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>. Bien que le constructeur d'arbres ne génère pas ces éléments, cette structure est nécessaire pour déterminer comment les générer correctement.</p> -<p>Notez dans l'image que des éléments fils additionnels ont été ajoutés automatiquement sous les éléments du niveau supérieur. XUL sait comment ajouter des éléments fils quand les modèles ou règles contiennent des éléments arbre ou menu. Il génère alors les éléments d'arbre imbriqués selon les données disponibles dans le RDF.</p> -<p>Une partie intéressante des sources de données RDF est que les valeurs sont déterminées seulement quand les données sont requises. Les valeurs qui sont plus profondes dans la hiérarchie de ressource ne sont pas déterminées jusqu'à ce que l'utilisateur atteigne ce nœud dans l'arbre. Ce mécanisme devient utile pour certaines sources où les données sont déterminées dynamiquement.</p> -<h3 id="Trier_les_colonnes" name="Trier_les_colonnes">Trier les colonnes</h3> -<p>Si vous essayez l'exemple précédent, vous pouvez noter que la liste de dossiers n'est pas triée. Les arbres qui produisent leurs données à partir d'une source ont la capacité facultative de trier leurs données. Vous pouvez trier de façon croissante ou décroissante sur n'importe quelle colonne. L'utilisateur peut changer la colonne de tri et la direction de tri en cliquant sur les en-têtes de colonne. Ce dispositif de tri n'est pas disponible pour des arbres dont le contenu est statique, bien que vous puissiez écrire un script pour trier ces données.</p> -<p>Le tri implique trois attributs, qui doivent être placés sur les colonnes. Le premier attribut, <code id="a-sort"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sort">sort</a></code>, doit être placé sur une propriété de RDF qui est employée alors comme critère de tri. Habituellement, c'est la même que celle utilisée pour le libellé de la cellule de cette colonne. Si vous le placez sur une colonne, les données seront triées dans cette colonne. L'utilisateur peut changer la direction de tri en cliquant sur l'en-tête de colonne. Si vous ne placez pas l'attribut <code id="a-sort"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sort">sort</a></code> sur une colonne, les données ne pourront pas être triées par cette colonne.</p> -<p>L'attribut <code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code> (notez la casse mixte) est utilisé pour définir la direction dans laquelle la colonne sera triée par défaut. Trois valeurs sont possibles :</p> -<dl> <dt>ascending </dt> <dd>les données sont affichées par ordre croissant.</dd> <dt>descending </dt> <dd>les données sont affichées par ordre décroissant.</dd> <dt>natural </dt> <dd>les données sont affichées dans le sens "naturel", c'est-à-dire l'ordre dans lequel elles sont apparaissent dans la source RDF.</dd> -</dl> -<p>Le dernier attribut, <code id="a-sortActive"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortActive">sortActive</a></code>, doit être défini à 'true' sur une seule colonne, celle qui sera triée par défaut.</p> -<p>Bien que le tri fonctionnera correctement avec seulement ces attributs, vous pouvez également utiliser la classe de style <code>sortDirectionIndicator</code> sur une colonne qui peut être triée. Un petit triangle apparaîtra dans l'en-tête de colonne et indiquera le sens du tri. Sans cela, l'utilisateur pourra toujours trier les colonnes mais il n'aura pas d'indication sur la colonne triée.</p> -<p>L'exemple suivant modifie les colonnes de l'exemple précédent pour inclure les fonctionnalités supplémentaires :</p> -<pre><treecols> - <treecol id="Name" label="Nom" flex="1" primary="true" - class="sortDirectionIndicator" sortActive="true" - sortDirection="ascending" - sort="rdf:http://home.netscape.com/NC-rdf#Name"/> - <splitter/> - <treecol id="Date" label="Date" flex="1" class="sortDirectionIndicator" - sort="rdf:http://home.netscape.com/WEB-rdf#LastModifiedDate"/> -</treecols> -</pre> -<h3 id="L.27.C3.A9tat_persistant_des_colonnes" name="L.27.C3.A9tat_persistant_des_colonnes">L'état persistant des colonnes</h3> -<p>Une chose supplémentaire que vous voudrez faire est de rendre persistant la colonne qui est actuellement triée, ainsi cet état est mémorisé entre chaque session. Pour ce faire, nous utilisons l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> sur chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code>. Il peut être utile de rendre persistant cinq attributs : la taille de la colonne, l'ordre des colonne, la visibilité de la colonne, quelle colonne est actuellement triée et dans quel ordre. L'exemple suivant montre une simple colonne :</p> -<pre><treecol id="Date" label="Date" flex="1" - class="sortDirectionIndicator" - persist="width ordinal hidden sortActive sortDirection" - sort="rdf:http://home.netscape.com/WEB-rdf#LastModifiedDate"/> -</pre> -<p>D'autres détails sur l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> seront décrits dans <a href="/fr/Tutoriel_XUL/Données_persistantes" title="fr/Tutoriel_XUL/Données_persistantes">une section ultérieure</a>.</p> -<h3 id="Attributs_suppl.C3.A9mentaires_pour_les_r.C3.A8gles" name="Attributs_suppl.C3.A9mentaires_pour_les_r.C3.A8gles">Attributs supplémentaires pour les règles</h3> -<p>Deux attributs supplémentaires peuvent être ajoutés sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>, lui permettant d'appliquer des correspondances dans certaines circonstances. Les deux sont des booléens.</p> -<dl> <dt><code id="a-iscontainer"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/iscontainer">iscontainer</a></code> </dt> <dd>Si cet attribut est mis à 'true', alors la règle s'appliquera sur toutes les ressources qui peuvent avoir des enfants. Par exemple, nous pouvons appliquer cette règle pour récupérer les dossiers des marque-pages. Il est utile car la source de données n'a pas besoin d'inclure un attribut spécial pour l'indiquer.</dd> <dt><code id="a-isempty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/isempty">isempty</a></code> </dt> <dd>Si cet attribut est mis à 'true', alors la règle s'appliquera sur toutes les ressources qui n'ont pas d'enfants.</dd> -</dl> -<p>Une ressource pourrait être un conteneur et être vide en même temps. Toutefois, c'est différent pour une ressource qui n'est pas un conteneur. Par exemple, un dossier de marque-pages est un conteneur mais il peut avoir ou ne pas avoir d'enfants. Cependant, un simple marque-page ou un séparateur n'est pas un conteneur.</p> -<p>Vous pouvez combiner ces deux éléments avec d'autres attributs de critères pour des règles plus spécifiques.</p> -<hr> -<p>Dans la section suivante, nous verrons quelques unes des sources de données fournies par Mozilla.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Exemples_de_syntaxe_de_gabarits" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Sources_de_données_RDF">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/assistant_avançé/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/assistant_avançé/index.html deleted file mode 100644 index 1c1073bd15..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/assistant_avançé/index.html +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: Assistant avançé -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Assistant_avançé -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/More_Wizards ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Création_d'un_assistant" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Overlays">Suivant »</a></p> -</div> -<p>Cette section décrit quelques fonctionnalités supplémentaires sur les assistants.</p> -<h3 id="Une_navigation_plus_complexe" name="Une_navigation_plus_complexe">Une navigation plus complexe</h3> -<p>Normalement, un assistant affiche chaque page dans l'ordre où vous les placez dans le fichier XUL. Dans certains cas cependant, vous pouvez vouloir que les pages de l'assistant apparaissent en fonction des choix effectués par l'utilisateur sur les pages précédentes.</p> -<p>Dans ce cas, placez un attribut <code>pageid</code> sur chacune des pages. Un identifiant devra être placé sur chaque page. Ensuite, pour naviguer d'une page à l'autre, utilisez une des deux méthodes suivantes :</p> -<ol> <li>Affectez à l'attribut <code>next</code> de chaque page la valeur de l'identifiant de la page qui doit la suivre. Vous pouvez changer ces attributs comme vous le souhaitez pour naviguer vers d'autres pages.</li> <li>Appelez la méthode <code>goTo()</code> de l'assistant. Elle prend comme unique argument l'identifiant de la page suivante. Vous pouvez appeler cette méthode dans les gestionnaires <code>onpageadvanced</code> ou <code>onwizardnext</code>. Dans ce cas, n'oubliez pas de retourner la valeur 'false', car vous avez déjà changé la page par vous-même. Notez que la méthode <code>goTo()</code> charge une nouvelle page, par conséquent les événements liés sont lancés. Vous devez donc vous assurer d'avoir prévu ce cas.</li> -</ol> -<p>Par exemple, nous avons ici un ensemble de pages d'assistant (le contenu interne a été omis) :</p> -<pre><wizardpage pageid="type" next="font"> -<wizardpage pageid="font" next="done"> -<wizardpage pageid="color" next="done"> -<wizardpage pageid="done"> -</pre> -<ul> <li>L'assistant commence toujours à la première page, qui dans ce cas a l'identifiant de page 'type'. La page suivante ayant l'identifiant de page 'font', l'assistant affichera cette page juste après.</li> <li>Sur la page qui a l'identifiant 'font', nous voyons que la page suivante est celle identifiée 'done', cette page sera alors affichée ensuite.</li> <li>La page identifiée 'done' n'a pas d'attribut <code>next</code>, elle sera donc la dernière page.</li> -</ul> -<p>Un script ajustera la valeur de l'attribut <code>next</code> dès qu'il sera nécessaire d'aller sur la page identifiée 'color'.</p> -<h3 id="Fonctions_d.27assistant" name="Fonctions_d.27assistant">Fonctions d'assistant</h3> -<p>L'assistant fonctionne presque comme <a href="/fr/Tutoriel_XUL/Onglets" title="fr/Tutoriel_XUL/Onglets">un panneau d'onglets</a>, sauf que les onglets ne sont pas affichés et que l'utilisateur navigue entre les pages en utilisant les boutons de bas de page. Comme toutes les pages font parties d'un même fichier, toutes les valeurs des champs sur toutes les pages sont conservées. Par conséquent, il est inutile de sauvegarder ou charger ces informations entre les pages.</p> -<p>Cependant, vous pourriez vouloir faire quelques validations sur chaque champ de chaque page. Pour ce faire, utilisez les gestionnaires décrits dans la section précédente. Si un champ est invalide, vous pouvez afficher un message d'alerte. Dans certains cas, il serait plus judicieux de désactiver le bouton 'Suivant' jusqu'à ce qu'une valeur valide soit saisie.</p> -<p>L'assistant possède une propriété <code>canAdvance</code> qui, quand elle est mise a 'true', indique que le bouton 'Suivant' doit être actif. Si elle a la valeur 'false', le bouton 'Suivant' est désactivé. Vous pouvez changer cette propriété en fonction de la validité des données saisies.</p> -<p>Dans l'exemple suivant, l'utilisateur doit entrer un code secret dans le champ de saisie sur la première page de l'assistant. La fonction <code>checkCode()</code> est appelée dés que la première page est affichée comme indiqué par l'attribut <code>onpageshow</code>. Elle est aussi appelée dès qu'une touche est pressée dans le champ <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>, pour déterminer si le bouton 'Suivant' doit être à nouveau actif.</p> -<h4 id="Exemple_d.27assistant" name="Exemple_d.27assistant">Exemple d'assistant</h4> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advwiz_1.xul.txt">Source</a></p> -<pre><?xml version="1.0"?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<wizard id="theWizard" title="Code secret de l'assistant" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<script> -function checkCode(){ - document.getElementById('theWizard').canAdvance = (document.getElementById('secretCode').value == "cabbage"); -} -</script> - - <wizardpage onpageshow="checkCode(); return true;"> - <label value="Saisir le code secret:"/> - <textbox id="secretCode" onkeyup="checkCode();"/> - </wizardpage> - - <wizardpage> - <label value="Le code est correct."/> - </wizardpage> - -</wizard> -</pre> -<p>Il existe aussi une propriété correspondante <code>canRewind</code> que vous pouvez utiliser pour activer ou désactiver le bouton 'Précédent'. Les deux propriétés sont ajustées automatiquement dès que vous changez de page. Par conséquent, le bouton 'Précédent' sera désactivé sur la première page, vous n'avez pas à le faire.</p> -<p>Une autre propriété utile de l'assistant est <code>currentPage</code> qui donne une référence à la page <code>wizardpage</code> actuellement affichée. Vous pouvez aussi changer la page courante en modifiant cette propriété. Si vous modifiez sa valeur, les différents événements de changement de page seront invoqués.</p> -<hr> -<p>Ensuite, nous allons voir comment utiliser les overlays pour gérer du contenu.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Création_d'un_assistant" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Overlays">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/autres_caractéristiques_des_arbres/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/autres_caractéristiques_des_arbres/index.html deleted file mode 100644 index 5852dbcfd7..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/autres_caractéristiques_des_arbres/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: Autres caractéristiques des arbres -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Autres_caractéristiques_des_arbres -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/More_Tree_Features ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Sélection_dans_les_arbres">Suivant »</a></p> -</div> -<p>Nous allons voir ici des caractéristiques supplémentaires sur les arbres.</p> -<h3 id="Arbres_hi.C3.A9rarchiques" name="Arbres_hi.C3.A9rarchiques">Arbres hiérarchiques</h3> -<p>L'élement <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> est aussi utilisé pour créer des listes hiérarchiques, comme on en trouve dans un gestionnaire de fichiers ou dans les listes de marque-pages d'un navigateur. La vue d'arbre a plusieurs fonctions qui spécifient la hiérarchie des éléments dans un arbre. Chaque élément dans l'arbre possède un niveau commençant à 0. Les éléments les plus élevés dans l'arbre auront un niveau à 0, Les fils de ces éléments auront un niveau à 1, les fils en dessous auront un niveau à 2, et ainsi de suite. L'arbre demandera l'affichage pour le niveau de chaque élément afin de déterminer comment dessiner les rangées.</p> -<p>L'arbre dessinera les flèches d'ouverture et de fermeture pour ouvrir et fermer un élément parent ainsi que les lignes reliant les fils à leurs parents. L'arbre se chargera aussi de dessiner les rangées avec le niveau correct d'indentation. Cependant, la vue devra s'assurer de conserver l'état des niveaux de chaque ligne si nécessaire. Ce travail peut parfois être un peu délicat, mais heureusement, le module natif de vue d'arbre réalise tout le travail difficile pour nous.</p> -<p>Pour créer un ensemble de rangées imbriquées, tout ce que nous devons faire est d'ajouter un second <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> élément à l'intérieur du parent <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code>. Vous pouvez ensuite ajouter des éléments à l'intérieur pour spécifier les rangées filles d'un élément. Ne mettez pas d'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> à l'intérieur de <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code> car ceci ne marchera pas.</p> -<p>Vous pouvez répéter ce processus pour créer les arbres profondément imbriqués. Essentiellement, un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> peut contenir soit une simple ligne déclarée avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code>, soit un ensemble de lignes déclarées avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>.</p> -<p>Il y a deux autres choses à faire pour vous assurer que la hiérarchie fonctionne correctement. Premièrement, vous devez marquer l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> possédant des fils comme conteneur. Il vous suffit d'ajouter l'attribut <code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code> comme ceci :</p> -<pre><treeitem container="true"/></pre> -<p>Cet attribut permet à l'utilisateur de double-cliquer sur le <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> pour déplier ou replier les lignes intérieures. Vous pouvez faire que les lignes filles soient initialement affichées en ajoutant l'attribut <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code>. Quand l'utilisateur déplie ou replie le parent, la fonction <code>toggleOpenState</code> de la vue est appelée pour basculer l'item de l'état ouvert vers l'état fermé. Pour une vue d'arbre de type contenu, il sera ajouté un attribut <code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code> pour refleter l'état courant.</p> -<p>Le second changement vous impose de mettre l'attribut <code id="a-primary"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/primary">primary</a></code> sur la première colonne. Il fait apparaître un petit triangle ou un signe + devant les cellules dans cette colonne pour indiquer les cellules pouvant être dépliées. De plus, les lignes filles sont indentées. Notez aussi que l'utilisateur ne peut pas cacher cette colonne via le petit menu déroulant à droite des colonnes.</p> -<h4 id="Exemple_d.27arbre_hi.C3.A9rarchique" name="Exemple_d.27arbre_hi.C3.A9rarchique">Exemple d'arbre hiérarchique</h4> -<p>Voici un exemple simple :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advtrees_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advtrees_1.xul">Voir</a></p> -<div class="float-right"><img alt="Image:xultu_advtrees1.png" class=" internal" src="/@api/deki/files/1494/=Xultu_advtrees1.png"></div> -<pre><tree rows="6"> - <treecols> - <treecol id="firstname" label="Prénoms" primary="true" flex="3"/> - <treecol id="lastname" label="Noms" flex="7"/> - </treecols> - - <treechildren> - <treeitem container="true" open="true"> - <treerow> - <treecell label="Personnes"/> - </treerow> - - <treechildren> - <treeitem> - <treerow> - <treecell label="Bob"/> - <treecell label="Carpenter"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="Jerry"/> - <treecell label="Hodge"/> - </treerow> - </treeitem> - </treechildren> - </treeitem> - </treechildren> -</tree> -</pre> -<p>Cet exemple crée un arbre hiérarchique. Comme on peut le voir sur l'image, un petit signe plus ou moins (souvent appelé « twisty ») est apparu sur la première ligne, indiquant qu'elle contient des lignes filles. En double-cliquant sur la ligne, l'utilisateur ouvre ou ferme la liste. Les lignes filles sont indentées. Notez comment la ligne « Personnes » n'a besoin que d'une colonne.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> externe contient un seul élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code> et un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>. Le premier crée la donnée pour la ligne parente et le deuxième contient les items fils.</p> -<p>Vous pouvez imbriquer autant de lignes que vous le désirez. Souvenez-vous que vous devez utiliser l'attribut <code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code> sur les lignes qui ont des lignes filles. La simple présence de lignes filles n'est pas suffisante pour l'indiquer, car vous pourriez avoir un conteneur sans enfants mais qui devrait quand même être traité comme un conteneur. Par exemple, un répertoire sans fichier devrait être traité comme un conteneur alors qu'un fichier ne le devrait pas.</p> -<h3 id="Plus_sur_les_colonnes_d.27arbres" name="Plus_sur_les_colonnes_d.27arbres">Plus sur les colonnes d'arbres</h3> -<p><code id="a-enableColumnDrag"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/enableColumnDrag">enableColumnDrag</a></code> est un attribut supplémentaire que vous pouvez ajouter à l'arbre. S'il est mis à 'true', l'utilisateur peut alors déplacer les en-têtes de colonne afin de réarranger l'ordre des colonnes.</p> -<p>Un utilisateur peut également vouloir modifier la largeur des colonnes. Il vous suffit de placer un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> entre chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code>. Une petite encoche apparaissant entre chaque en-tête de colonne pourra être déplacée par l'utilisateur pour changer la largeur d'une colonne. Vous pouvez utiliser la classe de style 'tree-splitter' pour masquer l'encoche bien que la colonne puisse encore être retaillée.</p> -<p>Vous pouvez affecter une largeur minimale ou maximale à une colonne, en utilisant les attributs <code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code> et <code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code> sur les en-têtes de colonnes.</p> -<p>Vous pouvez mettre l'attribut <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> à 'true' pour cacher par défaut une colonne. L'utilisateur pourra afficher la colonne en la sélectionnant dans la liste déroulante au bout de la ligne des en-têtes de colonne.</p> -<h4 id="m.C3.A9morisation_de_l.27.C3.A9tat_des_colonnes" name="m.C3.A9morisation_de_l.27.C3.A9tat_des_colonnes">mémorisation de l'état des colonnes</h4> -<div class="float-right"><img alt="Image:xultu_advtrees2.png" class=" internal" src="/@api/deki/files/1495/=Xultu_advtrees2.png"></div> -<p>Comme avec tous les éléments XUL, l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> peut être utilisé pour sauvegarder l'état des colonnes entre chaque session. Ainsi, la façon dont l'utilisateur aura choisi l'affichage des colonnes sera automatiquement sauvegardé pour sa prochaine session. Vous pouvez sauvegarder plusieurs attributs, comme indiqué dans l'exemple ci-dessous :</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advtrees_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advtrees_2.xul">Voir</a></p> -<pre><tree enableColumnDrag="true" flex="1"> - <treecols> - <treecol id="runner" label="Coureur" flex="2" persist="width ordinal hidden"/> - <splitter class="tree-splitter"/> - <treecol id="city" label="Ville" flex="2" persist="width ordinal hidden"/> - <splitter class="tree-splitter"/> - <treecol id="starttime" label="Heure de départ" flex="1" persist="width ordinal hidden"/> - <splitter class="tree-splitter"/> - <treecol id="endtime" label="Heure d'arrivée" flex="1" persist="width ordinal hidden"/> - </treecols> - - <treechildren> - <treeitem> - <treerow> - <treecell label="Joshua Granville"/> - <treecell label="Vancouver"/> - <treecell label="7:06:00"/> - <treecell label="9:10:26"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="Robert Valhalla"/> - <treecell label="Seattle"/> - <treecell label="7:08:00"/> - <treecell label="9:15:51"/> - </treerow> - </treeitem> - </treechildren> -</tree> -</pre> -<p>Trois attributs des colonnes doivent être persistants,</p> -<ul> <li>l'attribut <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> pour sauver les largeurs de colonnes,</li> <li>l'attribut <code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code> contenant la position de la colonne,</li> <li>et l'attribut <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> indiquant si la colonne est visible ou invisible.</li> -</ul> -<hr> -<p>Dans la prochaine section, nous allons voir comment récupérer ou spécifier une sélection sur un arbre.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Sélection_dans_les_arbres">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/barres_de_défilement/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/barres_de_défilement/index.html deleted file mode 100644 index 16ab8ccae4..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/barres_de_défilement/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: Barres de défilement -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Barres_de_défilement -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Scroll_Bars ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Séparateurs" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Barre_d'outils">Suivant »</a></p> -</div> -<p>Maintenant, voyons comment ajouter des barres de défilement à une fenêtre.</p> -<h3 id="Ajout_de_barres_de_d.C3.A9filement" name="Ajout_de_barres_de_d.C3.A9filement">Ajout de barres de défilement</h3> -<p>Une barre de défilement est typiquement employée pour permettre à un utilisateur de parcourir un grand document. Vous pouvez aussi l'utiliser quand vous avez besoin de demander une valeur comprise entre un certain intervalle. Les barres de défilement peuvent être créées de différentes manières. Sous XUL, l'une d'entre elle nécessite l'emploi de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/scrollbar" title="scrollbar">scrollbar</a></code>. Certains éléments, comme des champs de saisie, vont également ajouter des barres de défilement si nécessaire lorsque leur contenu devient trop grand.</p> -<p>Dans cette section, nous verrons la création d'une barre de défilement seule. L'utilisateur choisira une valeur en déplaçant la barre de défilement. Vous n'utiliserez probablement pas très souvent cette méthode. Une barre de défilement est constituée de plusieurs partie, l'ascenseur, qui est la partie centrale de la barre, et les deux flèches boutons à chaque extrémités. Une barre de défilement crée tous ces éléments automatiquement.</p> -<p><img alt="Image:xultu_scroll1.jpg" class=" internal" src="/@api/deki/files/1543/=Xultu_scroll1.jpg"></p> -<p>La syntaxe d'une barre de défilement est la suivante :</p> -<pre><scrollbar - id="identifier" - orient="horizontal" - curpos="20" - maxpos="100" - increment="1" - pageincrement="10"/> -</pre> -<p>Les attributs sont les suivants :</p> -<dl> <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> <dd>L'identifiant unique de la barre de défilement.</dd> <dt><code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> </dt> <dd>Il spécifie l'orientation de la barre de défilement. Sa valeur par défaut 'horizontal' crée une barre qui s'étend de gauche vers la droite. Vous pouvez également spécifier 'vertical' qui crée une barre s'étendant du haut vers le bas.</dd> <dt><code id="a-curpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/curpos">curpos</a></code> </dt> <dd>Il indique la position actuelle de l'ascenseur (le rectangle que vous pouvez déplacer). La valeur s'étend de '0' à la valeur de <code id="a-maxpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxpos">maxpos</a></code>. Cette valeur n'a pas besoin d'unité. La valeur par défaut est de '0'.</dd> <dt><code id="a-maxpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxpos">maxpos</a></code> </dt> <dd>Il indique la valeur de la position maximale de l'ascenseur. Il s'agit d'une valeur numérique qui n'a pas d'unité. La valeur par défaut est de '100'.</dd> <dt><code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code> </dt> <dd>Ici, le nombre spécifie de combien la valeur de <code id="a-curpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/curpos">curpos</a></code> doit être changée quand l'utilisateur clique sur une des flèches de la barre de défilement. La valeur par défaut est de '1'.</dd> <dt><code id="a-pageincrement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pageincrement">pageincrement</a></code> </dt> <dd>Ici, le nombre spécifie de combien la valeur de <code id="a-curpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/curpos">curpos</a></code> doit être changée quand l'utilisateur clique sur la page à travers la barre de défilement, c'est à dire dans la zone entre l'ascenseur et les flèches. La valeur par défaut est de '10'.</dd> -</dl> -<p>L'exemple donné ci-dessus crée une barre de défilement qui s'étend des valeurs de '0' à '100'. La valeur de '100' peut être considérée comme le nombre de ligne d'une liste, mais elle peut représenter n'importe quoi d'autre. La valeur initiale de cet exemple est de '20'. Quand l'une des flèches de la barre de défilement est cliquée, la valeur incrémente ou décrémente de '1'. En cliquant à travers la barre de défilement, la valeur change de '10'.</p> -<p>Lorsque l'utilisateur clique sur l'une des flèches de la barre de défilement, l'ascenseur se déplace d'autant qu'indiqué par la valeur <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code>. Augmenter la valeur de cet attribut fera que la barre défilera plus vite à chaque clic. Les positions la plus à gauche et la plus élevée de l'ascenseur ont une valeur de '0', et celles la plus à droite et la plus basse ont une valeur donnée par <code id="a-maxpos"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxpos">maxpos</a></code>.</p> -<p>En ajustant les valeurs de la barre de défilement, vous pouvez positionner et contrôler le déplacement de l'ascenseur comme vous le souhaitez.</p> -<hr> -<p>Ensuite, nous verrons comment créer des barres d'outils.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Séparateurs" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Barre_d'outils">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/barres_de_menus_simples/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/barres_de_menus_simples/index.html deleted file mode 100644 index 31800f91cb..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/barres_de_menus_simples/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: Barres de menus simples -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Barres_de_menus_simples -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Simple_Menu_Bars ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Barre_d'outils" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Plus_de_fonctionnalités_de_menu">Suivant »</a></p> -</div> - -<p>Dans cette section, nous allons voir comment créer une barre de menu avec des menus dessus.</p> - -<h3 id="Cr.C3.A9er_un_menu" name="Cr.C3.A9er_un_menu">Créer un menu</h3> - -<p>XUL dispose de plusieurs façons différentes de créer des menus. Le moyen le plus basique est d'ajouter une barre de menu avec une ligne de menus dessus comme sur de nombreuses applications. Vous pouvez aussi créer des menus surgissants. Les fonctionnalités de menu XUL se composent de différents éléments qui vous permettent de créer des barres de menus ou des menus surgissants. Les items des menus peuvent être personnalisés assez facilement. Nous avons déjà vu <a href="/fr/Tutoriel_XUL/Les_contrôles_de_listes#Zones_de_listes_d.C3.A9roulantes" title="fr/Tutoriel_XUL/Les_contrôles_de_listes#Zones_de_listes_d.C3.A9roulantes">en partie comment faire des menus</a> en utilisant <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>. Cette section sera construite là-dessus.</p> - -<p>Les barres de menu sont généralement créées de la même façon que les barres d'outils. La barre de menu peut-être placée dans une <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbox" title="toolbox">toolbox</a></code> et le menu fonctionne juste comme n'importe quel autre barre d'outils. XUL a quelques éléments spéciaux qui fournissent des fonctionnalités spéciales propres aux menus.</p> - -<p>Il y a cinq éléments associés à la création d'une barre de menu et de ses menus, qui sont expliqués brièvement ici et en détail après :</p> - -<dl> - <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code> </dt> - <dd>Le container de la ligne de menu.</dd> - <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> </dt> - <dd>En dépit du nom, il s'agit en fait seulement du titre du menu sur la barre de menu. Cet élément peut être placé sur une barre de menu ou séparément.</dd> - <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> </dt> - <dd>La boîte déroulante qui apparaît quand vous cliquez sur le titre du menu. Cette boîte contient la liste des commandes de menu.</dd> - <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> </dt> - <dd>Une commande individuelle sur un menu. Il est placé dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>.</dd> - <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> </dt> - <dd>Une barre de séparation sur un menu. Il est placé dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>.</dd> -</dl> - -<div class="note"> -<p>Vous pouvez personnaliser les menus sur la barre de menu comme vous le souhaitez pour toutes les plates-formes excepté pour le Macintosh. C'est parce que le Macintosh a son propre menu spécial en haut de l'écran contrôlé par le système. Bien que vous puissiez créer des menus personnalisés, toutes règles spéciales de style ou éléments non-menu que vous placez sur un menu peuvent ne pas être appliqués. Vous devez garder cette notion à l'esprit quand vous créez des menus.</p> -</div> - -<h4 id="Exemple_d.27une_simple_barre_de_menu" name="Exemple_d.27une_simple_barre_de_menu">Exemple d'une simple barre de menu</h4> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_menubar_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_menubar_1.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_menubar_1.png" class="internal" src="/@api/deki/files/1531/=Xultu_menubar_1.png"></div> - -<pre><toolbox flex="1"> - <menubar id="sample-menubar"> - <menu id="file-menu" label="Fichier"> - <menupopup id="file-popup"> - <menuitem label="Nouveau"/> - <menuitem label="Ouvrir"/> - <menuitem label="Enregistrer"/> - <menuseparator/> - <menuitem label="Quitter"/> - </menupopup> - </menu> - <menu id="edit-menu" label="Edition"> - <menupopup id="edit-popup"> - <menuitem label="Annuler"/> - <menuitem label="Refaire"/> - </menupopup> - </menu> - </menubar> -</toolbox> -</pre> - -<p>Ici, une simple barre de menu est créée en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>. Il va créer une ligne pour y placer des menus. Deux menus, Fichier et Edition ont été créés ici. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> crée le titre en haut du menu, qui apparaît sur la barre de menu. Les menus déroulants sont créés en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Le menu va s'ouvrir quand l'utilisateur cliquera sur le titre du menu parent. La taille du menu sera suffisamment large pour que les commandes tiennent à l'intérieur. Les commandes elles-mêmes sont créées en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>. Chacune d'elles représente une unique commande dans le menu déroulant.</p> - -<p>Vous pouvez aussi créer des séparateurs sur les menus en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code>. Il est utilisé pour séparer des groupes d'items de menu.</p> - -<h4 id=".C3.89l.C3.A9ment_menubar" name=".C3.89l.C3.A9ment_menubar">Élément <code>menubar</code></h4> - -<p>La barre de menu est une boîte contenant des menus. Notez qu'elle a été placée dans une <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbox" title="toolbox">toolbox</a></code> flexible. La barre de menu n'a pas d'attributs spéciaux mais c'est un type de boîte. De ce fait, vous pouvez créer une barre de menu verticale en affectant la valeur 'vertical' à l'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>.</p> - -<h4 id=".C3.89l.C3.A9ment_menu" name=".C3.89l.C3.A9ment_menu">Élément <code>menu</code></h4> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> fonctionne comme l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Il accepte certains attributs semblables plus quelques autres :</p> - -<dl> - <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> - <dd>L'identifiant unique du bouton de titre du menu.</dd> - <dt><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> </dt> - <dd>Le texte qui apparaît sur le menu, comme Fichier ou Edition.</dd> - <dt><code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> </dt> - <dd>Cet attribut booléen détermine si le menu est désactivé. Bien que ce soit permis, il est rarement utile de désactiver un menu entier. Cet attribut peut être mis à 'true' (vrai) ou 'false' (faux). Bien sûr, cette dernière valeur est celle par défaut.</dd> - <dt><code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> </dt> - <dd>Il s'agit de la touche que l'utilisateur peut presser pour activer le menu. Cette lettre est habituellement soulignée dans le titre du menu. Mozilla va regarder dans l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et ajouter un caractère <em>soulignement</em> au caractère spécifié ici. Pour cette raison, vous devez spécifier un caractère qui existe dans le texte (bien que la touche fonctionnera toujours si ce n'est pas le cas).</dd> -</dl> - -<div class="float-right"><img alt="Image:xultu_menubar_2.png" class="internal" src="/@api/deki/files/1532/=Xultu_menubar_2.png"></div> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> est normalement placé sur une barre de menu, bien que ce ne soit pas nécessaire. Cependant, il donnera une autre apparence. L'image montre à quoi l'exemple précédent ressemblerait sans la barre de menu.</p> - -<h4 id=".C3.89l.C3.A9ment_menupopup" name=".C3.89l.C3.A9ment_menupopup">Élément <code>menupopup</code></h4> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> crée la fenêtre déroulante contenant les commandes de menu. C'est un type de boîte qui est orienté verticalement par défaut. Vous pouvez passer en orientation horizontale si vous le voulez, les <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>s seront alors placés sur une même ligne. Normalement seuls les <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>s et les <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code>s sont placés dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Vous pouvez placer n'importe quel élément dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, cependant ils seront ignorés sur un Macintosh.</p> - -<h4 id=".C3.89l.C3.A9ment_menuitem" name=".C3.89l.C3.A9ment_menuitem">Élément <code>menuitem</code></h4> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> est comme l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> et comporte quelques attributs semblables.</p> - -<dl> - <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> - <dd>L'identifiant unique du bouton du menu.</dd> - <dt><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> </dt> - <dd>Le texte qui apparaît sur l'item de menu, comme Ouvrir ou Enregistrer.</dd> - <dt><code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> </dt> - <dd>Cet attribut booléen détermine si l'item de menu est désactivé. Cet attribut peut être mis à 'true' (vrai) ou 'false' (faux), qui est la valeur par défaut.</dd> - <dt><code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> </dt> - <dd>Il s'agit de la touche que l'utilisateur peut presser pour activer l'item de menu. Cette lettre est habituellement soulignée dans le libellé de l'item de menu. Mozilla va regarder dans l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et ajouter un caractère <em>soulignement</em> au caractère spécifié ici. Pour cette raison, vous devez spécifier un caractère qui existe dans le texte.</dd> - <dt><code id="a-acceltext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/acceltext">acceltext</a></code> </dt> - <dd>Cet attribut spécifie le texte de la touche de raccourci qui apparaît près du texte de la commande de menu. Cependant, il n'associe pas de touche d'action avec l'item de menu. Nous verrons comment faire cela plus tard.</dd> -</dl> - -<h4 id=".C3.89l.C3.A9ment_menuseparator" name=".C3.89l.C3.A9ment_menuseparator">Élément <code>menuseparator</code></h4> - -<p>Le <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> n'a pas d'attribut spécial. Il crée juste une barre horizontale entre les items de menu.</p> - -<hr> -<p>Nous allons maintenant voir quelques autres fonctions de menu.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Barre_d'outils" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Plus_de_fonctionnalités_de_menu">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/boîte_de_dialogue_de_fichier/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/boîte_de_dialogue_de_fichier/index.html deleted file mode 100644 index 8e22677407..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/boîte_de_dialogue_de_fichier/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: Boîte de dialogue de fichier -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Boîte_de_dialogue_de_fichier -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Open_and_Save_Dialogs ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Créer_des_boîtes_de_dialogue" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Création_d'un_assistant">Suivant »</a></p> -</div> - -<p>Un type commun de boîtes de dialogue est celui avec lequel un utilisateur peut sélectionner un fichier à ouvrir où à enregistrer.</p> - -<h3 id="S.C3.A9lecteurs_de_fichiers" name="S.C3.A9lecteurs_de_fichiers">Sélecteurs de fichiers</h3> - -<p>Un sélecteur de fichiers est une boîte dialogue qui permet à l'utilisateur de sélectionner un fichier. Il est fréquemment utilisé pour les commandes de menu « Ouvrir... » ou « Enregistrer sous... », mais vous pouvez l'utiliser dès que l'utilisateur a besoin de sélectionner un fichier. L'appel à l'interface <a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a> <code><a href="/fr/NsIFilePicker" title="fr/NsIFilePicker">nsIFilePicker</a></code> est nécessaire pour implémenter un sélecteur de fichiers.</p> - -<div class="note">Notez que le sélecteur de fichiers ne fonctionne qu'avec des URLs chrome.</div> - -<p>Vous pouvez utiliser le sélecteur de fichiers dans l'un de ces trois modes :</p> - -<ul> - <li><code>Open</code> : Il est demandé à l'utilisateur de sélectionner un fichier à ouvrir.</li> - <li><code>GetFolder</code> : Il est demandé à l'utilisateur de sélectionner un répertoire/dossier.</li> - <li><code>Save</code> : Il est demandé à l'utilisateur de sélectionner le nom sous lequel sera sauvegardé le fichier.</li> -</ul> - -<p>L'apparence de la boîte de dialogue sera différente pour chaque type et variera selon la plateforme. Une fois que l'utilisateur aura sélectionné le fichier ou le répertoire/dossier, celui-ci pourra être lu ou enregistré.</p> - -<p>L'interface du sélecteur de fichiers <code><a href="/fr/NsIFilePicker" title="fr/NsIFilePicker">nsIFilePicker</a></code> est responsable de l'affichage de la boîte de dialogue dans l'un des trois modes. Vous pouvez définir plusieurs fonctionnalités de la boîte de dialogue en utilisant cette interface. Une fois que la boîte de dialogue est fermée, vous pouvez utiliser les fonctions de l'interface pour obtenir le fichier qui a été sélectionné.</p> - -<h4 id="Cr.C3.A9ation_d.27un_s.C3.A9lecteur_de_fichier" name="Cr.C3.A9ation_d.27un_s.C3.A9lecteur_de_fichier">Création d'un sélecteur de fichier</h4> - -<p>Pour commencer, vous devez créer un composant du sélecteur de fichiers et l'initialiser.</p> - -<pre>var nsIFilePicker = Components.interfaces.nsIFilePicker; -var fp = Components.classes["@mozilla.org/filepicker;1"].createInstance(nsIFilePicker); -fp.init(window, "Sélectionnez un fichier", nsIFilePicker.modeOpen); -</pre> - -<p>Tout d'abord, un nouvel objet sélecteur de fichiers est créé et stocké dans une variable <code>fp</code>. La fonction <code>init</code> est utilisée pour initialiser le sélecteur de fichiers. Cette fonction prend trois arguments : la fenêtre qui ouvre la boîte de dialogue, le titre de la boîte de dialogue et son mode. Ici, le mode est 'modeOpen' qui est utilisé pour une boîte de dialogue Ouvrir. Vous pouvez aussi utiliser 'modeGetFolder' et 'modeSave' pour les deux autres modes. Ces modes sont des constantes de l'interface <code>nsIFilePicker</code>.</p> - -<h4 id="R.C3.A9pertoire_par_d.C3.A9faut_et_filtres" name="R.C3.A9pertoire_par_d.C3.A9faut_et_filtres">Répertoire par défaut et filtres</h4> - -<p>Il y a deux fonctionnalités que vous pouvez définir pour la boîte de dialogue avant qu'elle ne soit affichée.</p> - -<ul> - <li>La première est le répertoire/dossier par défaut qui est affiché à l'ouverture de la boîte de dialogue.</li> - <li>La seconde est un filtre indiquant la liste des types de fichiers à afficher dans la boîte de dialogue. Elle pourrait être utilisée, par exemple, pour ne lister que les fichiers .html.</li> -</ul> - -<p>Vous pouvez définir le répertoire par défaut en renseignant la proprieté <code>displayDirectory</code> de l'objet du sélecteur de fichiers. Le répertoire doit être un objet <code><a href="/fr/NslLocalFile" title="fr/NslLocalFile">nslLocalFile</a></code>. Si vous ne le définissez pas, un répertoire par défaut sera sélectionné pour vous. Pour appliquer des filtres, appelez la fonction <code>appendFilters()</code> pour définir les types de fichiers que vous souhaitez voir s'afficher.</p> - -<pre>fp.appendFilters(nsIFilePicker.filterHTML | nsIFilePicker.filterImages); -fp.appendFilters(nsIFilePicker.filterText | nsIFilePicker.filterAll); -</pre> - -<ul> - <li>Le premier exemple ajoutera des filtres pour les fichiers HTML et les images. L'utilisateur ne pourra sélectionner que ces types de fichiers. La manière de procéder est spécifique à la plateforme. Sur quelques plateformes, chaque filtre sera séparé et l'utilisateur pourra choisir entre les fichiers HTML et les fichiers images.</li> - <li>Le second exemple ajoutera des filtres pour les fichiers textes et pour tous les fichiers. L'utilisateur a ainsi une option pour n'afficher que les fichiers textes ou tous les fichiers.</li> -</ul> - -<p>Vous pouvez aussi utiliser 'filterXML' et 'filterXUL' pour filtrer les fichiers XML et XUL. Si vous voulez filtrer des fichiers personnalisés, vous pouvez utiliser la fonction <code>appendFilter()</code> :</p> - -<pre>fp.appendFilter("Fichiers Audio","*.wav; *.mp3"); -</pre> - -<p>Cette ligne ajoutera un filtre pour les fichiers audio Wav et MP3. Le premier argument est le titre du type de fichier et le second est une liste de masques de fichiers séparés par un point virgule. Vous pouvez mettre autant de masques que vous le souhaitez. Vous pouvez appeler <code>appendFilter</code> autant de fois que nécessaire pour ajouter les filtres supplémentaires. L'ordre dans lequel vous les ajoutez détermine leur priorité. Habituellement, le premier ajouté est sélectionné par défaut.</p> - -<h4 id="Obtention_du_fichier_s.C3.A9lectionn.C3.A9" name="Obtention_du_fichier_s.C3.A9lectionn.C3.A9">Obtention du fichier sélectionné</h4> - -<p>Enfin, vous pouvez afficher la boîte de dialogue en appelant la fonction <code>show()</code>. Elle ne prend aucun argument mais retourne un code d'état qui indique ce que l'utilisateur a sélectionné. Notez que la fonction ne retourne aucune valeur tant que l'utilisateur n'a pas sélectionné un fichier. La fonction retourne une des trois constantes suivantes :</p> - -<dl> - <dt>'returnOK' </dt> - <dd> : l'utilisateur a sélectionné un fichier et a pressé le bouton « OK ». Le fichier que l'utilisateur a sélectionné sera stocké dans la propriété <code>file</code> du sélecteur de fichiers.</dd> - <dt>'returnCancel' </dt> - <dd> : l'utilisateur a pressé le bouton « Annuler ».</dd> - <dt>'returnReplace' </dt> - <dd> : dans le mode enregistrement, cette valeur de retour signifie que l'utilisateur a sélectionné un fichier à remplacer ('returnOK' sera retournée lorsque l'utilisateur aura rentré le nom d'un nouveau fichier).</dd> -</dl> - -<p>Vous devrez tester la valeur de retour et ensuite utiliser l'objet <code>file</code> du sélecteur de fichiers en utilisant la propriété <code>file</code>.</p> - -<pre>var res = fp.show(); -if (res == nsIFilePicker.returnOK){ - var thefile = fp.file; - // --- faire quelque chose avec le fichier ici --- -} -</pre> - -<hr> -<p>Par la suite, nous verrons comment créer un assistant.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Créer_des_boîtes_de_dialogue" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Création_d'un_assistant">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/broadcasters_et_observateurs/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/broadcasters_et_observateurs/index.html deleted file mode 100644 index dd1a8bbbae..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/broadcasters_et_observateurs/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: Broadcasters et Observateurs -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Broadcasters_et_Observateurs -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Broadcasters_and_Observers ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Mise_à_jour_de_commandes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Document_Object_Model">Suivant »</a></p> -</div> -<p>Parfois, vous voulez que plusieurs éléments répondent à des événements ou changent d'état aisément. Pour cela, nous pouvons utiliser les « broadcasters » (diffuseurs).</p> -<h3 id="Commandes_de_transmission_d.27attributs" name="Commandes_de_transmission_d.27attributs">Commandes de transmission d'attributs</h3> -<p>Nous avons vu précédemment que les éléments tels que les boutons peuvent être ancrés à des commandes. De plus, si vous placez l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code>, tous les éléments ancrés sur celui-ci seront eux aussi désactivés automatiquement. C'est une façon utile de diminuer la taille du code nécessaire. Cette technique fonctionne aussi pour les autres attributs. Par exemple, si vous placez un attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> sur un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code>, chaque bouton attaché à la commande partagera ce libellé.</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_broadob_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_broadob_1.xul">Voir</a></p> -<pre><command id="ma_commande" label="Ouvrir"/> - -<button command="ma_commande"/> -<checkbox label="Ouvrir une nouvelle fenêtre" command="ma_commande"/> -</pre> -<p>Dans cet exemple, le bouton n'a pas d'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>, néanmoins il est attaché à une commande qui en possède un. Le bouton va donc le partager avec la commande. La case à cocher a déjà un libellé, néanmoins, il va être surchargé par celui de la commande. Le résultat est que le bouton et la case à cocher auront le même libellé 'Ouvrir'.</p> -<p>Si vous modifiez l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> de la commande, les libellés du bouton et de la case à cocher changeront eux aussi. Nous avons vu une application similaire dans une section précédente où l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> était défini puis propagé aux autres éléments.</p> -<p>Cette transmission d'attribut est relativement utile pour plusieurs raisons. Par exemple, disons que nous voulons désactiver l'action « Page précédente » dans un navigateur. Nous aurions besoin de désactiver cette action dans le menu, dans la barre des tâches, le raccourci clavier (<code>Alt</code>+<code>Gauche</code> par ex.) et chaque commande « Page précédente » des menus déroulants. Écrire un script pour le faire n'est pas très simple. Le désavantage est de devoir prévoir tous les endroits où pourraient se trouver les boutons « Page précédente ». Si quelqu'un a ajouté un nouveau bouton « Page précédente » en utilisant une extension, il ne serait pas pris en compte. Il est plus pratique de désactiver simplement l'action « Page précédente » et que tous les éléments utilisant cette action se désactivent eux-mêmes. Nous pouvons utiliser la transmission d'attributs des commandes pour accomplir cela.</p> -<h3 id="Broadcasters" name="Broadcasters">Broadcasters</h3> -<p>Il y existe un élément similaire appelé <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code>. Les broadcasters supportent la transmission d'attributs de la même manière que les commandes. Ils fonctionnent de la même manière excepté le fait qu'une commande est utilisée pour les actions, alors qu'un broadcaster est utilisé pour contenir l'information d'un état. Par exemple, un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> serait utilisé pour une action comme « Page précédente », « Couper » ou « Supprimer ». Un <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code> serait utilisé pour contenir, par exemple, un drapeau indiquant si l'utilisateur est en ligne ou non. Dans le premier cas, les éléments du menu et de la barre des tâches nécessiteraient d'être désactivés lorsqu'il n'y a pas de page de retour, ou aucun texte à couper, à effacer. Dans le second cas, plusieurs éléments de l'interface auraient besoin d'être mis à jour lorsque l'utilisateur passerait du mode en ligne au mode hors ligne.</p> -<p>Le broadcaster le plus simple est défini ci-dessous. Vous devriez toujours utiliser un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> afin qu'il puisse être référencé à partir d'autres éléments.</p> -<pre><broadcasterset> - <broadcaster id="isOffline" label="Hors ligne"/> -</broadcasterset> -</pre> -<p>Tous les éléments qui « observent » le broadcaster seront modifiés automatiquement chaque fois que l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> du broadcaster change. Ces éléments auront comme résultat un nouveau libellé. Tout comme d'autres éléments non affichés, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcasterset" title="broadcasterset">broadcasterset</a></code> est un conteneur pour les broadcasters. Vous devez déclarer tous vos broadcasters dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcasterset" title="broadcasterset">broadcasterset</a></code> afin de les réunir.</p> -<h3 id="Cr.C3.A9ation_d.27.C3.A9l.C3.A9ments_observateurs" name="Cr.C3.A9ation_d.27.C3.A9l.C3.A9ments_observateurs">Création d'éléments observateurs</h3> -<p>Les éléments qui observent le broadcaster sont appelés observateurs car ils « observent » l'état du broadcaster. Pour qu'un élément devienne un observateur, ajoutez lui un attribut <code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>. Il est analogue à l'attribut <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> utilisé pour attacher un élément à un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code>. Par exemple, pour qu'un bouton devienne un observateur du broadcaster décrit ci-dessus :</p> -<pre><button id="offline_button" observes="isOffline"/></pre> -<p>L'attribut <code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code> a été placé sur le bouton et sa valeur a été affectée à la valeur de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> du broadcaster à observer. Ici, le bouton va observer le broadcaster avec l'id 'isOffline' qui a été défini un peu plus haut dans le code. Si la valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> du broadcaster change, les observateurs mettront à jour leur valeur de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>.</p> -<p>Nous pourrions continuer avec d'autres éléments. Autant d'éléments que vous voulez peuvent observer le même broadcaster. Vous pouvez aussi n'avoir qu'un seul élément observateur, mais cela ne servirait pas à grand chose puisque la raison principale d'utiliser les broadcasters est d'avoir des attributs transmis à de multiples endroits. Vous ne devriez utiliser les broadcasters que lorsque vous avez besoin que plusieurs éléments aient à observer un attribut. D'autres observateurs sont décrits ci-dessous :</p> -<pre><broadcaster id="offline_command" label="Hors ligne" accesskey="f"/> - -<keyset> - <key id="goonline_key" observes="offline_command" modifiers="accel" key="O"/> -</keyset> -<menuitem id="offline_menuitem" observes="offline_command"/> -<toolbarbutton id="offline_toolbarbutton" observes="offline_command"/> -</pre> -<p>Dans cet exemple, <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et l'<code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> seront transmis par le broadcaster au raccourci clavier, à l'item de menu et au bouton de la barre d'outils. Le raccourci clavier n'utilisera aucun des attributs reçus, mais il sera désactivé lorsque le broadcaster le sera.</p> -<p>Vous pouvez utiliser un broadcaster pour observer n'importe quel attribut désiré. Les observateurs récupèreront les valeurs de chaque attribut, via les broadcasters, dès qu'ils changeront. Si jamais la valeur d'un seul attribut change, les observateurs seront avisés et ajusteront leurs propres attributs en conséquence. Les attributs des observateurs que le broadcaster ne possède pas lui-même ne sont pas modifiés. Les seuls attributs qui ne sont pas modifiés sont les attributs <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> et <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> ; ces attributs ne sont jamais partagés. Vous pouvez également utiliser vos propres attributs si vous le désirez.</p> -<p>Les broadcasters ne sont pas fréquemment utilisés, car les commandes peuvent en général convenir à la majorité des usages. Une chose à préciser est qu'il n'y a pas vraiment de différence entre l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> et l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code>. Ils font tous les deux la même chose. La différence est plutôt sémantique. Utilisez les commandes pour les actions et utilisez les broadcasters pour les états. En fait, chaque élément peut agir comme un broadcaster, tant que vous l'observez en utilisant l'attribut <code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>.</p> -<h3 id="L.27.C3.A9l.C3.A9ment_Observes" name="L.27.C3.A9l.C3.A9ment_Observes">L'élément Observes</h3> -<p>Il existe un moyen de spécifier plus précisemment les attributs du broadcaster à observer. Cela implique un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code>. Tout comme son attribut l'indique, il vous permet d'indiquer à un élément qu'il est un observateur. L'élément <code>observes</code> doit être placé en tant qu'enfant de l'élément qui doit être l'observateur. Voici un exemple :</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_broadob_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_broadob_2.xul">Voir</a></p> -<pre><broadcasterset> - <broadcaster id="isOffline" label="Hors ligne" accesskey="f"/> -</broadcasterset> - -<button id="offline_button"> - <observes element="isOffline" attribute="label"/> -</button> -</pre> -<p>Deux attributs ont été ajoutés à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code>. Le premier, <code id="a-element"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/element">element</a></code>, spécifie l'identifiant du broadcaster à observer. Le second, <code id="a-attribute"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/attribute">attribute</a></code>, spécifie l'attribut à observer. Le résultat est que le bouton recevra son libellé du broadcaster, et quand l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> sera modifié, le libellé du bouton sera changé. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code> ne change pas, contrairement à l'élément qui le contient, qui est dans ce cas un <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Notez que l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> n'est pas transmis au bouton, puisque il n'est pas observé. Si vous voulez que ce soit le cas, un autre élément <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code> devra être ajouté. Si vous n'utilisez aucun élément <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code>, et qu'à la place vous utilisez l'attribut <code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code> directement sur le bouton, tous les attributs seront observés.</p> -<h4 id=".C3.89v.C3.A9nement_broadcast" name=".C3.89v.C3.A9nement_broadcast">Événement broadcast</h4> -<p>Il existe un gestionnaire d'événements supplémentaire, <code id="a-onbroadcast"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onbroadcast">onbroadcast</a></code>, que nous pouvons placer sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code>. L'événement est appelé dès que l'observateur détecte un changement dans l'attribut du broadcaster qu'il observe. Un exemple est décrit ci-dessous :</p> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_broadob_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_broadob_3.xul">Voir</a></p> -<pre><broadcasterset> - <broadcaster id="colorChanger" style="color: black"/> -</broadcasterset> - -<button label="Test"> - <observes element="colorChanger" attribute="style" onbroadcast="alert('La couleur a changé');"/> -</button> - -<button label="Observer" - oncommand="document.getElementById('colorChanger').setAttribute('style','color: red');" -/> -</pre> -<p>Deux boutons ont été créés, un nommé 'Test' et l'autre 'Observateur'. Si vous cliquez sur le bouton « Test », rien ne se produit. En revanche, si vous cliquez sur le bouton « Observateur », deux choses surviennent. Premièrement, le texte du bouton devient rouge, deuxièmement, un message d'alerte apparaît avec le message 'La couleur a changé'.</p> -<p>Voilà ce qui se passe : le gestionnaire <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> du second bouton est appelé lorsque l'utilisateur appuie dessus. Le script dispose ici d'une référence au broadcaster et change le style de celui-ci afin qu'il ait une couleur (<code>color</code>) rouge. Le broadcaster n'est pas affecté par le changement de style car il n'est pas affiché à l'écran. Néanmoins, le premier bouton a un observateur qui tient compte du changement de style. Les attributs <code id="a-element"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/element">element</a></code> et <code id="a-attribute"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/attribute">attribute</a></code> sur la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/observes" title="observes">observes</a></code> détecte le changement de style. Le style est appliqué automatiquement au premier bouton.</p> -<p>Ensuite, puisque la transmission se fait, le gestionnaire d'événement <code id="a-onbroadcast"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onbroadcast">onbroadcast</a></code> est appelé. Il en résulte l'affichage d'un message d'alerte. Notez que la transmission ne se fait que si les attributs de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/broadcaster" title="broadcaster">broadcaster</a></code> sont modifiés. Changer le style du bouton directement ne déclenchera aucune diffusion d'événement et le message d'alerte ne s'affichera pas.</p> -<p>Si vous essayez de dupliquer le code du premier bouton (<code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>) plusieurs fois, vous verrez une série de messages d'alerte, un pour chaque bouton, car chaque bouton est un observateur et sera prévenu du changement de style.</p> -<hr> -<p>Nous verrons dans la section suivante l'utilisation du Modèle Objet de Document (<abbr title="Document Object Model">DOM</abbr>) avec les éléments XUL.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Mise_à_jour_de_commandes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Document_Object_Model">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/cadres_de_contenu/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/cadres_de_contenu/index.html deleted file mode 100644 index d63d0e1d7c..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/cadres_de_contenu/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: Cadres de contenu -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Cadres_de_contenu -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Content_Panels ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Grilles" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Séparateurs">Suivant »</a></p> -</div> - -<p>Dans cette section, nous regarderons comment ajouter des cadres qui peuvent afficher des pages HTML ou d'autres fichiers XUL.</p> - -<h3 id="Ajout_de_cadres_enfants" name="Ajout_de_cadres_enfants">Ajout de cadres enfants</h3> - -<p>Parfois, vous souhaitez qu'une partie d'un document soit chargée à partir d'une autre page. D'autres fois, vous voulez changer une partie de la fenêtre. Un bon exemple est un assistant qui vous guide pas-à-pas à travers un certain nombre d'écrans, en vous posant une série de questions. Chaque fois que l'utilisateur clique sur le bouton suivant, l'écran suivant de l'assistant est affiché.</p> - -<p>Vous pouvez créer une interface d'assistant en ouvrant une fenêtre différente pour chaque écran. Cette approche pose trois problèmes. Premièrement, chaque fenêtre peut apparaître à une position différente sur l'écran (bien qu'il existe une alternative à cela). Deuxièmement, les éléments tels que les boutons suivant ou précédent sont les mêmes tout au long de l'interface. Ce serait bien mieux si seul le contenu de l'assistant changeait. Troisièmement, il sera difficile de coordonner les scripts tournant dans les différentes fenêtres.</p> - -<div class="note">Notez que XUL a un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code> qui peut être utilisé pour créer des assistants. Il sera décrit dans <a href="/fr/Tutoriel_XUL/Création_d'un_assistant" title="fr/Tutoriel_XUL/Création_d'un_assistant">une prochaine section</a>.</div> - -<p>Une meilleure approche est d'utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code>, qui fonctionne comme l'élément HTML du même nom. Il crée un document séparé dans la fenêtre. Il a l'avantage de pouvoir être placé n'importe où et son contenu chargé à partir d'un fichier différent. Indiquez l'URL que vous souhaitez afficher dans le cadre avec l'attribut <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code>. Cette URL peut pointer sur n'importe quelle sorte de fichiers, bien qu'elle pointe habituellement sur un fichier HTML ou un autre fichier XUL. Vous pouvez utiliser un script pour changer le contenu de ce cadre sans affecter la fenêtre principale.</p> - -<p>Dans la fenêtre du navigateur Mozilla, l'endroit où la page Web doit être affichée est créé en utilisant un cadre <code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code>. Lorsque l'utilisateur entre une URL ou clique sur un lien du document, la source du cadre est changée.</p> - -<h4 id="Exemple_iframe" name="Exemple_iframe">Exemple <code>iframe</code></h4> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_cpanels_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_cpanels_1.xul">Voir</a></p> - -<pre><toolbox> - <toolbar id="nav-toolbar"> - <toolbarbutton label="Précédent"/> - <toolbarbutton label="Suivant"/> - <textbox id="urlfield"/> - </toolbar> -</toolbox> - -<iframe id="content-body" src="http://www.mozilla-europe.org/fr/" flex="1"/> -</pre> - -<div class="float-right"><img alt="Image:xultu_cpanels1.png" class="internal" src="/@api/deki/files/1510/=Xultu_cpanels1.png"></div> - -<p>Ici, l'exemple crée une interface très simple pour un navigateur Web. Une boîte contenant deux éléments a été créée : un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbox" title="toolbox">toolbox</a></code> et un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code>. Un bouton « Précédent », un bouton « Suivant » et un champ de saisie des URLs ont été ajoutés sur la barre d'outils. Les pages Web apparaissent à l'intérieur du cadre <code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code>. Dans ce cas, c'est la page d'accueil du site qui apparaîtra par défaut.</p> - -<p>Cet exemple n'est pas fonctionnellement complet. Par la suite, nous ajouterons un script qui changera l'attribut de <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code> au moment désiré, par exemple quand l'utilisateur appuie sur la touche <code>Entrée</code>.</p> - -<h3 id="Navigateurs" name="Navigateurs">Navigateurs</h3> - -<p>Il existe un second type de cadre de contenu, utilisant la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code>. Vous l'utiliserez quand vous voudrez créer un cadre qui montre le contenu comme un navigateur. En réalité, l'élément <code>iframe</code> peut aussi le faire, mais le navigateur (browser) possède certaines caractéristiques supplémentaires. Par exemple, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code> conserve un historique pour utiliser les boutons « Précédent » et « Suivant ». Le navigateur peut aussi charger des pages avec des <code>referers</code> et d'autres états. La balise <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code> doit être utilisée essentiellement lorsque vous voulez créer une interface semblable au navigateur, mais l'<code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code> peut être utilisé lorsque vous avez juste besoin d'un cadre simple.</p> - -<p>Un élément similaire, <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code>, fournit la fonctionnalité du <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code>, mais fournit également une barre d'onglets pour basculer entre de multiples pages. C'est le composant graphique utilisé par le navigateur Mozilla pour son interface de navigation par onglets. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> est en réalité implémenté comme un <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> contenant un ensemble d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code>. Ces deux types de navigateur offrent un contrôle similaire sur les pages à afficher.</p> - -<h4 id="Exemple_de_browser" name="Exemple_de_browser">Exemple de <code>browser</code></h4> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_cpanels_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_cpanels_2.xul">Voir</a>.</p> - -<pre><browser src="http://www.mozilla.org" flex="1"/></pre> - -<p>Comme avec l'<code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code>, vous pouvez indiquer l'URL dans un navigateur utilisant l'attribut <code id="a-src"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/src">src</a></code>. Pour un <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code>, vous ne pouvez pas définir l'url directement comme ceci, étant donné qu'il n'affiche pas qu'une seule URL. À la place, vous devez utiliser un script et appeler la fonction <code>loadURI</code>.</p> - -<p>Il y a trois catégories de navigateurs, selon le genre de contenu que vous voulez afficher. Le type peut être indiqué en utilisant l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code>.</p> - -<p>Le premier type est le type par défaut utilisé si vous omettez cet attribut. Dans ce cas, le contenu chargé à l'intérieur du navigateur est traité comme s'il faisait partie de la même application et avait accès à la fenêtre extérieure. Cela signifie que lorsqu'un script chargé à l'intérieur du navigateur essaie d'obtenir la fenêtre la plus élevée, il obtiendra la fenêtre XUL extérieure.</p> - -<p>Ce comportement conviendrait pour un cadre XUL fils qui fait partie de votre application, mais il ne serait pas adapté pour un navigateur qui chargerait des pages Web. À la place, vous voudrez restreindre la page Web au seul accès de son contenu. Vous pouvez noter qu'une fenêtre de navigateur Mozilla possède du contenu XUL pour les barres d'outils et de statut et ainsi de suite avec un <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> formant la zone principale. Cette zone interne affiche une page Web, mais celle-ci ne peut pas accéder au XUL l'entourant. C'est parce le second type de navigateur est utilisé en définissant l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> avec la valeur 'content'. Il empêche le contenu de remonter jusqu'à la fenêtre XUL. Un exemple :</p> - -<pre><browser src="http://www.mozilla.org" type="content" flex="1"/></pre> - -<div class="note">Il est important que vous définissiez l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> correctement si vous envisagez d'afficher des sites Web distants à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code>.</div> - -<p>Le <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> définit le type 'content' automatiquement sur tous les onglets de navigation qu'il crée. Vous n'avez donc pas à le définir explicitement pour les onglets de navigation.</p> - -<p>Le troisième type sert lorsque votre fenêtre contient plusieurs éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code>, comme par exemple si vous aviez un panneau latéral affichant du contenu supplémentaire. Renseignez l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code> principal avec la valeur 'content-primary' pour spécifier le contenu primaire. Il fonctionne comme avec la valeur 'content' excepté le fait que le contenu à l'intérieur est accessible en utilisant la propriété 'content' de la fenêtre XUL. L'accès au contenu du navigateur principal en utilisant un script s'en trouve simplifié. <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> définit automatiquement l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> avec cette valeur 'content-primary' pour tous les navigateurs visibles, ce qui vous permet de cette manière de toujours pouvoir avoir accès au contenu visible.</p> - -<hr> -<p>Dans la section suivante, nous allons voir comment créer des séparateurs.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Grilles" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Séparateurs">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/caractéristiques_d'une_fenêtre/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/caractéristiques_d'une_fenêtre/index.html deleted file mode 100644 index 4f063b5790..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/caractéristiques_d'une_fenêtre/index.html +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: Caractéristiques d'une fenêtre -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Caractéristiques_d'une_fenêtre -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Features_of_a_Window ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Exemple_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Créer_des_boîtes_de_dialogue">Suivant »</a></p> -</div> - -<p>Nous avons déjà vu quelques caractéristiques de fenêtres. Nous allons en aborder d'autres dans cette section.</p> - -<h3 id="Cr.C3.A9er_une_autre_fen.C3.AAtre" name="Cr.C3.A9er_une_autre_fen.C3.AAtre">Créer une autre fenêtre</h3> - -<p>Vous pouvez créer une seconde fenêtre pour votre application de la même manière que vous avez créé la première. Il suffit de créer un second fichier XUL contenant le code de la nouvelle fenêtre. Comme en HTML, vous pouvez utiliser la fonction <code><a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a></code> pour ouvrir la seconde fenêtre. Cette fonction retournera une référence à la fenêtre nouvellement ouverte. Vous pouvez utiliser cette référence pour appeler des fonctions de l'autre fenêtre.</p> - -<p>La fonction <code>open</code> prend trois arguments. Le premier est l'URL du fichier que vous souhaitez ouvrir. Le deuxième est le nom interne de la fenêtre. Le troisième est une liste de drapeaux de paramètres d'affichage. Le drapeau <code>chrome</code> est important pour ouvrir la fenêtre comme un fichier <a href="/fr/DOM/window.open#Fonctionnalit.C3.A9s_de_barres_d.27outils_et_de_chrome" title="fr/DOM/window.open#Fonctionnalit.C3.A9s_de_barres_d.27outils_et_de_chrome">chrome</a>. Si vous n'ajoutez pas le drapeau <code>chrome</code>, le fichier sera ouvert dans une nouvelle fenêtre du navigateur.</p> - -<p>Par exemple :</p> - -<pre>var myWin = window.open("chrome://findfile/content/findfile.xul","findfile","chrome");</pre> - -<h3 id="Sp.C3.A9cifier_la_largeur_et_la_hauteur" name="Sp.C3.A9cifier_la_largeur_et_la_hauteur">Spécifier la largeur et la hauteur</h3> - -<p>Vous aurez noté que lorsque des éléments sont ajoutés à une fenêtre, la largeur de la fenêtre s'étend pour s'adapter aux nouveaux éléments. La fenêtre n'est en fait qu'une boîte flexible et qui prend par défaut une orientation verticale. Vous pouvez également spécifier la largeur et la hauteur directement dans la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. Cela, bien sûr, oblige la fenêtre à prendre une taille spécifique. Si vous ôtez ces spécifications, la taille sera déterminée par les éléments qui la constituent.</p> - -<pre><window - id="findfile-window" - title="Recherche de fichiers" - width="400" - height="450" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> -</pre> - -<p>Dans cet exemple, la fenêtre sera ouverte avec une largeur de 400 pixels et une hauteur de 450 pixels. Même s'il n'y a pas assez d'éléments pour lui faire adopter cette taille, la fenêtre s'ouvrira toujours à cette taille et il y aura un espace vierge dans l'espace restant. S'il y a trop d'éléments, la fenêtre n'adaptera pas ses dimensions pour en tenir compte. L'utilisateur devra alors redimensionner la boîte de dialogue. Vous devez faire attention, lorsque vous spécifiez une largeur et une hauteur, à ce que la fenêtre ne soit ni trop petite, ni trop grande. Vous devez considérer les thèmes graphiques ou la langue propres à l'utilisateur.</p> - -<div class="note">Notez que vous devez spécifier à la fois la largeur <strong>et</strong> la hauteur. Si vous ne spécifiez qu'une des deux valeurs, l'autre sera mise à '0'. Pour que la fenêtre détermine sa taille automatiquement, omettez les toutes les deux.</div> - -<p>La largeur et la hauteur déterminent seulement la taille initiale de la fenêtre. L'utilisateur peut toujours redimensionner la fenêtre, à condition que celle-ci soit redimensionnable.</p> - -<h3 id="Autres_propri.C3.A9t.C3.A9s_de_fen.C3.AAtre" name="Autres_propri.C3.A9t.C3.A9s_de_fen.C3.AAtre">Autres propriétés de fenêtre</h3> - -<p>Les drapeaux ci-après peuvent être utilisés comme troisième argument de la fonction <code>window.open</code>. Votre système d'exploitation peut ne pas les supporter tous. Vous pouvez également utiliser un des drapeaux pré-existants, que vous devriez trouver dans une référence JavaScript. Vous pouvez désactiver une propriété en la réglant sur 'no', par exemple <code>dialog='no'</code>.</p> - -<dl> - <dt><code>alwaysLowered</code></dt> - <dd>La fenêtre apparaîtra toujours derrière les autres fenêtres.</dd> - <dt><code>alwaysRaised</code></dt> - <dd>La fenêtre apparaîtra toujours devant les autres fenêtres.</dd> - <dt><code>centerscreen</code></dt> - <dd>À son ouverture, la fenêtre sera centrée à l'écran.</dd> - <dt><code>dependent</code></dt> - <dd>La position de la fenêtre sera toujours relative à la fenêtre qui l'a ouverte. Si la position de la fenêtre initiale est modifiée, la seconde fenêtre bougera automatiquement de même manière.</dd> - <dt><code>dialog</code></dt> - <dd>la fenêtre est une boîte de dialogue pouvant apparaître différemment.</dd> - <dt><code>modal</code></dt> - <dd>La boite de dialogue est modale. La fenêtre qui a ouvert la fenêtre modale ne peut pas être utilisée tant que la fenêtre modale n'est pas fermée.</dd> - <dt><code>resizable</code></dt> - <dd>L'utilisateur peut redimensionner la fenêtre.</dd> -</dl> - -<p><small>Voir également <a href="/fr/DOM/window.open" title="fr/DOM/window.open">la référence DOM de window.open()</a>.</small></p> - -<hr> -<p>Nous allons voir ensuite comment ouvrir des boîtes de dialogue secondaires.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Exemple_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Créer_des_boîtes_de_dialogue">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/commandes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/commandes/index.html deleted file mode 100644 index baedcbfcdf..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/commandes/index.html +++ /dev/null @@ -1,119 +0,0 @@ ---- -title: Commandes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Commandes -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Commands ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Focus_et_Selection" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Mise_à_jour_de_commandes">Suivant »</a></p> -</div> -<p>Une commande est une opération qui peut être invoquée.</p> -<h3 id="Les_.C3.A9l.C3.A9ments_de_commande" name="Les_.C3.A9l.C3.A9ments_de_commande">Les éléments de commande</h3> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> est utilisé pour créer des commandes qui pourront être utilisées pour exécuter des opérations. Vous n'avez pas besoin d'utiliser les commandes si vous avez juste à appeler un script pour manipuler des choses. Cependant, une commande a l'avantage de pouvoir être désactivée automatiquement quand c'est nécessaire, et de pouvoir être invoquée de l'extérieur sans avoir besoin de connaître les détails de son implémentation. Les commandes fournissent un moyen pour séparer de façon abstraite les opérations et le code. Elles deviennent très utiles pour les grosses applications.</p> -<p>Par exemple, pour implémenter les commandes de menus du presse-papiers, <em>couper</em>, <em>copier</em> et <em>coller</em>, vous pouvez utiliser les commandes. Si vous ne les utilisiez pas, vous devriez trouver quel champ a le focus, ensuite s'assurer que l'opération est valable pour cet élément. De plus, les commandes de menus devraient être activées ou désactivées selon que l'élément cible a du texte sélectionné ou pas, et pour les opérations de collage, si le presse-papiers contient quelque chose qui peut être collé. Comme vous pouvez le voir, cela devient compliqué. En utilisant les commandes, votre travail est simplifié.</p> -<p>Vous pouvez utiliser une commande pour n'importe quelle opération. Mozilla les utilise la plupart du temps pour les menus. De plus, les champs de saisie de texte et autres composants graphiques disposent de plusieurs commandes natives que vous pouvez invoquer. Vous devriez les utiliser quand les opérations dépendent de l'élément sélectionné.</p> -<p>Une commande est identifiée par son attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>. Mozilla utilise une convention : les id de commandes commencent par '<code>cmd_</code>'. Vous voudrez probablement utiliser le même identifiant que celui d'une commande déjà utilisée, cependant, pour vos propres commandes, vous pouvez utiliser n'importe quel id de commande souhaité. Pour éviter les conflits, il est préférable d'inclure le nom de l'application dans l'id de la commande. Un moyen simple d'utilisation des commandes est montré ci-après :</p> -<h4 id="Exemple.C2.A0_command_simple" name="Exemple.C2.A0:_command_simple">Exemple : <code>command</code> simple</h4> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_commands_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_commands_1.xul">Voir</a>.</p> -<pre><command id="cmd_openhelp" oncommand="alert('Aide !');"/> -<button label="Aide" command="cmd_openhelp"/> -</pre> -<p>Dans cet exemple, au lieu de placer l'attribut <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>, nous le plaçons sur un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code>. Les deux sont alors liés en utilisant l'attribut <code id="a-command"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/command">command</a></code> qui a la valeur de l'id de la commande. Ainsi, quand le bouton est pressé, la commande '<code>cmd_openhelp</code>' est invoquée.</p> -<p>Cette approche présente deux avantages.</p> -<ul> <li>Premièrement, Elle déplace toutes les opérations dans des commandes qui peuvent être toutes regroupées dans une seule section de fichier XUL. Cela signifie que le code est au même endroit, n'est pas éparpillé dans tout le code de l'interface utilisateur.</li> <li>Le second avantage est que différents boutons et autres éléments de l'interface graphique peuvent être rattachés à une même commande. Par exemple, vous pouvez avoir un item de menu, un bouton d'une barre de boutons et un raccourci clavier pour effectuer la même opération. Plutôt que de répéter le code trois fois, vous pouvez rattacher ces trois éléments à la même commande. Normalement, vous rattacherez seulement les éléments pouvant générer un événement de commande.</li> -</ul> -<p>De plus,</p> -<ul> <li>si vous définissez l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> sur une commande, elle sera désactivée et ne pourra pas être invoquée.</li> <li>tous les boutons et les items de menus qui lui sont rattachés seront désactivés automatiquement.</li> <li>si vous réactivez la commande, les boutons deviendront de nouveau actifs.</li> -</ul> -<h4 id="Exemple.C2.A0_Activer.2FD.C3.A9sactiver_command" name="Exemple.C2.A0:_Activer.2FD.C3.A9sactiver_command">Exemple : Activer/Désactiver <code>command</code></h4> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_commands_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_commands_2.xul">Voir</a></p> -<pre><command id="cmd_openhelp" oncommand="alert('Aide');"/> -<button label="Aide" command="cmd_openhelp"/> -<button label="Plus d'aide" command="cmd_openhelp"/> - -<button label="Désactiver" oncommand="document.getElementById('cmd_openhelp').setAttribute('disabled','true');"/> -<button label="Activer" oncommand="document.getElementById('cmd_openhelp').removeAttribute('disabled');"/> -</pre> -<p>Dans cet exemple, les deux boutons utilisent la même commande. Quand le bouton « Désactiver » est pressé, la commande est désactivée en définissant son attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code>, et les deux boutons seront aussi désactivés.</p> -<p>Habituellement, un groupe de commandes se place à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/commandset" title="commandset">commandset</a></code>, près du début du fichier XUL, comme dans l'exemple suivant :</p> -<pre><commandset> - <command id="cmd_open" oncommand="alert('Ouvrir !');"/> - <command id="cmd_help" oncommand="alert('Aide !');"/> -</commandset> -</pre> -<p>Une commande est invoquée quand l'utilisateur active le bouton ou les autres éléments rattachés à la commande. Vous pouvez aussi invoquer une commande en appelant la méthode <code><span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span></code>, que ce soit de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> ou d'un élément rattaché à la commande, comme un bouton.</p> -<h3 id="Le_r.C3.A9partiteur_de_commandes" name="Le_r.C3.A9partiteur_de_commandes">Le répartiteur de commandes</h3> -<p>Vous pouvez aussi utiliser les commandes sans utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code>, ou, au moins, sans ajouter un attribut <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> sur la commande. Dans ce cas, la commande n'invoquera pas un script directement, mais recherchera plutôt un élément ou une fonction qui traitera la commande. Cette fonction peut être séparée du XUL lui-même, et peut être embarquée par un élément graphique en interne. Afin de trouver ce qui traitera la commande, XUL utilise un objet appelé répartiteur de commande (<abbr title="Note du traducteur">NdT</abbr> : command dispatcher). Cet objet localise le gestionnaire d'une commande. Le gestionnaire d'une commande est appelé contrôleur. Ainsi, quand une commande est invoquée, le répartiteur de commande localise un contrôleur qui traite la commande. Vous pouvez déduire que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> est un type de contrôleur pour une commande.</p> -<p>Le répartiteur de commandes localise un contrôleur en regardant l'élément sélectionné pour voir s'il a un contrôleur qui gère la commande. Les éléments XUL ont une propriété <code>controllers</code> qui est utilisée pour la vérification. Vous pouvez l'utiliser pour ajouter vos propres contrôleurs. Vous pourriez l'utiliser pour avoir une boîte de liste qui répond aux opérations de couper, copier et coller. Un exemple sera fourni plus tard. Par défaut, seuls les champs de saisie (<code>textbox</code>) ont un contrôleur fonctionnel. Ce contrôleur gère aussi bien les opérations de presse-papiers, sélection, défaire et refaire, que les opérations d'édition. Notez qu'un élément peut avoir plusieurs contrôleurs, qui seront alors tous pris en compte.</p> -<p>Si l'élément courant sélectionné n'a pas le contrôleur attendu, la fenêtre sera alors vérifiée. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> a aussi une propriété <code>controllers</code> que vous pouvez modifier comme bon vous semble. Si le focus est à l'intérieur d'un cadre frame, chaque cadre parent est également vérifié. Ainsi, les commandes fonctionneront même si le focus est à l'intérieur d'un cadre. Ce mécanisme fonctionne bien pour un navigateur ; les commandes d'édition invoquées à partir du menu principal fonctionneront à l'intérieur de la zone de contenu. Notez que HTML a aussi un système de commandes et de contrôleur, bien que vous ne puissiez pas l'utiliser sur des pages Web sans privilèges. Mais vous pouvez l'utiliser, par exemple, dans une extension du navigateur. Si la fenêtre ne fournit pas un contrôleur capable de gérer la commande, rien ne se passera.</p> -<p>Vous pouvez récupérer le répartiteur de commande en utilisant la propriété <code>commandDispatcher</code> de l'objet <code>document</code>, ou à partir des contrôleurs listés dans un élément ou la fenêtre. Le répartiteur de commande contient des méthodes pour récupérer les contrôleurs pour les commandes et pour récupérer et modifier le focus.</p> -<h4 id="Ajout_de_contr.C3.B4leurs" name="Ajout_de_contr.C3.B4leurs">Ajout de contrôleurs</h4> -<p>Vous pouvez implémenter vos propres contrôleurs pour répondre aux commandes. Vous pouvez tout aussi bien surcharger la gestion par défaut d'une commande en plaçant le contrôleur correctement. Un contrôleur doit implémenter quatre méthodes qui sont listées ci-dessous :</p> -<dl> <dt>supportsCommand (command) </dt> <dd>Cette méthode doit renvoyer 'true' si le contrôleur gère la commande. Si vous renvoyez 'false', la commande n'est pas gérée et le répartiteur de commande interrogera un autre contrôleur. Un contrôleur peut gérer plusieurs commandes.</dd> -</dl> -<dl> <dt>isCommandEnabled (command) </dt> <dd>Cette méthode doit renvoyer 'true' si la commande est activée, 'false' sinon. Les boutons correspondants seront désactivés automatiquement.</dd> -</dl> -<dl> <dt>doCommand (command) </dt> <dd>exécute la commande. C'est ici que vous mettrez le code pour gérer la commande.</dd> -</dl> -<dl> <dt>onEvent (event) </dt> <dd>Cette méthode gère un événement.</dd> -</dl> -<h4 id="Exemple.C2.A0_impl.C3.A9mentation_d.27un_contr.C3.B4leur" name="Exemple.C2.A0:_impl.C3.A9mentation_d.27un_contr.C3.B4leur">Exemple : implémentation d'un contrôleur</h4> -<p>Imaginons que nous voulions implémenter une boîte de liste (<code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>) qui gère la commande « Supprimer ». Quand un utilisateur sélectionne « Supprimer » dans le menu, la boîte de liste efface la ligne sélectionnée. Dans ce cas, vous avez juste à attacher un contrôleur à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> qui exécutera l'action correspondante dans sa méthode <code>doCommand</code>.</p> -<p>Essayez d'ouvrir l'exemple qui suit (<a href="https://developer.mozilla.org/samples/xultu/examples/commands.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/commands.xul">Voir</a>) dans une fenêtre du navigateur et sélectionnez des items de la liste. Vous noterez que la commande « Supprimer » du menu « Edition » du navigateur est activée et qu'elle effacera la ligne sélectionnée. L'exemple n'est cependant pas complet. Nous devrions nous assurer que la sélection et le focus soient ajustés comme il faut après l'effacement.</p> -<pre><window id="controller-example" title="Exemple de contrôleur" onload="init();" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<script> -function init() -{ - var list = document.getElementById("theList"); - - var listController = { - supportsCommand : function(cmd){ return (cmd == "cmd_delete"); }, - isCommandEnabled : function(cmd){ - if (cmd == "cmd_delete") return (list.selectedItem != null); - return false; - }, - doCommand : function(cmd){ - list.removeItemAt(list.selectedIndex); - }, - onEvent : function(evt){ } - }; - - list.controllers.appendController(listController); -} -</script> - -<listbox id="theList"> - <listitem label="Océan"/> - <listitem label="Désert"/> - <listitem label="Jungle"/> - <listitem label="Marécage"/> -</listbox> - -</window> -</pre> -<p>Le contrôleur <code>listController</code> implémente les quatre fonctions décrites plus haut. La méthode <code>supportsCommand</code> renvoie 'true' pour la commande 'cmd_delete', qui est le nom de la commande utilisée lorsque l'item de menu « Supprimer » est sélectionné. Pour les autres commandes, 'false' est renvoyé puisque le contrôleur ne gère aucune autre commande. Si vous voulez gérer d'autres commandes, vous devrez les tester ici, car il est fréquent d'un simple contrôleur gère de multiples commandes apparentées.</p> -<p>La méthode <code>isCommandEnabled</code> renvoie 'true' si la commande est activée. Dans le cas présent, nous vérifions s'il y a un item sélectionné dans la liste et renvoyons 'true' si c'est le cas. S'il n'y a pas de sélection, 'false' est renvoyé. Si vous effacez toutes les lignes dans l'exemple, la commande « Supprimer » deviendra inactive. Vous devrez cliquer sur la liste pour mettre à jour le menu dans cet exemple simple. La méthode <code>doCommand</code> sera appelée lorsque l'item de menu « Supprimer » sera sélectionné, et elle provoquera l'effacement de la ligne sélectionnée dans la liste. Rien ne doit se produire pour la méthode <code>onEvent</code>, aussi nous n'ajouterons pas de code pour celle-ci.</p> -<h4 id="Surcharger_un_contr.C3.B4leur_par_d.C3.A9faut" name="Surcharger_un_contr.C3.B4leur_par_d.C3.A9faut">Surcharger un contrôleur par défaut</h4> -<p>Nous attachons ce contrôleur à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> en appelant la méthode <code>appendController</code> des objets contrôleurs de la liste. L'objet <a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/nsIControllers.html">controller</a> a un certain nombre de méthodes qui peuvent être utilisées pour manipuler les contrôleurs. Par exemple, il possède une méthode <code>insertControllersAt</code> qui insère un contrôleur dans un élément avant les autres. Elle peut être utile pour surcharger des commandes. Par exemple, le code suivant désactivera le collage du presse-papiers dans un champ de saisie.</p> -<pre>var tboxController = { - supportsCommand : function(cmd){ return (cmd == "cmd_paste"); }, - isCommandEnabled : function(cmd){ return false; }, - doCommand : function(cmd){ }, - onEvent : function(evt){ } -}; - -document.getElementById("tbox").controllers.insertControllerAt(0,tboxController); -</pre> -<p>Dans cet exemple, nous insérons le contrôleur à l'index '0', c'est-à-dire avant tous les autres. Le nouveau contrôleur supporte la commande 'cmd_paste' et indique qu'elle est désactivée. Le contrôleur par défaut de <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> ne sera jamais appelé parce que le répartiteur de commande trouve un contrôleur avant celui-ci, prenant en charge la commande en premier.</p> -<hr> -<p>Dans la section suivante, nous allons voir comment mettre à jour les commandes.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Focus_et_Selection" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Mise_à_jour_de_commandes">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/contenu_anonyme/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/contenu_anonyme/index.html deleted file mode 100644 index 92fc00f9e5..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/contenu_anonyme/index.html +++ /dev/null @@ -1,214 +0,0 @@ ---- -title: Contenu anonyme -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Contenu_anonyme -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Anonymous_Content ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Introduction_à_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Héritage_d'attributs_XBL">Suivant »</a></p> -</div> - -<p>Dans cette section, nous allons voir comment créer un contenu avec XBL (eXtended Binding Language).</p> - -<h3 id="Le_contenu_XBL" name="Le_contenu_XBL">Le contenu XBL</h3> - -<p>XBL peut être utilisé pour ajouter automatiquement un ensemble d'éléments à l'intérieur d'un autre élément. Le fichier XUL a uniquement besoin de spécifier l'élément externe tandis que l'élément interne est décrit dans un fichier XBL. C'est utile pour créer un élément graphique simple qui est construit à partir d'un ensemble d'autres éléments, mais qui peut être référencé comme un seul élément graphique. Des mécanismes sont fournis pour ajouter des attributs aux éléments internes qui étaient spécifiés dans l'élément externe.</p> - -<h4 id="Exemple_de_d.C3.A9claration_d.27une_barre_de_d.C3.A9filement" name="Exemple_de_d.C3.A9claration_d.27une_barre_de_d.C3.A9filement">Exemple de déclaration d'une barre de défilement</h4> - -<p>L'exemple ci-dessous montre comment une barre de défilement pourrait être déclarée (il a été un peu simplifié par rapport à la réalité) :</p> - -<pre><bindings xmlns="http://www.mozilla.org/xbl" - xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - <binding id="scrollbarBinding"> - <content> - <xul:scrollbarbutton type="decrement"/> - <xul:slider flex="1"> - <xul:thumb/> - </xul:slider> - <xul:scrollbarbutton type="increment"/> - </content> - </binding> -</bindings> -</pre> - -<p>Ce fichier contient une seule liaison, déclarée avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/binding" title="binding">binding</a></code>. L'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> doit être déclaré avec l'identifiant de la liaison. De cette façon il y est fait référence au travers de la propriété CSS <a href="/fr/docs/Web/CSS/-moz-binding" title="La propriété -moz-binding, utilisée par les applications Mozilla, permet d'attacher une liaison (binding) XBL à un élément DOM."><code>-moz-binding</code></a>.</p> - -<p>La balise <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> est utilisée pour déclarer le contenu anonyme qui sera ajouté à la barre de défilement. Tous les éléments à l'intérieur de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> seront ajoutés au sein de l'élément auquel la liaison est liée. Cette liaison sera vraisemblablement liée à une barre de défilement, bien qu'elle puisse ne pas l'être. Chaque élément dont la propriété CSS <a href="/fr/docs/Web/CSS/-moz-binding" title="La propriété -moz-binding, utilisée par les applications Mozilla, permet d'attacher une liaison (binding) XBL à un élément DOM."><code>-moz-binding</code></a> est déclarée avec l'URL de la liaison, va l'utiliser.</p> - -<p>L'utilisation de la liaison ci-dessus a pour résultat que la ligne de XUL ci-dessous soit interprétée comme suit, en supposant que la barre de défilement est liée au XBL ci-dessus :</p> - -<pre class="eval"><scrollbar> - -<strong>devient :</strong> - -<scrollbar> - <xul:scrollbarbutton type="decrement"/> - <xul:slider flex="1"> - <xul:thumb/> - </xul:slider> - <xul:scrollbarbutton type="increment"/> -</scrollbar> -</pre> - -<p>Les éléments au sein de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> sont ajoutés anonymement à la barre de défilement. Bien que le contenu anonyme soit affiché à l'écran, vous ne pouvez pas y accéder à l'aide d'un script par la voie normale. Dans XUL, c'est comme s'il n'y avait qu'un seul élément, bien qu'il se compose en réalité de plusieurs éléments.</p> - -<p>Si vous observez une barre de défilement dans une fenêtre Mozilla, vous verrez qu'elle est composée d'un bouton en forme de flèche, d'une zone de coulissement, d'une poignée à l'intérieur et d'un second bouton en forme de flèche à la fin, ce sont les éléments qui apparaissent dans le contenu XBL ci-dessus. Ces éléments pourraient à leur tour être liés à d'autres liaisons qui utilisent les éléments XUL de base. Notez que les éléments de contenu ont besoin de l'espace de nommage de XUL (ils apparaissent précédés de <code>xul:</code>), parce que ce sont des éléments de XUL et qu'ils ne sont pas valides dans XBL. Cet espace de nommage a été déclaré dans la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code>. Si vous n'utilisez pas l'espace de nommage sur les éléments de XUL, Mozilla supposera que ce sont des éléments XBL et il ne les comprendra pas, et vos éléments ne fonctionneront pas correctement.</p> - -<h4 id="Exemple_d.27un_champ_de_saisie_de_nom_de_fichier" name="Exemple_d.27un_champ_de_saisie_de_nom_de_fichier">Exemple d'un champ de saisie de nom de fichier</h4> - -<p>Un autre exemple, cette fois pour un champ dans lequel vous pourriez entrer un nom de fichier :</p> - -<pre><binding id="fileentry"> - <content> - <textbox/> - <button label="Parcourir..."/> - </content> -</binding> -</pre> - -<p>L'attachement de cette liaison sur un élément lui fera contenir un champ de saisie de texte, suivi d'un bouton 'Parcourir...'. Ce contenu interne est créé anonymement et ne peut être vu en utilisant le DOM (Modèle Objet de Document).</p> - -<h3 id="Remplacement_de_l.27.C3.A9l.C3.A9ment_de_liaison" name="Remplacement_de_l.27.C3.A9l.C3.A9ment_de_liaison">Remplacement de l'élément de liaison</h3> - -<p>Le contenu anonyme est créé automatiquement chaque fois qu'une liaison est attachée à un élément. Si vous placez des éléments fils à l'intérieur du contenu XUL, ils vont écraser les éléments fournis par la liaison. Par exemple, prenez cet extrait XUL, en supposant qu'il soit lié à la barre de défilement XBL de tout à l'heure :</p> - -<pre><scrollbar/> - -<scrollbar> - <button label="Écraser"/> -</scrollbar> -</pre> - -<p>Puisque la première barre de défilement n'a pas de contenu qui lui est propre, celui-ci sera généré à partir de la définition de la liaison du fichier XBL. La seconde barre de défilement a son propre contenu donc elle l'utilisera à la place du contenu XBL, ce qui a pour résultat quelque chose qui ne ressemble plus à une barre de défilement. Notez que beaucoup d'éléments natifs de construction, comme les barres de défilement, ont leur définition XBL stockée dans des fichiers situés dans le répertoire "bindings" du paquetage toolkit.jar.</p> - -<p>Ce mécanisme s'applique seulement aux éléments définis à l'intérieur de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code>. Les propriétés, les méthodes et d'autres aspects d'XBL restent disponibles, que le contenu provienne d'XBL ou que XUL fournisse son propre contenu.</p> - -<h3 id="Utilisation_de_l.27.C3.A9l.C3.A9ment_children" name="Utilisation_de_l.27.C3.A9l.C3.A9ment_children">Utilisation de l'élément <code>children</code></h3> - -<p>Il peut y avoir des fois où vous souhaitez que soient montrés à la fois le contenu XBL et celui fournit par le fichier XUL. Il vous suffit d'utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>. Les éléments fils dans XUL sont ajoutés en lieu et place de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>. C'est pratique pour créer des éléments graphiques de menu personnalisés. Par exemple, une version simplifiée d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> éditable, pourrait être créée comme ceci :</p> - -<pre class="eval"><strong>XUL:</strong> - -<menu class="dropbox"> - <menupopup> - <menuitem label="1000"/> - <menuitem label="2000"/> - </menupopup> -</menu> - -<strong>CSS:</strong> - -menu.dropbox { - -moz-binding: url('<a class="external" rel="freelink">chrome://example/skin/example.xml#dropbox'</a>); -} - -<strong>XBL:</strong> - -<binding id="dropbox"> - <content> - <children/> - <xul:textbox flex="1"/> - <xul:button src="<a class="external" rel="freelink">chrome://global/skin/images/dropbox.jpg</a>"/> - </content> -</binding> -</pre> - -<p>Cet exemple crée un champ de saisie suivi d'un bouton. Le <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> sera ajouté au contenu à l'emplacement spécifié par l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>. Notez que pour les fonctions du DOM, le contenu apparaîtra comme s'il était dans le fichier XUL, ainsi le menupopup sera un fils du menu. Le contenu XBL est caché ainsi le développeur d'une application sous XUL n'a même pas besoin de savoir qu'il est là.</p> - -<p>Le contenu résultant serait :</p> - -<pre><menu class="dropbox"> - <menupopup> - <menuitem label="1000"/> - <menuitem label="2000"/> - </menupopup> - <textbox flex="1"/> - <button src="chrome://global/skin/images/dropbox.jpg"/> -</menu> -</pre> - -<h4 id="Attribut_XULAttrincludes" name="Attribut_XULAttrincludes">Attribut <code id="a-includes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/includes">includes</a></code></h4> - -<p>Dans certains cas, vous souhaiterez n'inclure que des types de contenus spécifiques et non d'autres. Ou bien, vous souhaiterez placer différents types de contenus à différents endroits. L'attribut <code>includes</code> peut être utilisé pour n'autoriser que certains éléments à apparaître dans le contenu. Sa valeur doit être déclarée pour un simple nom de balise, ou pour une liste de balises séparées par des barres verticales (Le symbole <code>|</code>).</p> - -<pre><children includes="button"></pre> - -<p>Cette ligne va ajouter tous les boutons qui sont fils de l'élément lié en lieu et place de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>. Les autres éléments ne correspondront pas avec cette balise. Vous pouvez placer plusieurs éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code> dans une liaison pour placer différents types de contenus à différents endroits. Si un élément dans XUL ne correspond pas aux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>, cet élément (et les autres n'y correspondant pas) sera utilisé à la place du contenu lié.</p> - -<p>Voici un autre exemple. Disons que nous voulions créer un élément graphique qui affiche une image avec un bouton de zoom "Agrandir" et un bouton de zoom "Réduire" de part et d'autre. Il pourrait être créé avec une boîte qui contiendrait l'image et deux boutons. L'élément image doit être placé à l'extérieur du fichier XBL car il sera différent selon l'usage.</p> - -<pre class="eval"><strong>XUL:</strong> - -<box class="zoombox"> - <image src="images/happy.jpg"/> - <image src="images/angry.jpg"/> -</box> - -<strong>XBL:</strong> - -<binding id="zoombox"> - <content> - <xul:box flex="1"> - <xul:button label="Agrandir"/> - <xul:box flex="1" style="border: 1px solid black"> - <children includes="image"/> - </xul:box> - <xul:button label="Réduire"/> - </xul:box> - </content> -</binding> -</pre> - -<p>Les fils explicites dans le fichier XUL seront placés à l'endroit où se trouve la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>. Il y a deux images, ainsi toutes les deux seront ajoutées à côté de l'une et l'autre. Cela a pour conséquence un affichage équivalent au code suivant :</p> - -<pre><binding id="zoombox"> - <content> - <xul:box flex="1"> - <xul:button label="Agrandir"/> - <xul:box flex="1" style="border: 1px solid black"> - <image src="images/happy.jpg"/> - <image src="images/angry.jpg"/> - </xul:box> - <xul:button label="Réduire"/> - </xul:box> - </content> -</binding> -</pre> - -<p>D'un point de vue du DOM, les éléments fils sont toujours à leur emplacement original. En effet, la boîte XUL externe a deux fils qui sont les deux images. La boîte interne avec la bordure a un fils, la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>. C'est une distinction importante lorsqu'on utilise le DOM avec XBL. Elle s'applique également aux règles du sélecteur CSS.</p> - -<h3 id="Les_.C3.A9l.C3.A9ments_fils_multiples" name="Les_.C3.A9l.C3.A9ments_fils_multiples">Les éléments fils multiples</h3> - -<p>Vous pouvez également utiliser plusieurs éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code> et avoir certains éléments placés à un endroit et d'autres éléments placés à un autre. En ajoutant l'attribut <code id="a-includes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/includes">includes</a></code> contenant une liste de nom de balises séparés par des barres verticales, vous pouvez placer uniquement les éléments correspondants à cet endroit. Par exemple, le fichier XBL suivant va faire apparaître des libellés et des boutons à un endroit différent des autres éléments :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xblcontent_1.xml.txt">Source</a></p> - -<pre><binding id="navbox"> - <content> - <xul:vbox> - <xul:label value="Libellés et boutons"/> - <children includes="label|button"/> - </xul:vbox> - <xul:vbox> - <xul:label value="Autres éléments"/> - <children/> - </xul:vbox> - </content> -</binding> -</pre> - -<p>Le premier élément <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code> n'inclut que les éléments <code>label</code> et <code>button</code>, comme indiqué dans son attribut <code>includes</code>. Le second élément <code><a href="/fr/docs/Mozilla/Tech/XUL/children" title="children">children</a></code>, parce qu'il n'a pas d'attribut <code>includes</code>, ajoute tous les éléments restants.</p> - -<hr> -<p>Dans la prochaine section, nous verrons comment des attributs peuvent être hérités dans le contenu anonyme.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Introduction_à_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Héritage_d'attributs_XBL">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/création_d'un_assistant/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/création_d'un_assistant/index.html deleted file mode 100644 index 8ca985799e..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/création_d'un_assistant/index.html +++ /dev/null @@ -1,141 +0,0 @@ ---- -title: Création d'un assistant -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Création_d'un_assistant -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Creating_a_Wizard ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Boîte_de_dialogue_de_fichier" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Assistant_avançé">Suivant »</a></p> -</div> - -<p>Beaucoup d'applications utilisent des assistants pour aider l'utilisateur dans des tâches complexes. XUL fournit un moyen de créer des assistants facilement.</p> - -<h3 id="L.27.C3.A9l.C3.A9ment_XULElemwizard" name="L.27.C3.A9l.C3.A9ment_XULElemwizard">L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code></h3> - -<p>Un assistant est un type spécial de boîte de dialogue, contenant un certain nombre de pages. Des boutons de navigation apparaissent en bas de la boîte de dialogue pour passer d'une page à l'autre. Les assistants sont habituellement utilisés pour aider l'utilisateur à effectuer des tâches complexes. Chaque page contient une seule question ou un ensemble de questions associées. À la dernière page, l'opération est effectuée.</p> - -<p>XUL fournit un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code> qui peut être utilisé pour créer des assistants. Le contenu à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code> inclut tout le contenu de chaque page. Les attributs placés sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code> sont utilisés pour contrôler la navigation. Quand vous créez un assistant, utilisez la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code> à la place de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>.</p> - -<div class="note">Notez que pour le moment les assistants ne fonctionnent correctement qu'à partir d'URLs chrome.</div> - -<p>Un assistant consiste en un ensemble de sections, bien que la mise en page exacte variera pour chaque plateforme. L'aspect visuel de l'assistant s'adaptera à la plateforme de l'utilisateur. Une mise en page type inclura un titre en haut, un ensemble de boutons de navigations en bas, et le contenu de la page entre les deux.</p> - -<p>Le titre du haut est créé en utilisant l'attribut <code id="a-title"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/title">title</a></code> comme on le ferait pour les fenêtres normales. Les boutons de navigation sont créés automatiquement. Les pages de l'assistant sont créées en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizardpage" title="wizardpage">wizardpage</a></code>. Vous pouvez y placer tout contenu que vous voulez.</p> - -<h4 id="Exemple_d.27assistant" name="Exemple_d.27assistant">Exemple d'assistant</h4> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_wizard_1.xul.txt">Source</a></p> - -<pre><?xml version="1.0" encoding="iso-8859-1"?> - -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<wizard id="example-window" title="Assistant de sélection de chien" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - - <wizardpage> - <description> - Cet assistant vous aidera à sélectionner le type de chien qui sera le mieux pour vous. - </description> - <label value="Pourquoi voulez vous un chien ?"/> - <menulist> - <menupopup> - <menuitem label="Pour faire peur aux gens"/> - <menuitem label="Pour se débarrasser d'un chat"/> - <menuitem label="J'ai besoin d'un meilleur ami"/> - </menupopup> - </menulist> - </wizardpage> - - <wizardpage description="Détails sur le chien"> - <label value="Fournissez plus de détails sur le chien que vous désirez :"/> - <radiogroup> - <caption label="Taille"/> - <radio value="small" label="Petit"/> - <radio value="large" label="Grand"/> - </radiogroup> - <radiogroup> - <caption label="Sexe"/> - <radio value="male" label="Male"/> - <radio value="female" label="Femelle"/> - </radiogroup> - </wizardpage> - -</wizard> -</pre> - -<div class="float-right"><img alt="Image:xultu_wizard1.jpg" class="internal" src="/@api/deki/files/1567/=Xultu_wizard1.jpg"></div> - -<p>L'assistant a deux pages, une qui a une liste déroulante et une autre qui a un ensemble de boutons radios. L'assistant sera formaté automatiquement, avec un titre en haut et un ensemble de boutons le long du bas de la fenêtre. L'utilisateur peut naviguer entre les pages de l'assistant avec les boutons 'Précédent' et 'Suivant'. Ces boutons s'activeront ou se désactiveront eux-mêmes aux moments appropriés. De plus, sur la dernière page, le bouton 'Terminer' apparaîtra. Tout ceci est automatique, aussi, vous n'avez rien à faire pour manipuler les pages.</p> - -<p>L'attribut <code id="a-description"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/description">description</a></code> peut être éventuellement placé sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizardpage" title="wizardpage">wizardpage</a></code> pour fournir un sous-titre pour la page concernée. Dans l'exemple du dessus, il est placé sur la seconde page, mais pas sur la première.</p> - -<h3 id="Gestion_des_changements_de_page" name="Gestion_des_changements_de_page">Gestion des changements de page</h3> - -<p>Généralement, vous souhaitez réaliser une action après que le bouton 'Terminer' ait été pressé. Vous pouvez mettre un attribut <code id="a-onwizardfinish"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onwizardfinish">onwizardfinish</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizard" title="wizard">wizard</a></code> pour accomplir cette tâche. Spécifiez-y un script qui exécutera ce que vous voulez et qui renverra 'true'. Le script peut être utilisé pour sauvegarder les informations que l'utilisateur a saisi dans l'assistant. Par exemple :</p> - -<pre><wizard id="example-window" title="Assistant de sélection de chien" - onwizardfinish="return saveDogInfo();" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> -</pre> - -<p>Quand l'utilisateur clique sur le bouton 'Terminer', la fonction <code>saveDogInfo</code> définie dans un script sera appelée pour sauvegarder les informations saisies. Si la fonction renvoie 'true', l'assistant se fermera. Si elle renvoie 'false', alors l'assistant ne se fermera pas, ce qui pourrait signifier par exemple que la fonction <code>saveDogInfo</code> a rencontré une saisie invalide.</p> - -<p>Il existe également les attributs similaires <code id="a-onwizardback"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onwizardback">onwizardback</a></code>, <code id="a-onwizardnext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onwizardnext">onwizardnext</a></code> et <code id="a-onwizardcancel"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onwizardcancel">onwizardcancel</a></code> qui sont appelés quand les boutons 'Précédent', 'Suivant' et 'Annuler' sont respectivement pressés. Ces fonctions sont appelées quelque soit la page en cours affichée.</p> - -<p>Pour appeler un code différent en fonction de la page où vous êtes, utilisez les attributs <code id="a-onpagerewound"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpagerewound">onpagerewound</a></code> ou <code id="a-onpageadvanced"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpageadvanced">onpageadvanced</a></code> sur un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizardpage" title="wizardpage">wizardpage</a></code>. Ils fonctionnent de manière similaire aux autres fonctions, excepté que vous pouvez utiliser un script différent pour chaque page. Cette méthode vous permet de valider les informations saisies sur chaque page avant que l'utilisateur ne continue.</p> - -<p>Une troisième méthode est l'utilisation des attributs <code id="a-onpagehide"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpagehide">onpagehide</a></code> et <code id="a-onpageshow"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpageshow">onpageshow</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/wizardpage" title="wizardpage">wizardpage</a></code>. Ils sont appelés lorsque la page est cachée ou affichée, indifféremment du bouton pressé (excepté quand le bouton 'Annuler' est pressé ; vous devez utiliser <code id="a-onwizardcancel"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onwizardcancel">onwizardcancel</a></code> pour le vérifier).</p> - -<p>Ces trois méthodes devraient fournir suffisamment de souplesse pour gérer la navigation comme vous le souhaitez. Ce qui suit est un résumé des fonctions d'attributs appelées quand l'utilisateur presse 'Suivant', dans l'ordre dans lequel elles sont vérifiées. Dés que l'une renvoie 'false', la navigation est annulée.</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <th>Attribut</th> - <th>Placé sur la balise</th> - <th>Quand est-il appelé ?</th> - </tr> - <tr> - <td>pagehide</td> - <td>wizardpage</td> - <td>Appelé sur la page que l'utilisateur quitte.</td> - </tr> - <tr> - <td>pageadvanced</td> - <td>wizardpage</td> - <td>Appelé sur la page que l'utilisateur quitte.</td> - </tr> - <tr> - <td>wizardnext</td> - <td>wizard</td> - <td>Appelé sur l'assistant.</td> - </tr> - <tr> - <td>pageshow</td> - <td>wizardpage</td> - <td>Appelé sur la page sur laquelle l'utilisateur entre.</td> - </tr> - </tbody> -</table> - -<p>Un processus similaire existe pour le bouton 'Précédent'.</p> - -<div class="note">À chaque fois que vous utiliserez une fonction dans un des événements ci-dessus, tel que pageadvanced, vous devrez utiliser <code>return NomFonct()</code> au lieu de simplement appeler <code>NomFonct()</code>. - -<pre><wizardpage pageadvanced='return NomFonct()'></wizardpage></pre> -</div> - -<hr> -<p>Dans la prochaine section, nous verrons des fonctionnalités supplémentaires sur les assistants.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Boîte_de_dialogue_de_fichier" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Assistant_avançé">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/création_d'un_programme_d'installation/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/création_d'un_programme_d'installation/index.html deleted file mode 100644 index c83ee8d774..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/création_d'un_programme_d'installation/index.html +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: Création d'un programme d'installation -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Création_d'un_programme_d'installation -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Creating_an_Installer ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Overlays_inter-paquetage" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_scripts_d'installation">Suivant »</a></p> -</div> - -<div class="note">NdT : Attention, cette section décrit le mécanisme XPInstall propre à la suite Mozilla et à des versions anciennes de Mozilla Firefox. Pour les versions récentes de Mozilla Firefox, ce mode d'installation n'est plus le même, mais il n'est pas encore décrit dans ce tutoriel. Voir <a class="external" href="http://xulfr.org/wiki/ExtensionsFirefox">comment faire des extensions pour firefox</a> sur xulfr.org.</div> - -<p>Cette section va décrire le paquetage d'une application XUL dans un programme d'installation.</p> - -<h3 id="Paquetages_d.27installation_XPI" name="Paquetages_d.27installation_XPI">Paquetages d'installation XPI</h3> - -<p>Mozilla propose un mécanisme qui peut être utilisé pour empaqueter des fenêtres XUL, des scripts, des thèmes graphiques et d'autres fichiers dans un seul installateur. Il suffit de placer le fichier d'installation quelque part où les utilisateurs pourront le télécharger. Un simple script peut être utilisé pour assurer le téléchargement et l'installation du paquetage. Ce mécanisme est appelé <a href="/fr/XPInstall" title="fr/XPInstall">XPInstall</a> (Cross Platform Install).</p> - -<p>Les installateurs XPI sont empaquetés dans des fichiers JAR. À l'intérieur d'un fichier JAR, vous pouvez ajouter toutes sortes de fichiers que vous voulez voir installés. De plus, les installateurs doivent contenir un script (un fichier nommé install.js) qui décrit le processus d'installation. Ce script a accès à quelques fonctions d'installation qui peuvent être employées pour installer des fichiers et des composants.</p> - -<p>Les fichiers d'installation JAR ont typiquement l'extension .xpi (prononcez zippy) pour les distinguer des autres fichiers d'archives. Les installateurs seront habituellement utilisés pour installer des composants Mozilla tels que des thèmes graphiques, des extensions et d'autres paquetages.</p> - -<p>Il y a plusieurs étapes pour démarrer et installer les composants. Elles sont décrites pas à pas ci dessous :</p> - -<ol> - <li>Créer une page Web à partir de laquelle l'utilisateur peut charger l'application à installer. La page doit contenir un déclencheur d'installation qui est un petit script lançant l'installation.</li> - <li>Une boîte de dialogue présente à l'utilisateur le paquetage qui doit être installé. Il est possible pour le déclencheur de lancer de multiples installations. Dans ce cas, elles seront présentées dans une liste. L'utilisateur doit choisir de continuer ou d'annuler.</li> - <li>Si l'utilisateur choisit de continuer, le fichier d'installation XPI est téléchargé. Une barre de progression est affichée durant le processus.</li> - <li>Le fichier install.js est extrait de l'archive et exécuté. Le script va appeler les fonctions d'installation qui indiqueront quels fichiers de l'archive doivent être installés.</li> - <li>Une fois le script terminé, le nouveau paquetage a été installé. Si de multiples paquetages doivent être installés, leurs scripts se lanceront l'un après l'autre.</li> -</ol> - -<h3 id="D.C3.A9clencheurs_d.27installation" name="D.C3.A9clencheurs_d.27installation">Déclencheurs d'installation</h3> - -<p>Comme indiqué ci-dessus, le processus d'installation est lancé par un déclencheur d'installation. Il requiert l'utilisation de l'objet global spécial <code>InstallTrigger</code>. Il contient un certain nombre de méthodes qui peuvent être utilisées pour démarrer une installation. Vous pouvez utiliser cet objet dans un contenu local ou à distance, ce qui signifie qu'il est adapté pour un téléchargement à partir d'un site Web.</p> - -<p>Créons un exemple de déclencheur d'installation. Il nécessite l'utilisation de la fonction <code>InstallTrigger.install()</code>. Cette fonction a deux arguments, le premier est la liste des paquetages à installer, et le second est la référence à une fonction de rappel qui sera appelée lorsque l'installation est terminée. Voici un exemple :</p> - -<pre>function doneFn ( name , result ){ - alert("Le paquetage " + name + " a été installé avec un résultat de " + result); -} - -var xpi = new Object(); -xpi["Calendar"] = "calendar.xpi"; -InstallTrigger.install(xpi,doneFn); -</pre> - -<p>Premièrement, nous définissons la fonction <code>doneFn()</code> qui sera appelée lorsque l'installation est terminée. Bien entendu, vous pouvez nommer cette fonction comme vous le souhaitez. Cette fonction a deux arguments. Le premier argument est le nom du paquetage qui vient juste d'être installé. Celui ci est important si vous installez de multiples composants. Le second argument est un code de résultat. Un code de valeur '0' signifie que l'installation s'est terminée avec succès. Si le code de résultat n'est pas nul, une erreur a eu lieu et la valeur représente un code d'erreur. Ici, la fonction <code>doneFn()</code> affiche simplement une boîte d'alerte à l'utilisateur.</p> - -<p>Ensuite, nous créons un tableau xpi qui contient le nom ('Calendar') et l'URL ('calendar.xpi') du programme d'installation. Vous pouvez ajouter une ligne similaire pour chaque paquetage que vous souhaitez installer. Finalement, nous appelons la fonction d'installation.</p> - -<p>Lorsque cette portion de script sera exécutée, le fichier calendar.xpi sera installé.</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h4> - -<p>Essayons ce script avec notre exemple de recherche de fichiers.</p> - -<pre>function doneFn ( name , result ){ - if (result) alert("L'erreur suivante a eu lieu: " + result); -} - -var xpi = new Object(); -xpi["Find Files"] = "findfile.xpi"; -InstallTrigger.install(xpi,doneFn); -</pre> -</div> - -<h3 id="L.27archive_XPI" name="L.27archive_XPI">L'archive XPI</h3> - -<div class="note"><strong>Note</strong> : Si vous créez une nouvelle <a href="/fr/XULRunner" title="fr/XULRunner">application XULRunner</a>, <a href="/fr/Extensions" title="fr/Extensions">extension</a>, ou <a href="/fr/Thèmes" title="fr/Thèmes">thème</a>, consultez la page <a href="/fr/Bundles" title="fr/Bundles">Bundles</a>.</div> - -<p>Le fichier d'installation XPI doit obligatoirement contenir au minimum un fichier appelé install.js qui est un fichier <a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a> exécuté lors de l'installation. Les autres fichiers sont les fichiers à installer. Ces derniers sont typiquement placés dans des répertoires de l'archive mais ils n'ont pas lieu de l'être. Pour des fichiers chrome, ils devraient être structurés comme le répertoire chrome.</p> - -<p>Souvent, les seuls fichiers trouvés dans une archive XPI sont le script d'installation (install.js) et un fichier JAR. Ce fichier JAR contient tous les fichiers utilisés par votre application. Les composants de Mozilla sont installés de cette manière.</p> - -<p>Parce que les fichiers XPI ne sont rien d'autres que des fichiers ZIP, vous pouvez les créer en utilisant un utilitaire zip (NdT : les fichiers JAR sont également des fichiers ZIP).</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers_2" name="Notre_exemple_de_recherche_de_fichiers_2">Notre exemple de recherche de fichiers</h4> - -<p>Pour notre exemple de recherche de fichiers, nous créerons une structure dans l'archive comme ce qui suit :</p> - -<pre>install.js -findfile - content - contents.rdf - findfile.xul - findfile.js - skin - contents.rdf - findfile.css - locale - contents.rdf - findfile.dtd -</pre> - -<p>Un répertoire a été ajouté pour chaque partie du paquetage, pour le contenu, pour le thème graphique et pour la localisation. Des fichiers 'contents.rdf' ont également été ajoutés car ils sont nécessaires pour l'enregistrement des fichiers chrome.</p> -</div> - -<hr> -<p>Dans la section suivante, nous aborderons le script d'installation.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Overlays_inter-paquetage" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_scripts_d'installation">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/créer_des_boîtes_de_dialogue/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/créer_des_boîtes_de_dialogue/index.html deleted file mode 100644 index cc2a63e092..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/créer_des_boîtes_de_dialogue/index.html +++ /dev/null @@ -1,152 +0,0 @@ ---- -title: Créer des boîtes de dialogue -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Créer_des_boîtes_de_dialogue -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Creating_Dialogs ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Caractéristiques_d'une_fenêtre" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Boîte_de_dialogue_de_fichier">Suivant »</a></p> -</div> - -<p>Une application XUL requiert souvent l'affichage de boîtes de dialogue. Cette section décrit comment les construire.</p> - -<h3 id="Cr.C3.A9ation_d.27une_bo.C3.AEte_de_dialogue" name="Cr.C3.A9ation_d.27une_bo.C3.AEte_de_dialogue">Création d'une boîte de dialogue</h3> - -<p>La fonction <code><a href="/fr/DOM/window.openDialog" title="fr/DOM/window.openDialog">openDialog()</a></code> est utilisée pour ouvrir une fenêtre. Une fonction apparentée est <code><a href="/fr/DOM/window.open" title="fr/DOM/window.open">open()</a></code>. Cette fonction a plusieurs différences importantes. Au lieu d'une fenêtre (window), elle affiche une boîte de dialogue (dialog), ce qui implique qu'elle demande quelque chose à l'utilisateur. Elle peut avoir des différences subtiles dans sa manière de fonctionner et d'apparaître à l'utilisateur suivant les différentes plateformes.</p> - -<p>De plus, la fonction <code>openDialog()</code> peut prendre des arguments additionnels en plus des trois premiers habituels. Ces arguments sont passés à la nouvelle boîte de dialogue et placés dans un tableau stocké dans la propriété <code id="a-arguments"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/arguments">arguments</a></code> de la nouvelle fenêtre. Vous pouvez passer autant d'arguments que nécessaire. C'est un moyen pratique de fournir des valeurs par défaut aux champs de la boîte de dialogue.</p> - -<pre>var somefile=document.getElementById('enterfile').value; - -window.openDialog("chrome://findfile/content/showdetails.xul","showmore", - "chrome",somefile); -</pre> - -<p>Dans cet exemple, la boîte de dialogue <code>showdetails.xul</code> sera affichée. L'argument 'somefile' provenant d'un élément d'id 'enterfile' lui est transmis. Dans un script utilisé par la boîte de dialogue, nous pouvons alors faire référence à l'argument en utilisant la propriété <code id="a-arguments"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/arguments">arguments</a></code> de la fenêtre. Par exemple :</p> - -<pre>var fl = window.arguments[0]; - -document.getElementById('thefile').value = fl; -</pre> - -<p>C'est un moyen efficace de passer des valeurs à la nouvelle fenêtre. Vous pouvez renvoyer des valeurs de la fenêtre ouverte vers la fenêtre originelle de deux manières. Première méthode : vous pouvez utiliser la propriété <a href="/fr/DOM/window.opener" title="fr/DOM/window.opener">window.opener</a> qui contient une référence à la fenêtre qui a ouvert la boîte de dialogue. Seconde méthode : vous pouvez passer une fonction ou un objet en argument, puis appeler la fonction ou modifier l'objet dans la boîte de dialogue ouverte.</p> - -<div class="note">Note : <code>openDialog()</code> nécessite un privilège UniversalBrowserWrite. Cela signifie que cette méthode ne fonctionnera pas sur des sites distants ; pour ces sites, utilisez la méthode <code>window.open()</code> à la place.</div> - -<h3 id="L.27.C3.A9l.C3.A9ment_XULElemdialog" name="L.27.C3.A9l.C3.A9ment_XULElemdialog">L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/dialog" title="dialog">dialog</a></code></h3> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/dialog" title="dialog">dialog</a></code> doit être utilisé à la place de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> lors de la création d'une boîte de dialogue. Il offre la possibilité de construire jusqu'à quatre boutons au bas de la boîte de dialogue, pour « OK », « Annuler », etc. Vous n'avez pas besoin d'inclure le code XUL pour chaque bouton mais vous devez fournir le code à exécuter quand l'utilisateur les presse. Ce mécanisme est nécessaire car les différentes plateformes ont un ordre d'affichage spécifique de ces boutons.</p> - -<h4 id="Exemple_de_bo.C3.AEte_de_dialogue" name="Exemple_de_bo.C3.AEte_de_dialogue">Exemple de boîte de dialogue</h4> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dialogs_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dialogs_1.xul">Voir</a></p> - -<pre><?xml version="1.0" encoding="iso-8859-1"?> -<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> - -<dialog id="donothing" title="Ne fait rien" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" - buttons="accept,cancel" - ondialogaccept="return doOK();" - ondialogcancel="return doCancel();"> - -<script> -function doOK(){ - alert("Vous avez appuyé sur OK !"); - return true; -} - -function doCancel(){ - alert("Vous avez appuyé sur Annuler !"); - return true; -} -</script> - -<description value="Veuillez sélectionner un bouton"/> - -</dialog> -</pre> - -<p>Vous pouvez placer tous les éléments que vous souhaitez dans une boîte de dialogue. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/dialog" title="dialog">dialog</a></code> a des attributs que les fenêtres n'ont pas. L'attribut <code id="a-buttons"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/buttons">buttons</a></code>, par exemple, est utilisé pour spécifier quels boutons doivent apparaître dans la boîte de dialogue. Les valeurs suivantes peuvent être utilisées en les séparant par des virgules :</p> - -<ul> - <li>'accept' - un bouton OK</li> - <li>'cancel' - un bouton Annuler</li> - <li>'help' - un bouton Aide</li> - <li>'disclosure' - un bouton d'information, utilisé pour montrer plus d'informations.</li> -</ul> - -<p>Vous pouvez exécuter du code lors de l'appui des boutons en utilisant les attributs <code id="a-ondialogaccept"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ondialogaccept">ondialogaccept</a></code>, <code id="a-ondialogcancel"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ondialogcancel">ondialogcancel</a></code>, <code id="a-ondialoghelp"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ondialoghelp">ondialoghelp</a></code> et <code id="a-ondialogdisclosure"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ondialogdisclosure">ondialogdisclosure</a></code>. Si vous essayez l'exemple ci-dessus, vous remarquerez que la fonction <code>doOK</code> est appelée quand le bouton 'OK' est pressé et que la fonction <code>doCancel</code> est appelée quand le bouton 'Annuler' est pressé.</p> - -<p>Les deux fonctions <code>doOK</code> et <code>doCancel</code> renvoient 'true', ce qui indique que la boîte de dialogue doit être fermée. Si la valeur 'false' était renvoyée, la boîte de dialogue resterait ouverte. Ce fonctionnement pourrait être utilisé dans le cas où une valeur invalide serait entrée dans un champ de la boîte de dialogue.</p> - -<p>Voici d'autres attributs utiles :</p> - -<ul> - <li><code><code id="a-buttonlabelaccept"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/buttonlabelaccept">buttonlabelaccept</a></code></code> - libellé devant apparaître sur le bouton d'acceptation (par ex. Sauvegarder)</li> - <li><code><code id="a-buttonaccesskeyaccept"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/buttonaccesskeyaccept">buttonaccesskeyaccept</a></code></code> - touche de raccourci pour le bouton d'acceptation (par ex. S)</li> - <li><code><code id="a-defaultButton"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/defaultButton">defaultButton</a></code></code> - le bouton activé lorsque la touche <code>Entrée</code> est appuyée</li> -</ul> - -<div class="note"><strong>Note </strong>: Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> sont nécessaires pour les sites distants et ont probablement été omis dans les exemples précédents à cause du <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=224996" title="<dialog> buttons have no label in remote XUL">bug 224996</a>.</div> - -<h4 id="Exemple_de_dialogue_avec_plus_de_fonctionnalit.C3.A9s" name="Exemple_de_dialogue_avec_plus_de_fonctionnalit.C3.A9s">Exemple de dialogue avec plus de fonctionnalités</h4> - -<pre><?xml version="1.0" encoding="iso-8859-1?> -<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> - -<dialog id="myDialog" title="Mon dialogue" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" - onload="window.sizeToContent();" - buttons="accept,cancel" - buttonlabelaccept="Choix favori" - buttonaccesskeyaccept="S" - ondialogaccept="return doSave();" - buttonlabelcancel="Annuler" - buttonaccesskeycancel="n" - ondialogcancel="return doCancel();"> - -<script> -function doSave(){ - //faireTraitement() - return true; -} -function doCancel(){ - return true; -} -</script> - -<dialogheader title="Mon dialogue" description="Exemple de dialogue"/> -<groupbox flex="1"> - <caption label="Sélectionnez votre fruit préféré"/> - <radio id="orange" label="Des oranges car elles sont juteuses"/> - <radio id="violet" selected="true" label="Des frises à cause de leur couleur"/> - <radio id="yellow" label="Des bananes car elles sont déjà emballées"/> -</groupbox> - -</dialog> -</pre> - -<p>Les éléments correspondants aux boutons sont accessibles en JavaScript par le script suivants :</p> - -<pre>// le bouton d'acceptation -var acceptButt = document.documentElement.getButton("accept") -</pre> - -<h4 id="Autres_exemples" name="Autres_exemples">Autres exemples</h4> - -<p>D'autres exemples sont disponibles dans <a href="/fr/Extraits_de_code/Dialogues_et_invites" title="fr/Extraits_de_code/Dialogues_et_invites">Dialogues et invites</a>.</p> - -<hr> -<p>Dans la prochaine section, nous allons voir comment ouvrir des boîtes de dialogue de sélection de fichiers.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Caractéristiques_d'une_fenêtre" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Boîte_de_dialogue_de_fichier">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/créer_un_thème/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/créer_un_thème/index.html deleted file mode 100644 index 55430426d5..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/créer_un_thème/index.html +++ /dev/null @@ -1,205 +0,0 @@ ---- -title: Créer un thème -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Créer_un_thème -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Creating_a_Skin ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Modification_du_thème_par_défaut" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Localisation">Suivant »</a></p> -</div> - -<div class="warning"> -<p>Cette documentation n'a pas été mise à jour pour Firefox Quantum. Il n'y aucune garantie que la modification du fichier <code>userChrome.css</code> fonctionne encore d'une version à l'autre de Firefox. Celle-ci pourrait également provoquer la survenue de bugs difficiles à diagnostiquer. <span class="short_text" id="result_box" lang="fr"><span>À utiliser à vos risques et périls !</span></span></p> -</div> - -<p>Cette section décrit comment créer un thème simple. Nous ne l'appliquerons qu'à la fenêtre de recherche de fichiers.</p> - -<h3 id="Un_th.C3.A8me_simple" name="Un_th.C3.A8me_simple">Un thème simple</h3> - -<p>L'image ci-dessous montre la boîte de dialogue de recherche de fichiers actuelle. Créons un thème que nous pourrons lui appliquer. Normalement, un thème doit s'appliquer à l'application entière, mais, pour plus de facilité, nous allons nous concentrer sur la boîte de dialogue de recherche de fichiers. Pour cette raison, nous n'allons modifier que le fichier 'findfile.css' plutôt que le fichier 'global.css'. Cette section suppose que vous démarriez avec le thème Classic. Si vous le souhaitez, faites une copie des fichiers utilisés par la boîte de dialogue de recherche de fichiers avant de les modifier.</p> - -<p><img alt="Image:xultu_cskin1.jpg" class="internal" src="/@api/deki/files/1513/=Xultu_cskin1.jpg"></p> - -<div class="note"><strong>Note du traducteur</strong> : Pour les versions récentes de mozilla (> 1.6) et de firefox (>0.8), avec le fichier findfile.css tel qu'il est, il se peut que vous n'obteniez pas un design identique à ce que montre l'image. En effet, dans le thème classic, des styles <code>-moz-appearance</code> ont été ajoutés depuis aux différents éléments, leur permettant d'avoir le même aspect que les éléments natifs de l'interface graphique utilisée (windows ou kde, macos, etc.). Ce style empêche certains styles d'être appliqués correctement. Pour pouvoir modifier complètement l'apparence des éléments utilisés dans notre exemple et afin de suivre le tutoriel, il a été rajouté le code suivant dans la feuille de styles de l'exemple : - -<pre class="brush: css">tab, button, menulist, menubar,menupopup,toolbar,tabpanels { - -moz-appearance:none; -} -</pre> -</div> - -<p>Vous devez créer un fichier 'findfile.css' dans un thème personnalisé, ou vous pouvez placer ce fichier temporairement dans le répertoire "content" et y faire référence en utilisant une directive de la feuille de styles. Vous pouvez modifier le fichier 'findfile.css' existant directement pour voir à quoi cela ressemble, ou vous pouvez créer un thème personnalisé et y faire un lien.</p> - -<h4 id="Cr.C3.A9ation_d.27un_paquetage_de_th.C3.A8me_personnalis.C3.A9" name="Cr.C3.A9ation_d.27un_paquetage_de_th.C3.A8me_personnalis.C3.A9">Création d'un paquetage de thème personnalisé</h4> - -<p>Pour créer un thème, faites ce qui suit : (si vous utilisez Firefox 1.5 ou supérieur, consultez plutôt <a href="/fr/Tutoriel_XUL/Les_fichiers_manifest" title="fr/Tutoriel_XUL/Les_fichiers_manifest">les fichiers manifest</a>)</p> - -<ol> - <li>Créez un répertoire quelque part où vous placerez les fichiers du thème.</li> - <li>Copiez un fichier manifeste (contents.rdf) du thème Classic ou Modern dans ce nouveau répertoire.</li> - <li>Modifiez les références dans le fichier manifeste à un nom personnalisé pour votre thème. Par exemple, changez les références de 'classic/1.0' vers 'blueswayedshoes/1.0'.</li> - <li>Ajoutez une ligne de la forme suivante au fichier 'chrome/installed-chrome.txt' :<br> - <code><a class="external" href="skin,install,url,file:///stuff/blueswayedshoes/" rel="freelink">skin,install,url,file:///stuff/blueswayedshoes/</a></code><br> - où la dernière partie pointe vers le répertoire que vous avez créé. Vérifiez bien que vous avez mis un slash à la fin.</li> -</ol> - -<p>Copiez le fichier 'findfile.css' original dans le nouveau répertoire. Nous l'utiliserons comme base pour le nouveau thème. Nous pourrons y faire référence par la suite en utilisant l'URL '<a class="external" rel="freelink">chrome://findfile/skin/findfile.css</a>'.</p> - -<h4 id="Ajout_de_r.C3.A8gles_de_styles" name="Ajout_de_r.C3.A8gles_de_styles">Ajout de règles de styles</h4> - -<p>Décidons d'abord quels types de changements nous voulons effectuer. Nous allons faire de simples changements de couleurs, modifier les styles des boutons et modifier un peu l'espacement. Commençons par les menus, les barres d'outils et le panneau global des onglets.</p> - -<p>L'ajout des règles de styles suivantes à 'findfile.css' provoquera les changements montrés dans l'image qui suit.</p> - -<pre class="brush: css">window > box { - background-color: #0088CC; -} - -menubar,menupopup,toolbar,tabpanels { - background-color: lightblue; - border-top: 1px solid white; - border-bottom: 1px solid #666666; - border-left: 1px solid white; - border-right: 1px solid #666666; -} - -caption { - background-color: lightblue; -} -</pre> - -<p><img alt="Image:xultu_cskin2.jpg" class="internal" src="/@api/deki/files/1514/=Xultu_cskin2.jpg"></p> - -<ul> - <li>La boîte intérieure de la fenêtre (qui entoure en fait tout le contenu de la fenêtre) a été changée pour avoir une couleur bleue.</li> - <li>Vous pouvez voir ce bleu derrière la bande des onglets et le long du bas de la fenêtre.</li> - <li>Les quatre éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> apparaissent en bleu clair.</li> - <li>La bordure autour de ces quatre éléments a été modifiée pour donner une apparence 3D plus forte. Vous pouvez le voir si vous regardez attentivement.</li> - <li>La couleur de fond du <code><a href="/fr/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code> a aussi été modifiée pour correspondre avec le fond.</li> -</ul> - -<p>La première règle au-dessus (pour <code>window > vbox</code>) spécifie que la boîte enfant de la fenêtre principale a une couleur différente. Ce n'est probablement pas la meilleure façon de procéder. Nous devrions plutôt modifier la fenêtre et plutôt utiliser une classe de style. C'est ce que nous allons faire. De cette manière, nous pourrons modifier le code XUL sans avoir besoin de conserver la boîte comme premier élément enfant de la fenêtre.</p> - -<pre class="eval"><strong>CSS:</strong> -.findfilesbox { - background-color: #0088CC; -} - -<strong>XUL:</strong> -<vbox <span class="highlightred">class="findfilesbox"</span> orient="vertical" flex="100%"> -<toolbox> -</pre> - -<h4 id="Arrondis_sur_les_onglets" name="Arrondis_sur_les_onglets">Arrondis sur les onglets</h4> - -<p>Ensuite, modifions les onglets. Nous allons rendre l'onglet sélectionné en gras et changer les arrondis sur les onglets.</p> - -<pre class="brush: css">tab:first-child { - -moz-border-radius: 4px 0px 0px 0px; -} - -tab:last-child { - -moz-border-radius: 0px 4px 0px 0px; -} - -tab[selected="true"] { - color: #000066; - font-weight: bold; - text-decoration: underline; -} -</pre> - -<div class="float-right"><img alt="Image:xultu_cskin3.jpg" class="internal" src="/@api/deki/files/1515/=Xultu_cskin3.jpg"></div> - -<p>Deux règles changent l'apparence normale de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code>. La première met un arrondi sur le premier onglet et la seconde met un arrondi sur le dernier. On utilise ici une règle de styles propre à Mozilla, <code><a href="/fr/CSS/-moz-border-radius" title="fr/CSS/-moz-border-radius">-moz-border-radius</a></code>, qui crée des coins arrondis. La bordure supérieure gauche du premier onglet et la bordure supérieure droite du second onglet sont arrondies de quatre pixels et les autres coins sont arrondis de zéro pixels, ce qui équivaut à aucun arrondi. Augmentez ces valeurs pour un arrondi plus prononcé et diminuez-les pour une apparence plus rectangulaire.</p> - -<p>La dernière règle ne s'applique qu'aux onglets qui ont leur attribut <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> à la valeur 'true'. Elle met le texte d'un onglet sélectionné en gras, souligné et bleu foncé. Notez dans l'image que ce style n'est appliqué qu'au premier onglet, puisqu'il est sélectionné.</p> - -<h4 id="Ajout_des_ic.C3.B4nes_de_barres_d.27outils" name="Ajout_des_ic.C3.B4nes_de_barres_d.27outils">Ajout des icônes de barres d'outils</h4> - -<p>Il est assez difficile de distinguer les boutons de la barre d'outils des commandes du menu. Nous pourrions ajouter des icônes aux boutons pour les rendre plus clairs. L'éditeur Mozilla Composer fournit des icônes pour les boutons ouvrir et sauvegarder que nous utilisons pour gagner du temps. Nous pouvons choisir l'image d'un bouton en utilisant la propriété CSS <code><a href="/fr/CSS/list-style-image" title="fr/CSS/list-style-image">list-style-image</a></code>.</p> - -<pre class="brush: css">#opensearch { - list-style-image: url("chrome://editor/skin/icons/btn1.gif"); - -moz-image-region: rect(48px 16px 64px 0); - -moz-box-orient: vertical; -} - -#savesearch { - list-style-image: url("chrome://editor/skin/icons/btn1.gif"); - -moz-image-region: rect(80px 16px 96px 0); - -moz-box-orient: vertical; -} -</pre> - -<div class="float-right"><img alt="Image:xultu_cskin4.jpg" class="internal" src="/@api/deki/files/1516/=Xultu_cskin4.jpg"></div> - -<p>Mozilla met à disposition une propriété de style spécifique, <code><a href="/fr/CSS/-moz-image-region" title="fr/CSS/-moz-image-region">-moz-image-region</a></code>, qui permet à un élément d'utiliser une partie d'une image. Vous pouvez vous la représenter comme un découpage de l'image. Vous mettez comme valeur de la propriété une position et une taille comprise dans une image et le bouton n'affichera que cette section de l'image. Cette technique vous permet d'utiliser la même image pour plusieurs boutons et de mettre une portion différente pour chacun d'entre eux. Quand vous avez beaucoup de boutons, avec chacun d'eux des états pour hover, active et disabled, elle fait gagner de l'espace qui serait sinon occupé par plusieurs images. Dans le code ci-dessus, nous utilisons la même image pour tous les boutons, mais nous mettons une portion différente de l'image pour chacun. Si vous regardez cette image (btn1.gif), vous remarquerez qu'elle contient une grille d'images plus petites, de 16 fois 16 pixels chacune.</p> - -<div class="note"><strong>Note du traducteur</strong> : étant donné que l'image en question fait partie de Mozilla Composer, si vous ouvrez l'exemple avec Firefox, vous ne verrez pas les images des boutons, car Mozilla Composer n'est livré qu'avec la suite Mozilla.</div> - -<p>La propriété <code><a href="/fr/CSS/-moz-box-orient" title="fr/CSS/-moz-box-orient">-moz-box-orient</a></code> est utilisée pour orienter le bouton verticalement, pour que l'image apparaisse au-dessus de son libellé. Cette propriété a la même signification que l'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. Elle est pratique puisque le thème ne peut pas modifier le code XUL. La plupart des attributs de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code> ont des propriétés CSS qui leur correspondent.</p> - -<h4 id="Autres_modifications" name="Autres_modifications">Autres modifications</h4> - -<p>Nous allons maintenant faire quelques changements aux boutons situés en bas de la boîte de dialogue, en réutilisant des icônes de Mozilla pour gagner du temps. Si vous créez votre propre thème, vous aurez besoin de créer de nouvelles icônes ou de copier les icônes dans de nouveaux fichiers. Si vous suivez l'exemple de cette section, copiez juste les fichiers vers votre nouveau thème et modifiez les URL en conséquence.</p> - -<pre class="brush: css">#find-button { - list-style-image: url("chrome://global/skin/checkbox/images/cbox-check.jpg"); - font-weight: bold; -} - -#cancel-button { - list-style-image: url("chrome://global/skin/icons/images/close-button.jpg"); -} - -button:hover { - color: #000066; -} -</pre> - -<div class="float-right"><img alt="Image:xultu_cskin5.jpg" class="internal" src="/@api/deki/files/1517/=Xultu_cskin5.jpg"></div> - -<p>Nous ajoutons des images aux boutons et mettons le texte du bouton « Rechercher » en gras pour indiquer que c'est le bouton par défaut. La dernière règle s'applique aux boutons quand la souris les survole (état hover). Nous mettons une couleur de texte bleu foncé dans ce cas. Finalement, quelques changements mineurs de l'espacement autour des éléments, par l'utilisation de marges :</p> - -<pre class="brush: css">tabbox { - margin: 4px; -} - -toolbarbutton { - margin-left: 3px; - margin-right: 3px; -} -</pre> - -<p>Après ces changements, la boîte de dialogue de recherche de fichiers apparaît maintenant comme ceci :</p> - -<p><img alt="Image:xultu_cskin-fin.jpg" class="internal" src="/@api/deki/files/1512/=Xultu_cskin-fin.jpg"></p> - -<p>Comme vous pouvez le voir, de simples changements des règles de styles apportent une apparence assez différente à la fenêtre de recherche de fichiers. Nous pourrions continuer en modifiant les menus, les poignées sur la barre d'outils et les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/checkbox" title="checkbox">checkbox</a></code>.</p> - -<h3 id="Cr.C3.A9ation_d.27un_th.C3.A8me_global" name="Cr.C3.A9ation_d.27un_th.C3.A8me_global">Création d'un thème global</h3> - -<p>Le thème créé ci-dessus est simple et ne s'applique qu'à la boîte de dialogue de recherche de fichiers. Certaines des modifications du thème pourraient être placées dans les feuilles de styles globales (situées dans le répertoire global du thème) pour s'appliquer à toutes les applications. Par exemple, il serait peu cohérent d'avoir des images différentes entre les cases à cocher de la fenêtre de recherche de fichiers et celles d'autres fenêtres. Ce changement devrait vraiment être intégré dans la feuille de styles globale.</p> - -<p>Essayez de déplacer les styles CSS de 'findfile.css' dans 'global.css' puis regardez les fenêtres de dialogue de Mozilla (Le visualisateur de cookie est un bon exemple). Vous remarquerez qu'elles ont adopté les règles que nous avons ajoutées. Certaines des règles entrent en conflit avec celles déjà dans les feuilles de styles globales. Par exemple, des règles sont déjà définies pour les boutons, les onglets, etc., et nous avons défini des règles additionnelles pour ces éléments. Quand vous modifiez le thème global, vous devez fusionner les changements avec les règles existantes.</p> - -<p>Pour une meilleure adaptation du thème graphique, il vaut mieux déclarer les règles de styles liées à l'apparence dans le répertoire global plutôt que dans des fichiers de styles séparés. Les couleurs, les polices de caractère et l'apparence générale des composants graphiques doivent y être inclus. Si vous modifiez la couleur d'un élément dans un fichier de thème local (comme 'findfile.css'), la fenêtre de dialogue peut paraître bizarre si l'utilisateur change son style global. N'espérez pas que l'utilisateur utilise le thème par défaut.</p> - -<div class="highlight"> -<p><span id="L'exemple_du_dialogue_de_recherche_de_fichier_avec_ce_th%C3%A8me"><a id="L'exemple_du_dialogue_de_recherche_de_fichier_avec_ce_th%C3%A8me"></a><strong>L'exemple du dialogue de recherche de fichier avec ce thème</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-cskin.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-cskin.xul">Voir</a></p> -</div> - -<hr> -<p>La section suivante explique comment rendre une application XUL localisable.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Modification_du_thème_par_défaut" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Localisation">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/créer_une_fenêtre/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/créer_une_fenêtre/index.html deleted file mode 100644 index 3cff976726..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/créer_une_fenêtre/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: Créer une fenêtre -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Créer_une_fenêtre -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Creating_a_Window ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_fichiers_manifest" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_boutons">Suivant »</a></p> -</div> - -<p>Nous allons créer un simple outil de recherche de fichiers tout au long de ce tutoriel. Avant tout, cependant, nous devons étudier la syntaxe de base d'un fichier XUL.</p> - -<h3 id="Cr.C3.A9ation_d.27un_fichier_XUL" name="Cr.C3.A9ation_d.27un_fichier_XUL">Création d'un fichier XUL</h3> - -<p>Un fichier XUL peut avoir n'importe quel nom mais il doit avoir l'extension <code>.xul</code>. Le fichier XUL le plus simple a la structure suivante :</p> - -<pre><?xml version="1.0" encoding="ISO-8859-1"?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<window - id="findfile-window" - title="Recherche de fichiers" - orient="horizontal" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> -... -</window> -</pre> - -<p>Cette fenêtre ne sert à rien puisqu'elle ne comporte pas d'élements d'interface utilisateur. Ceux ci seront ajoutés dans la section suivante. Voici l'analyse ligne par ligne du code ci-dessus :</p> - -<ol> - <li><strong><?xml version="1.0"?></strong><br> - Cette ligne déclare simplement qu'il s'agit d'un fichier XML. Vous devrez normalement ajouter cette ligne à l'identique au début de chaque fichier xul, tout comme vous mettriez la balise <code>HTML</code> au début d'un fichier HTML.</li> - <li><strong><?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin/</a>" type="text/css"?></strong><br> - Cette ligne est utilisée pour spécifier la feuille de style à utiliser pour le fichier. C'est la syntaxe que les fichiers XML emploient pour importer des feuilles de style. Dans ce cas, nous importons les styles trouvés dans le répertoire chrome <code>global/skin</code>. Nous n'avons pas indiqué de fichier spécifique ainsi Mozilla déterminera quels fichiers du dossier il emploiera. Ici, le fichier le plus important, <code>global.css</code>, est sélectionné. Ce fichier contient toutes les déclarations par défaut pour tous les éléments XUL. Puisque XML ne connaît pas la manière dont les éléments doivent être affichés, ce fichier s'en charge. De façon générale, vous mettrez cette ligne au debut de chaque fichier XUL. Vous pouvez également importer d'autres feuilles de style en utilisant la même syntaxe. Notez que vous devrez normalement importer la feuille de style globale à l'intérieur du fichier de votre propre feuille de style.</li> - <li><strong><window</strong><br> - Cette ligne déclare que vous allez décrire une fenêtre <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. Chaque fenêtre d'interface utilisateur est décrit dans un fichier différent. Cette balise s'apparente à une balise HTML qui entoure l'ensemble d'un document HTML, sauf qu'elle décrit une interface utilisateur au lieu d'un document. <a href="/fr/XUL/window#Attributes" title="fr/XUL/window#Attributes">Plusieurs attributs</a> peuvent être placés dans la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> -- dans ce cas, ils sont au nombre de quatre. Dans cet exemple, chaque attribut est placé sur une ligne séparée bien que ce ne soit pas une obligation.</li> - <li><strong>id="findfile-window"</strong><br> - L'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> est utilisé comme un identifiant, de sorte que des scripts puissent y faire référence. Vous mettrez normalement un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sur tous les éléments. Vous êtes libre de choisir n'importe quel nom, toutefois, il est préférable qu'il soit pertinent.</li> - <li><strong>title="Recherche de fichiers"</strong><br> - L'attribut <code id="a-title"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/title">title</a></code> décrit le texte qui apparaîtra dans la barre de titre de la fenêtre quand elle sera affichée. Dans le cas présent, le texte 'Recherche de fichiers' sera affiché.</li> - <li><strong>orient="horizontal"</strong><br> - L'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> spécifie l'arrangement des éléments de la fenêtre. La valeur 'horizontal' indique que les éléments doivent être placés horizontalement dans la fenêtre. Vous pouvez également utiliser la valeur 'vertical' signifiant que les éléments seront affichés en colonne. Comme c'est la valeur par défaut, vous pouvez omettre cet attribut si vous souhaitez avoir l'orientation verticale.</li> - <li><strong><span class="nowiki">xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"></span></strong><br> - Cette ligne déclare l'espace de nommage pour XUL que vous devrez mettre dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> pour indiquer que tous ses enfants sont du XUL. Notez que cette URL n'est jamais téléchargée réellement. Mozilla reconnaîtra cette URL en interne.</li> - <li><strong>...</strong><br> - Mettez ici les éléments (les boutons, les menus et les autres composants de l'interface utilisateur) à afficher dans la fenêtre. Nous en ajouterons quelques uns dans les prochaines sections.</li> - <li><strong></window></strong><br> - Et enfin, nous devons fermer la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> à la fin du fichier. - <h3 id="Ouverture_d.27une_fen.C3.AAtre" name="Ouverture_d.27une_fen.C3.AAtre">Ouverture d'une fenêtre</h3> - - <p>Afin d'ouvrir une fenêtre XUL, plusieurs méthodes peuvent être employées. Si vous n'êtes qu'à l'étape de développement, vous pouvez juste taper l'URL (commençant par chrome:, file: ou d'autre type d'URL) dans la barre d'adresses du navigateur Mozilla. Vous pouvez également double-cliquer sur le fichier dans votre gestionnaire de fichiers, en supposant que les fichiers XUL soient associés à Mozilla. La fenêtre XUL apparaîtra cependant dans la fenêtre de navigateur et non dans une nouvelle, mais c'est souvent suffisant durant les premières étapes de développement.</p> - - <p>La manière correcte, naturellement, est d'ouvrir la fenêtre en utilisant JavaScript. Aucune nouvelle syntaxe n'est nécessaire, vous pouvez employer la fonction <code><a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a></code> comme pour tout document <a href="/fr/HTML" title="fr/HTML">HTML</a>. Cependant, une option additionnelle, appelée 'chrome' est nécessaire pour indiquer au navigateur que le document à ouvrir est un <a href="/fr/DOM/window.open#_Fonctionnalit.C3.A9s_relatives_.C3.A0_la_fen.C3.AAtre" title="fr/DOM/window.open#_Fonctionnalit.C3.A9s_relatives_.C3.A0_la_fen.C3.AAtre">chrome</a>. Celle-ci s'ouvrira sans barre d'outils, sans menu et sans aucun élément qu'une fenêtre de navigateur dispose normalement. La syntaxe est décrite ci-dessous :</p> - - <pre>window.open(url,windowname,flags); - -où l'argument flags contient "chrome" comme dans cet exemple : - -window.open("chrome://navigator/content/navigator.xul", "bmarks", "chrome,width=600,height=300");</pre> - - <div class="highlight"> - <h3 id="L.27exemple_findfile.xul" name="L.27exemple_findfile.xul">L'exemple findfile.xul</h3> - - <p>Commençons par créer le fichier de base pour la boîte de dialogue de recherche de fichiers. Créez un fichier appelé <code>findfile.xul</code> et mettez le dans le répertoire content spécifié dans le fichier <code>findfile.manifest</code> (nous l'avons créé dans la section précédente). Ajoutez au fichier le squelette XUL montré au début de cette page et sauvegardez le.</p> - - <p>Vous pouvez utiliser le paramètre en ligne de commande '-chrome' pour indiquer le fichier XUL à ouvrir au démarrage de mozilla. S'il n'est pas spécifié, la fenêtre par défaut s'ouvrira (habituellement la fenêtre de navigateur). Par exemple, nous pourrions ouvrir la boite de dialogue de recherche de fichiers avec l'une des commandes suivantes :</p> - - <pre>mozilla -chrome chrome://findfile/content/findfile.xul -mozilla -chrome resource:/chrome/findfile/content/findfile/findfile.xul -</pre> - Si vous utilisez cette commande en ligne (dans l'hypothèse que cela soit possible sur votre plateforme), la boite de dialogue de recherche de fichiers s'ouvrira par défaut au lieu de la fenêtre de navigateur de Mozilla. Naturellement, puisque nous n'avons pas mis d'éléments graphiques dans la fenêtre, vous ne verrez rien. Dans la section suivante, quelques éléments y seront ajoutés.</div> - - <p>Pour en voir quand même l'effet, la commande en ligne suivante ouvrira la fenêtre des marque-pages :</p> - - <pre class="eval">mozilla -chrome <a class="external" rel="freelink">chrome://communicator/content/bookma...rksManager.xul</a> - -<span class="highlightred">Si vous utilisez Firefox, essayez :</span> -firefox -chrome <a class="external" rel="freelink">chrome://browser/content/places/places.xul</a></pre> - - <p>L'option '-chrome' ne donne aucun privilège supplémentaire au fichier. Au lieu de cela, il entraine l'ouverture du fichier spécifié dans une fenêtre racine sans aucune interface chrome de navigation, comme la barre d'adresses ou le menu. Seules les URLs chrome ont des privilèges supplémentaires.</p> - - <div class="note"><a class="external" href="http://xulfr.org/outils/">L'Éditeur dynamique XUL</a> vous permet de taper du code XUL et de voir immédiatement le résultat dans Mozilla !</div> - - <h3 id="Probl.C3.A8mes" name="Probl.C3.A8mes">Problèmes</h3> - - <ul> - <li>Si la fenêtre XUL ne se montre pas sur le bureau mais a un icône sur la barre de tâches, vérifiez la déclaration xml-stylesheet. Assurez vous que vous avez inclus correctement la feuille de style :</li> - </ul> - - <pre class="eval"><?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> -</pre> - - <hr> - <p>Dans la section suivante, nous ajouterons des boutons dans la fenêtre.</p> - - <div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_fichiers_manifest" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_boutons">Suivant »</a></p> -</div> - </li> -</ol> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/document_object_model/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/document_object_model/index.html deleted file mode 100644 index 6b269306e4..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/document_object_model/index.html +++ /dev/null @@ -1,138 +0,0 @@ ---- -title: Document Object Model -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Document_Object_Model -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Document_Object_Model ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Broadcasters_et_Observateurs" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Modification_d'une_interface_XUL">Suivant »</a></p> -</div> -<p>Le Document Object Model (DOM, modèle objet d'un document) peut être utilisé pour modifier les éléments XUL ou obtenir des informations à leur propos.</p> -<h3 id="Introduction_au_DOM" name="Introduction_au_DOM">Introduction au DOM</h3> -<p>Le <a href="/fr/DOM" title="fr/DOM">DOM</a> est utilisé pour stocker l'arbre des nœuds XUL. Quand un fichier XUL est chargé, les balises sont interprétées et converties dans une structure hiérarchique de nœuds du document, un pour chaque balise et bloc de texte. La structure DOM peut être examinée et modifiée en utilisant des méthodes dédiées. Des éléments XUL spécifiques fournissent également des fonctions additionnelles pouvant être utilisées.</p> -<p>Chaque fichier XUL chargé aura son propre document affiché dans une fenêtre ou un cadre. Bien qu'il ne puisse y avoir qu'un seul document associé à une fenêtre à un moment donné, vous pouvez charger des documents supplémentaires en utilisant plusieurs méthodes.</p> -<p>Dans Mozilla, on peut accéder au <a href="/fr/DOM" title="fr/DOM">DOM</a> et le manipuler en utilisant JavaScript. Les divers objets DOM possèdent des fonctions accessibles par script, pourtant, il est important de noter que le DOM est une <abbr title="Application programming interface">API</abbr> qui est accessible par JavaScript. JavaScript lui-même n'est jamais qu'un langage de script pouvant accéder à ces objets parce que Mozilla fournit ces objets à l'utilisation.</p> -<p>Dans <a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a>, il existe un unique objet global toujours disponible. Vous pouvez vous reférer aux propriétés et méthodes de l'objet global sans avoir à les qualifier avec un objet. Par exemple, si l'objet global possède une propriété <code>name</code>, vous pouvez changer le nom avec le code <code>name=7</code> sans avoir à spécifier l'objet à utiliser. Dans un contexte de navigateur, la fenêtre est l'objet global. Il en va de même pour XUL. Naturellement, l'objet global sera différent pour chaque fenêtre. Chaque cadre aura également un objet <code>window</code> séparé.</p> -<p>On se refère souvent à la fenêtre en utilisant <a href="/fr/DOM/window.window" title="fr/DOM/window.window">la propriété <code>window</code></a>, bien que ce soit optionnel. Quelquefois, cette pratique sert uniquement à clarifier la portée de la méthode à laquelle vous vous reférez. Par exemple, les deux lignes suivantes qui ouvrent une nouvelle fenêtre, sont fonctionnellement équivalentes :</p> -<pre>window.open("test.xul","_new"); -open("test.xul","_new"); -</pre> -<p>Lorsque vous déclarez une fonction ou une variable en tête de script, en dehors d'une fonction, vous êtes en train de déclarer une propriété de l'objet global. En XUL, chaque fonction que vous déclarez sera définie comme une propriété de l'objet <code>window</code>. Par exemple, le code suivant affichera deux fois le texte 'message' dans une <a href="/fr/DOM/window.alert" title="fr/DOM/window.alert">alerte</a>.</p> -<pre>function getText(){ - return "Message"; -} - -alert(getText()); -alert(window.getText()); -</pre> -<p>De fait, si vous vouler accéder à des variables ou appeler une fonction déclarée dans un script utilisé par une autre fenêtre, vous pouvez y accéder juste en utilisant l'objet <code><a href="/fr/DOM/window" title="fr/DOM/window">window</a></code> de l'autre fenêtre. Par exemple, si nous avions combiné les deux derniers exemples dans un seul fichier, nous pourrions appeler la fonction <code>getText</code> au sein de l'autre fenêtre (par ex. la fenêtre test.xul). Pour cela, nous pouvons faire la chose suivante :</p> -<pre>alert(window.opener.getText());</pre> -<p>Chaque fenêtre possède une propriété <code><a href="/fr/DOM/window.opener" title="fr/DOM/window.opener">opener</a></code> contenant l'objet <code>window</code> l'ayant ouverte. Dans cet exemple, nous récupérons la fenêtre responsable de l'ouverture et appelons la fonction <code>getText</code> déclarée dans un script situé dans celle-ci. Notez que nous qualifions la propriété avec l'identifiant <code>window</code> uniquement pour plus de clarté.</p> -<p>La méthode <code><a href="/fr/DOM/window.open" title="fr/DOM/window.open">open()</a></code> de la fenêtre retourne également une référence à la nouvelle fenêtre, donc vous pouvez appeler des fonctions de la nouvelle fenêtre à partir de l'ouvrante. Toutefois, il est important de noter que la méthode <code><a href="/fr/DOM/window.open" title="fr/DOM/window.open">open()</a></code> renvoie sa valeur de retour avant que la fenêtre soit complètement chargée, donc les fonctions ne seront pas forcément disponibles pour autant.</p> -<p>L'objet <code>window</code> n'est défini par aucune spéficication DOM, mais est quelquefois considéré, dans Mozilla, comme faisant partie du DOM niveau 0, un nom utilisé par des développeurs pour se reférer aux fonctions assimilées DOM avant que celles-ci ne soient ajoutées aux spécifications. Le document actuel affiché dans une fenêtre peut être récupéré en utilisant la propriété <code><a href="/fr/DOM/window.document" title="fr/DOM/window.document">document</a></code> du document. Depuis qu'elle est devenue la propriété de la fenêtre la plus couramment utilisée, la propriété <code>document</code> est habituellement utilisée sans le qualifieur <code><a href="/fr/DOM/window.document" title="fr/DOM/window.document">document</a></code>.</p> -<p>Mozilla founit divers objets de document en fonction de son type. Les trois documents principaux sont les <a class="external" href="http://www.xulplanet.com/references/objref/HTMLDocument.html">HTMLDocument</a>, <a class="external" href="http://www.xulplanet.com/references/objref/XMLDocument.html">XMLDocument</a> et <a class="external" href="http://www.xulplanet.com/references/objref/XULDocument.html">XULDocument</a>, respectivement pour les documents <a href="/fr/HTML" title="fr/HTML">HTML</a>, <a href="/fr/XML" title="fr/XML">XML</a> et <a href="/fr/XUL" title="fr/XUL">XUL</a>. Évidemment, c'est ce dernier type de document qui est utilisé pour le XUL. Les trois types de document sont très similaires. Concrètement, ils partagent tous la même implémentation de base. Mais il existe des fonctions spécifiques à chacun de ces documents.</p> -<h3 id="R.C3.A9cup.C3.A9rer_des_.C3.A9l.C3.A9ments" name="R.C3.A9cup.C3.A9rer_des_.C3.A9l.C3.A9ments">Récupérer des éléments</h3> -<p>La méthode la plus courante pour récupérer un élément dans un document est de lui affecter un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> et d'utiliser la méthode <code><a href="/fr/DOM/document.getElementById" title="fr/DOM/document.getElementById">getElementById()</a></code> du document. Nous avons ajouté l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> à un certain nombre d'éléments dans la boîte de recherche de fichiers. Par exemple, nous pouvons obtenir l'état de la case à cocher en utilisant le code ci-dessous :</p> -<pre>var state = document.getElementById('casecheck').checked;</pre> -<p>La valeur 'casecheck' correspond à l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de la case à cocher définissant la sensibilité à la casse. Une fois que nous savons si elle est cochée ou non, nous pouvons utiliser cette indication pour effectuer la recherche. Nous pourrions procéder de façon similaire pour l'autre case à cocher, ou n'importe quel autre élément qui a un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>. Nous aurons par exemple besoin de récupérer le texte dans le champ de saisie.</p> -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h4> -<p>Il n'est pas nécessaire d'afficher la barre de progression et l'arbre de données vide quand la boîte de dialogue pour la recherche de fichiers est affichée pour la première fois. Ceux-ci ont été ajoutées de façon à ce que nous puissions les voir. Retirons-les maintenant, et affichons-les seulement lorsque le bouton « Rechercher » sera pressé. Au départ, nous devons les rendre invisible. L'attribut <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> est utilisé pour contrôler la visibilité d'un élément.</p> -<p>Nous allons modifier la barre de progression de façon à ce qu'elle soit cachée au départ. Nous allons aussi lui ajouter un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> pour qu'un script puisse y faire référence pour pouvoir la cacher ou l'afficher. Profitons-en pour cacher aussi le séparateur et l'arbre des résultats, puisque nous n'en aurons besoin qu'après avoir effectué une recherche.</p> -<pre class="eval"><tree <span class="highlightred">id="results" hidden="true"</span> flex="1"> - . - . - . -<splitter <span class="highlightred">id="splitbar"</span> resizeafter="grow" <span class="highlightred">hidden="true"</span>/> - -<hbox> - - <progressmeter <span class="highlightred">id="progmeter"</span> value="50%" - style="margin: 4px;" <span class="highlightred">hidden="true"</span>/> -</pre> -<p>Nous avons ajouté l'attribut <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> et mis sa valeur à 'true'. L'élément est ainsi caché lors de sa première apparition.</p> -<p>Ensuite, ajoutons une fonction qui sera appelée quand le bouton « Rechercher » sera pressé. Nous mettrons les scripts dans le fichier séparé 'findfile.js'. Dans une section précédente, nous avons ajouté l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/script" title="script">script</a></code> dans le fichier XUL. Si vous ne l'avez pas encore fait, faites-le maintenant, comme ci-dessous. Nous ajouterons aussi un gestionnaire <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> au bouton « Rechercher ».</p> -<pre class="eval"><script src="findfile.js"/> - . - . - . -<button id="find-button" label="Rechercher" - <span class="highlightred">oncommand="doFind();"</span>/> -</pre> -<p>À présent, créez un autre fichier nommé 'findfile.js' dans le même répertoire que 'findfile.xul'. Nous ajouterons la fonction <code>doFind()</code> dans ce fichier. La balise <code><a href="/fr/docs/Mozilla/Tech/XUL/script" title="script">script</a></code> de ce fichier XUL peut contenir du code. Cependant, pour diverses raisons, notamment pour de meilleures performances, vous devriez toujours mettre vos scripts dans des fichiers séparés, excepté pour les courts morceaux de code qui peuvent se trouver directement dans les gestionnaires d'événement.</p> -<pre class="eval">function doFind(){ - var meter = document.getElementById('progmeter'); - meter.hidden = false; -} -</pre> -<p>Cette fonction récupère d'abord une référence à la barre de progression en utilisant son <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, 'progmeter'. La seconde ligne du corps de la fonction change l'état de <code>hidden</code> pour rendre l'élément visible.</p> -<p>Finalement, ajoutons une boîte de dialogue qui affiche ce que nous sommes en train de rechercher. Évidemment nous n'en voudrons pas dans la version finale, mais ajoutons la maintenant pour nous assurer que quelque chose se produise.</p> -<pre class="eval">function doFind(){ - var meter=document.getElementById('progmeter'); - meter.hidden = false; - <span class="highlightred">var searchtext=document.getElementById('find-text').value; alert("Recherche de \"" + searchtext + "\"");</span> -} -</pre> -<p>Maintenant, avec cette boîte d'alerte placée ici, nous saurons ce qui se produit quand nous cliquons sur le bouton « Rechercher ». Nous pouvons ajouter du code pour obtenir aussi ce qui est sélectionné dans les listes déroulantes.</p> -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-dom.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-dom.xul">Voir</a></p> -</div> -<h3 id="Le_DOM_des_.C3.A9l.C3.A9ments_XUL" name="Le_DOM_des_.C3.A9l.C3.A9ments_XUL">Le DOM des éléments XUL</h3> -<p>Chaque élément XUL possède un lot d'attributs, un lot de propriétés et un lot d'enfants.</p> -<ul> <li>Les attributs sont déclarés dans la source, par exemple, <code>flex="1"</code> est un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> déclaré avec la valeur '1'.</li> <li>Les propriétés sont disponibles en JavaScript en utilisant la syntaxe du point. Par exemple, element.hidden se réfère à la propriété <code>hidden</code> d'un élément.</li> <li>Les enfants sont les balises filles de l'élément et seront imbriqués à l'intérieur de l'élément dans la source.</li> -</ul> -<p>Il est possible de manipuler dynamiquement les attributs, propriétés et enfants d'un élément en utilisant les méthodes du DOM.</p> -<p>Il est important de noter que les attributs et les propriétés sont deux choses différentes. Tout simplement car le fait qu'un attribut avec un nom donné existe ne signifie pas qu'il existe une propriété correspondante ayant le même nom. Pourtant, c'est souvent le cas. Par exemple, pour obtenir le <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> d'un élément, vous pouvez utiliser la propriété <code>flex</code>. Dans ce cas, le code implicite retourne simplement la valeur de l'attribut. Pour d'autres propriétés, XUL accomplira des calculs plus complexes.</p> -<p>Vous pouvez manipuler les attributs d'un élément en utilisant l'une des méthodes suivantes :</p> -<dl> <dt><a href="/fr/DOM/element.getAttribute" title="fr/DOM/element.getAttribute">getAttribute</a> ( nomAttribut ) </dt> <dd>Renvoie la valeur de l'attribut 'nomAttribut'</dd> <dt><a href="/fr/DOM/element.hasAttribute" title="fr/DOM/element.hasAttribute">hasAttribute</a> ( nomAttribut ) </dt> <dd>Renvoie 'true' si l'attribut de nom 'nomAttribut' a une valeur</dd> <dt><a href="/fr/DOM/element.setAttribute" title="fr/DOM/element.setAttribute">setAttribute</a> ( nomAttribut , valeurAdonner ) </dt> <dd>Fixe la valeur de l'attribut 'nomAttribut' à la valeur 'valeurAdonner'</dd> <dt><a href="/fr/DOM/element.removeAttribute" title="fr/DOM/element.removeAttribute">removeAttribute</a> ( nomAttribut ) </dt> <dd>Supprime l'attribut 'nomAttribut'</dd> -</dl> -<p>Ces fonctions vous permettent d'obtenir ou de modifier la valeur d'un attribut à tout moment. Par exemple, pour utiliser la valeur de l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, vous pourriez utiliser le code suivant :</p> -<pre> var box = document.getElementById('uneboite'); - var flex = box.getAttribute("flex"); - - var box2 = document.getElementById('uneautreboite'); - box2.setAttribute("flex", "2"); -</pre> -<p>Pourtant, l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> a une propriété de script correspondante pouvant être utilisée à la place. Ce n'est pas plus efficace, mais c'est légèrement plus court à écrire. L'exemple suivant fait la même chose qu'au-dessus, en utilisant la propriété <code>flex</code> à la place :</p> -<pre> var box = document.getElementById('uneboite'); - var flex = box.flex; - - var box2 = document.getElementById('uneautreboite'); - box2.flex = 2; -</pre> -<p>Une fois que vous avez une référence à un élément, vous pouvez appeler les propriétés de cet élément. Par exemple, pour obtenir la propriété <code>hidden</code> d'un élément, vous pouvez utiliser la syntaxe <code><em>element</em>.hidden</code> où "element" est une référence à l'élément. Notez que la plupart des propriétés listées dans la référence est en corrélation avec les attributs communs des éléments. Il y a des différences, bien sûr, par exemple, alors que <code>getAttribute("hidden")</code> retournera la chaîne '"true"' pour un élément caché, la propriété <code>hidden</code> retournera une valeur 'true' booléenne. Dans ce cas, la conversion de type est faite pour vous, donc la propriété est plus commode.</p> -<p>Comme pour chaque document, l'objet "element" pour les éléments XUL n'est pas le même que pour des éléments <a href="/fr/HTML" title="fr/HTML">HTML</a> et <a href="/fr/XML" title="fr/XML">XML</a>. Chaque élément XUL implémente l'interface <a class="external" href="http://www.xulplanet.com/references/objref/XULElement.html">XULElement</a>. Un élément XUL est un élément déclaré avec l'espace de nommage (namespace) XUL. Ainsi, les éléments XUL auront cette interface même s'ils sont ajoutés à d'autres documents XML, et les éléments non-XUL ne l'auront pas. L'interface XULElement possède un certain nombre de propriétés et méthodes spécifiques aux éléments XUL, pour beaucoup héritées de l'interface générique des éléments DOM.</p> -<p>Un espace de nommage est un URI qui spécifie le type d'élément. Voici quelques exemples :</p> -<pre><button xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"/> -<button xmlns="http://www.w3.org/1999/xhtml"/> -<html:button xmlns:html="http://www.w3.org/1999/xhtml"/> -<html:button xmlns:html="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"/> -</pre> -<p>Les espaces de nommages sont spécifiés en utilisant l'attribut <code>xmlns</code>.</p> -<ul> <li>Le premier bouton est un élément XUL qui a été placé dans l'espace de nommage XUL.</li> <li>Le second élément est un élément XHTML auquel on a donner l'espace de nommage XHTML.</li> <li>Dans le troisième exemple, le préfixe "html" est donné à l'espace de nommage <span class="nowiki">'http://www.w3.org/1999/xhtml'</span>. Vous pouvez également utiliser la syntaxe en préfixe avec une colonne pour utiliser un espace de nommage spécifique. On y a recours lorsqu'on utilise plusieurs espaces de nommage dans un document et que l'on désire préciser quel espace de nommage est actuellement utilisé. Dans le cas présent, un bouton XHTML est créé.</li> <li>Le quatrième bouton est un peu confus, mais il faut préciser que c'est l'URI qui est important et non le préfixe. C'est une distinction importante. Le quatrième exemple est un bouton XUL, pas un bouton HTML, en dépit du préfixe attribué.</li> -</ul> -<p>C'est une distinction importante. En fait, le texte utilisé pour le préfixe n'est pas significatif lorsqu'il détermine quel type d'élément est utilisé.</p> -<p>Le DOM fournit un certain nombre de fonctions relatives aux espaces de nommage, similaires aux fonctions de base. Par exemple, la fonction <code><a href="/fr/DOM/element.getAttributeNS" title="fr/DOM/element.getAttributeNS">getAttributeNS()</a></code> est similaire à la fonction <code><a href="/fr/DOM/element.getAttribute" title="fr/DOM/element.getAttribute">getAttribute()</a></code>, excepté un argument supplémentaire pouvant être fourni pour spécifier un attribut dans un espace de nommage spécifique.</p> -<p>Quelques éléments XUL disposent de leurs propres propriétés qui leurs sont spécifiques. Reportez-vous à la <a href="/fr/Référence_XUL" title="fr/Référence_XUL">référence</a> pour un guide complet des attributs et propriétés disponibles pour un élément.</p> -<h3 id="Naviguer_dans_le_DOM" name="Naviguer_dans_le_DOM">Naviguer dans le DOM</h3> -<p>Le DOM est une structure en arbre composé d'un unique nœud racine avec ses enfants. Vous pouvez obtenir une référence au nœud racine en utilisant la propriété <code><a href="/fr/DOM/document.documentElement" title="fr/DOM/document.documentElement">documentElement</a></code> du document. Le nœud racine est toujours un élément, mais ce n'est pas le cas pour tous les nœuds de l'arbre. Un élément correspond à une balise dans la source XUL, mais vous pouvez également trouver des nœuds de texte, des nœuds de commentaire et quelques autres types dans un arbre de document. Dans le cas de XUL, l'élément racine sera la balise <code><code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code></code> dans le document XUL. Chaque nœud de l'arbre peut avoir des enfants et ces enfants peuvent avoir des nœuds fils à leur tour. Comme le DOM est une structure en arbre, vous pouvez naviguer au sein de cet arbre en utilisant une grande variété de propriétés. Quelques méthodes, parmi les plus communes, sont listées ci-après :</p> -<dl> <dt><a href="/fr/DOM/element.firstChild" title="fr/DOM/element.firstChild">firstChild</a> </dt> <dd>Référence au premier nœud fils d'un élément</dd> <dt><a href="/fr/DOM/element.lastChild" title="fr/DOM/element.lastChild">lastChild</a> </dt> <dd>Référence au dernier nœud fils d'un élément</dd> <dt><a href="/fr/DOM/element.childNodes" title="fr/DOM/element.childNodes">childNodes</a> </dt> <dd>Contient la liste des enfants d'un élément</dd> <dt><a href="/fr/DOM/element.parentNode" title="fr/DOM/element.parentNode">parentNode</a> </dt> <dd>Référence au père d'un nœud</dd> <dt><a href="/fr/DOM/element.nextSibling" title="fr/DOM/element.nextSibling">nextSibling</a> </dt> <dd>Référence au prochain nœud de même niveau</dd> <dt><a href="/fr/DOM/element.previousSibling" title="fr/DOM/element.previousSibling">previousSibling</a> </dt> <dd>Référence au nœud précédent de même niveau</dd> -</dl> -<p>Ces propriétés vous permettent de naviguer de diverses manières au sein d'un document. Par exemple, vous pouvez obtenir un premier enfant d'un élément en utilisant la propriété <code><a href="/fr/DOM/element.firstChild" title="fr/DOM/element.firstChild">firstChild</a></code> et ensuite, naviguer au sein de tous ses enfants en utilisant la propriété <code><a href="/fr/DOM/element.nextSibling" title="fr/DOM/element.nextSibling">nextSibling</a></code>. Ou vous pourriez accomplir la même chose en parcourant les items du tableau childNodes listant tous les enfants. Dans Mozilla, la dernière façon est plus efficace.</p> -<p>L'exemple suivant montre comment parcourir tous les enfants du n½ud racine :</p> -<pre>var childNodes = document.documentElement.childNodes; -for (var i = 0; i < childNodes.length; i++) { - var child = childNodes[i]; - // faire quelque chose avec child -} -</pre> -<p>La variable '<a href="/fr/DOM/element.childNodes" title="fr/DOM/element.childNodes">childNodes</a>' contiendra les enfants de l'élément racine du document. Nous pouvons donc utiliser une boucle <code>for</code> pour parcourir les enfants, en accédant à chaque item comme pour un tableau.</p> -<hr> -<p>Dans la prochaine section, nous découvrirons comment modifier le DOM.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Broadcasters_et_Observateurs" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Modification_d'une_interface_XUL">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/données_persistantes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/données_persistantes/index.html deleted file mode 100644 index 696401deaf..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/données_persistantes/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: Données persistantes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Données_persistantes -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Persistent_Data ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Règles_avançées" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajouter_des_feuilles_de_style">Suivant »</a></p> -</div> -<p>Cette section décrit comment sauvegarder l'état d'une fenêtre XUL.</p> -<h3 id="M.C3.A9morisation_d.27un_.C3.A9tat" name="M.C3.A9morisation_d.27un_.C3.A9tat">Mémorisation d'un état</h3> -<p>Lors de la création d'une application importante, il est fréquent de vouloir sauvegarder l'état d'une fenêtre tout au long des sessions. Par exemple, la fenêtre doit se souvenir quelles étaient les barres d'outils masquées après que l'utilisateur l'ait quitté.</p> -<p>Une possibilité serait d'écrire un script chargé de collecter l'information que vous voulez sauvegarder et de l'enregistrer dans un fichier. Toutefois, cette opération deviendrait pénible à chaque application. Heureusement, XUL propose un mécanisme pour sauvegarder les états d'une fenêtre.</p> -<p>L'information est collectée et stockée dans un fichier RDF (localstore.rdf) dans le même répertoire que les autres préférences de l'utilisateur. Ce fichier retient les états de chaque fenêtre. Cette méthode a l'avantage de fonctionner avec les profils utilisateurs de Mozilla, ainsi chaque utilisateur a ses propres paramètres.</p> -<p>XUL vous permet de sauvegarder l'état de n'importe quel élément. Typiquement, vous pouvez sauvegarder les états des barres d'outils, les positions des fenêtres et si certains panneaux sont affichés ou non, mais vous pouvez sauvegarder presque tout.</p> -<h4 id="Attribut_XULAttrpersist" name="Attribut_XULAttrpersist">Attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code></h4> -<p>Pour permettre la sauvegarde d'états, vous devez simplement ajouter l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> à l'élément qui contient la valeur que vous voulez sauvegarder. L'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> doit être affecté par une liste d'éléments séparés par des espaces. L'élément concerné doit également avoir un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> pour permettre de l'identifier.</p> -<p>Par exemple, pour sauvegarder la position d'une fenêtre, vous devrez procéder comme ceci :</p> -<pre><window - id="someWindow" - width="200" - height="300" - persist="width height" - . - . - . -</pre> -<p>Les deux attributs de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>, <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> et <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, seront sauvegardés. Vous pourriez ajouter à l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> des attributs supplémentaires à mémoriser tout en les séparant par un espace. Vous pouvez ajouter l'attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> à n'importe quel élément et mémoriser n'importe quel attribut. Vous pouvez utiliser des valeurs inhabituelles si vous ajustez les attributs par un script.</p> -<div class="highlight"> -<h4 id="Exemple_de_recherche_de_fichiers" name="Exemple_de_recherche_de_fichiers">Exemple de recherche de fichiers</h4> -<p>Ajoutons un attribut <code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code> à quelques éléments de notre boîte de dialogue de recherche de fichiers. Pour sauvegarder la position de la fenêtre, nous devons modifier l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> :</p> -<pre class="eval"><window - id="findfile-window" - title="Recherche de fichiers" - <span class="highlightred">persist="screenX screenY width height"</span> - orient="horizontal" - xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> -</pre> -<p>Cette modification va sauvegarder la position x et y de la fenêtre, sa largeur et sa hauteur. Nous poursuivrons plus tard la mémorisation de l'état du séparateur. La mémorisation de l'onglet sélectionné n'aurait aucun sens.</p> -<p><span id="Exemple_de_recherche_de_fichiers"><a id="Exemple_de_recherche_de_fichiers"></a><strong>Exemple de recherche de fichiers</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-persist.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-persist.xul">Voir</a></p> -</div> -<hr> -<p>Dans la section suivante, nous verrons comment appliquer des feuilles de styles à des fichiers XUL.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Règles_avançées" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajouter_des_feuilles_de_style">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/détails_sur_le_modèle_de_boîte/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/détails_sur_le_modèle_de_boîte/index.html deleted file mode 100644 index 974efe3272..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/détails_sur_le_modèle_de_boîte/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: Détails sur le modèle de boîte -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Détails_sur_le_modèle_de_boîte -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Box_Model_Details ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Positionnement_des_éléments" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_boîtes_de_groupe">Suivant »</a></p> -</div> -<p>Nous avons déjà vu beaucoup de fonctionnalités sur le modèle de boîtes. Dans cette section, nous verrons quelques détails supplémentaires en nous appuyant sur des exemples.</p> -<h3 id="Plus_de_d.C3.A9tails_sur_la_mise_en_page" name="Plus_de_d.C3.A9tails_sur_la_mise_en_page">Plus de détails sur la mise en page</h3> -<p>Les propriétés de style comme <code id="a-min-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min-width">min-width</a></code> et <code id="a-max-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max-height">max-height</a></code> peuvent être appliquées à n'importe quels éléments. Nous les avons ajouté aux boutons et aux champs de saisie, mais nous pouvons aussi les ajouter aux éléments d'espacement ou aux boîtes. De même, l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> peut être appliqué à n'importe quel élément.</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_1.xul">Voir</a></p> -<pre><hbox flex="1"> - <button label="Gauche" style="min-width: 100px;" flex="1"/> - <spacer flex="1"/> - <button label="Droite" style="min-width: 100px;" flex="1"/> -</hbox> -</pre> -<p>Dans l'exemple ci-dessus, les trois éléments se redimensionnent eux-mêmes car il sont tous flexibles. Les deux boutons ont une largeur minimum de 100 pixels. Les deux boutons ne seront jamais plus petits que cette taille mais ils pourront toujours s'élargir. Ici, la fenêtre doit apparaître avec une largeur d'un peu plus de 200 pixels. C'est suffisant pour les deux boutons. Car si les trois éléments sont flexibles, ils ne nécessitent pas pour autant plus de place, la flexibilité n'ajoute pas d'espace supplémentaire.</p> -<div class="float-right"><img alt="Image:xultu_boxdet1.png" class=" internal" src="/@api/deki/files/1497/=Xultu_boxdet1.png"></div> -<p>Comme il est montré dans l'image ci-dessus, il y a deux boutons qui s'étirent verticalement pour remplir leur élément conteneur, qui dans ce cas est le <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code>. L'attribut <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code> contrôle ce comportement sur une boîte horizontale. Vous pouvez aussi empêcher cet étirement en précisant une hauteur maximale sur l'élément ou mieux, sur la boîte elle-même. Si une boîte a une hauteur maximale, les éléments qu'elle contient sont limités en hauteur par celle-ci. Cependant, le problème est que vous devez connaître au préalable la taille d'un élément pour pouvoir le spécifier à la boîte.</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_2.xul">Voir</a></p> -<pre><hbox flex="1" align="top"> - <button label="Gauche" style="min-width: 100px;" flex="1"/> - <spacer flex="1"/> - <button label="Droite" style="min-width: 100px;" flex="1"/> -</hbox> -</pre> -<h4 id="R.C3.A9sum.C3.A9_du_mod.C3.A8le_de_bo.C3.AEte" name="R.C3.A9sum.C3.A9_du_mod.C3.A8le_de_bo.C3.AEte">Résumé du modèle de boîte</h4> -<p>Pour parfaire une mise en page complexe, vous devrez généralement ajouter des boîtes imbriquées, spécifier une taille minimale et maximale pour quelques éléments, et rendre certains éléments flexibles. La meilleure interface est celle qui peut être affichée sans problème dans différentes tailles. Le modèle de boîte peut être difficile à appréhender si vous n'essayez pas différentes choses par vous-même.</p> -<p>Voici une courte description des deux types de boîtes :</p> -<p><strong>Boîtes horizontales</strong></p> -<ol> <li>Affichent chaque élément les uns à coté des autres horizontalement.</li> <li>Les éléments flexibles le sont horizontalement.</li> <li>Le groupement (NdT : attribut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>) contrôle le placement horizontal des éléments fils.</li> <li>L'alignement contrôle la manière dont les lignes d'éléments seront alignées verticalement.</li> -</ol> -<p><strong>Boîtes verticales</strong></p> -<ol> <li>Affichent chaque élément verticalement en colonnes.</li> <li>Les éléments flexibles le sont verticalement.</li> <li>Le groupement contrôle le placement vertical des éléments fils.</li> <li>L'alignement contrôle la manière dont les colonnes d'éléments seront alignées horizontalement.</li> -</ol> -<p>Vous pouvez mettre des boîtes n'importe où dans un fichier XUL, même dans un élément HTML comme une table. Cependant, l'affichage sera en partie dépendant de l'élément HTML. Cela signifie que l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> risque de ne pas réagir exactement comme vous le voudriez. Rappelez-vous que la flexibilité n'a de sens que pour les éléments qui sont directement à l'intérieur d'une boîte, ou d'un élément qui est assimilé à une boîte.</p> -<h3 id="Exemples_de_mise_en_page" name="Exemples_de_mise_en_page">Exemples de mise en page</h3> -<h4 id="1._Utiliser_les_spacers" name="1._Utiliser_les_spacers">1. Utiliser les spacers</h4> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_3.xul">Voir</a></p> -<pre><hbox> - <button label="Un"/> - <spacer style="width: 5px"/> - <button label="Deux"/> -</hbox> -</pre> -<p>Ici, un espacement est utilisé comme séparateur entre deux boutons, en précisant une largeur de 5 pixels. Vous pouvez aussi utiliser les marges de la propriété CSS <code>margin</code>.</p> -<h4 id="2._Centrer_des_boutons" name="2._Centrer_des_boutons">2. Centrer des boutons</h4> -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_4.xul">Voir</a></p> -<pre><hbox pack="center" align="center" flex="1"> - <button label="Regardez Moi!"/> - <button label="Cliquez Moi!"/> -</hbox> -</pre> -<p>Cet exemple propose une boîte horizontale flexible contenant deux boutons. La boîte possède l'attribut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code> qui est utilisé pour centrer les boutons horizontalement. L'attribut <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, quant à lui, aligne verticalement les boutons. Le résultat est que les boutons seront centrés dans la boîte dans les deux directions. Cet exemple fonctionnera aussi avec une boîte verticale, sauf que le second bouton sera alors sous le premier, au lieu d'être à coté de lui.</p> -<h4 id="3._Une_fen.C3.AAtre_de_recherche_dans_le_texte" name="3._Une_fen.C3.AAtre_de_recherche_dans_le_texte">3. Une fenêtre de recherche dans le texte</h4> -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxdet_5.xul">Voir</a></p> -<pre><?xml version="1.0" encoding="iso-8859-1" ?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<window id="findtext" title="Recherche dans un texte" orient="horizontal" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - - <vbox flex="3"> - <label control="t1" value="Mots clés :"/> - <textbox id="t1" style="min-width: 100px;" flex="1"/> - </vbox> - - <vbox style="min-width: 150px;" flex="1" align="start"> - <checkbox id="c1" label="Ignorer la casse"/> - <spacer flex="1" style="max-height: 30px;"/> - <button label="Rechercher"/> - </vbox> - -</window> -</pre> -<div class="float-right"><img alt="Image:xultu_boxdet-ex3.png" class=" internal" src="/@api/deki/files/1496/=Xultu_boxdet-ex3.png"></div> -<p>Ici, deux boîtes verticales sont créées, une pour le champ texte et l'autre pour la case à cocher et le bouton de recherche. La boîte de gauche a une flexibilité 3 fois plus grande que celle de droite donc elle prendra toujours 3 fois plus de place quand la taille de la fenêtre augmentera. La boîte de droite impose une largeur minimum de 150 pixels.</p> -<p>Le champ de saisie est flexible donc il s'ajustera à la taille de la fenêtre. Il impose aussi une largeur minimum de 100 pixels. La case à cocher apparaît dans la boîte de droite avec son libellé. Juste en dessous de la case à cocher, il y a un <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> (espacement). L'espacement s'agrandira ou se rétrécira mais n'excédera pas 30 pixels. Le résultat est que la case à cocher et le bouton de recherche seront séparés par un espace qui ne fera pas plus de 30 pixels.</p> -<p>La seconde boîte a un alignement de valeur 'start'. Les trois éléments fils seront par conséquent alignés sur le bord gauche. Si l'alignement n'était pas précisé, sa valeur par défaut serait 'stretch', ce qui aurait pour effet de positionner les éléments fils les uns à coté des autres horizontalement. Puisque nous ne voulons pas que le bouton de recherche change de taille, nous devons préciser un alignement.</p> -<hr> -<p>Dans la prochaine section, nous allons en apprendre un peu plus sur un type de boîte plus spécifique, le groupe de boîte.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Positionnement_des_éléments" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_boîtes_de_groupe">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/détails_sur_les_vues_d'arbres/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/détails_sur_les_vues_d'arbres/index.html deleted file mode 100644 index d9257abad2..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/détails_sur_les_vues_d'arbres/index.html +++ /dev/null @@ -1,298 +0,0 @@ ---- -title: Détails sur les vues d'arbres -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Détails_sur_les_vues_d'arbres -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Tree_View_Details ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Vues_d'arbre_personnalisées" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes_des_arbres">Suivant »</a></p> -</div> -<p>Cette section décrit quelques fonctionnalités supplémentaires des vues d'arbre.</p> -<h3 id="Cr.C3.A9ation_d.27une_vue_hi.C3.A9rarchique_personnalis.C3.A9e" name="Cr.C3.A9ation_d.27une_vue_hi.C3.A9rarchique_personnalis.C3.A9e">Création d'une vue hiérarchique personnalisée</h3> -<p>Dans la section précédente, nous avons créé une vue d'arbre simple qui était implémentée avec un minimum de fonctionnalités. À présent, regardons quelques fonctions supplémentaires que les vues peuvent implémenter. Ici, nous examinerons comment créer un ensemble hiérarchique d'items utilisant la vue. C'est un processus relativement astucieux qui implique de conserver une trace des items qui sont des enfants et une trace de l'état des lignes, ouvertes ou fermées.</p> -<h4 id="Imbrication_de_niveaux" name="Imbrication_de_niveaux">Imbrication de niveaux</h4> -<p>Chaque ligne dans l'arbre possède un niveau d'imbrication. Les lignes les plus hautes ont un niveau 0, les enfants de ces lignes ont un niveau 1, leurs enfants le niveau 2 et ainsi de suite. L'arbre interroge la vue pour chaque ligne en appelant sa méthode <code>getLevel()</code> pour connaître le niveau de cette ligne. La vue devra retourner 0 pour les premiers parents et des valeurs plus élevées pour les lignes intérieures. L'arbre utilisera cette information pour déterminer la structure hiérarchique de ces lignes.</p> -<p>En complément de la méthode <code>getLevel()</code>, la fonction <code>hasNextSibling()</code> retourne pour une ligne donnée la valeur 'true' si elle est suivie d'une autre ligne de même niveau qu'elle. Cette fonction est spécifiquement utilisée pour dessiner l'imbrication des lignes sur le côté de la vue de l'arbre.</p> -<p>La méthode <code>getParentIndex()</code> est supposée retourner la ligne parente d'une ligne donnée, c'est-à-dire : la ligne précédente qui a un niveau d'imbrication inférieur. Toutes ces méthodes doivent être implémentées par la vue pour que les enfants soient manipulés correctement.</p> -<h4 id="Conteneurs" name="Conteneurs">Conteneurs</h4> -<p>Trois autres fonctions, <code>isContainer</code>, <code>isContainerEmpty</code> et <code>isContainerOpen</code> sont utilisées pour manipuler un item parent dans l'arbre.</p> -<ul> - <li>La méthode <code>isContainer</code> doit retourner 'true' si une ligne est un conteneur pouvant contenir des enfants.</li> - <li>La méthode <code>isContainerEmpty</code> doit renvoyer 'true' si une ligne est un conteneur vide, par exemple, un répertoire/dossier qui ne contient aucun fichier.</li> - <li>La méthode <code>isContainerOpen</code> sert à déterminer quel item est ouvert ou fermé. La vue a besoin d'en conserver une trace. L'arbre appellera cette méthode pour déterminer quels conteneurs sont ouverts et lesquels sont fermés.</li> -</ul> -<p>Notez que l'arbre n'appellera ni <code>isContainerEmpty</code>, ni <code>isContainerOpen</code> pour les lignes qui ne sont pas conteneurs en se basant sur la valeur de retour de la méthode <code>isContainer</code>.</p> -<p>Un conteneur peut être affiché différemment d'un non-conteneur. Par exemple, un conteneur peut avoir un icône de dossier devant lui. Une feuille de styles peut être utilisée pour personnaliser l'aspect des items en se basant sur diverses propriétés telles que l'ouverture d'une ligne conteneur. La stylisation sera décrite dans <a href="/fr/Tutoriel_XUL/Styler_un_arbre" title="fr/Tutoriel_XUL/Styler_un_arbre">une prochaine section</a>. Un conteneur non vide sera agrémenté d'une poignée (<abbr title="Note du Traducteur">NdT&nbsp;:</abbr> "twisty", petit '+' ou '-' ou un triangle sur les Macintosh) permettant à l'utilisateur d'ouvrir ou de fermer la ligne pour voir les items enfants. Les conteneurs vides n'auront pas de poignées, mais seront toujours considérés comme des conteneurs.</p> -<p>Lorsque l'utilisateur clique sur la poignée pour ouvrir une ligne, l'arbre appellera la méthode <code>toggleOpenState()</code>. La vue met alors en œuvre les opérations nécessaires pour intégrer les lignes enfants et mettre à jour l'arbre avec les nouvelles lignes.</p> -<h4 id="R.C3.A9sum.C3.A9_des_m.C3.A9thodes" name="R.C3.A9sum.C3.A9_des_m.C3.A9thodes">Résumé des méthodes</h4> -<p>Voici un récapitulatif des méthodes nécessaires pour implémenter des vues hiérarchiques :</p> -<pre>getLevel(ligne) -hasNextSibling(ligne, apresIndex) -getParentIndex(ligne) -isContainer(ligne) -isContainerEmpty(ligne) -isContainerOpen(ligne) -toggleOpenClose(ligne) -</pre> -<p>L'argument <code>apresIndex</code> de la fonction <code>hasNextSibling</code> est utilisée pour une raison d'optimisation, afin de démarrer la recherche à partir de la prochaine ligne sœur (ligne de même niveau d'imbrication). Par exemple, l'appelant pourrait déjà connaître la position de la prochaine ligne sœur. Imaginez une situation où une ligne possède des sous-lignes et que ces sous-lignes aient des lignes enfants dont quelques-unes sont ouvertes. Dans ce cas, la détermination de l'index de la prochaine ligne sœur prendrait du temps dans certaines implémentations.</p> -<h4 id="Exemple_d.27une_vue_personnalis.C3.A9e_hi.C3.A9rarchique" name="Exemple_d.27une_vue_personnalis.C3.A9e_hi.C3.A9rarchique">Exemple d'une vue personnalisée hiérarchique</h4> -<p>Voyons tous ces points dans un exemple simple qui construit un arbre à partir d'un tableau. Cet arbre ne supporte qu'un niveau parent avec un seul niveau enfant, mais il est possible de l'étendre facilement avec d'autres niveaux. Nous l'examinerons portion par portion.</p> -<pre><window onload="init();" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<tree id="elementList" flex="1"> - <treecols> - <treecol id="element" label="Élément" primary="true" flex="1"/> - </treecols> - <treechildren/> -</tree> - -</window> -</pre> -<p>Nous utilisons un arbre simple qui ne contient pas de données dans <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>. La fonction <code>init</code> est appelée au chargement de la fenêtre pour initialiser l'arbre. Elle définit simplement la vue personnalisée en récupérant l'arbre et en définissant sa propriété <code>view</code>. Nous définirons <code>treeView</code> plus tard.</p> -<pre>function init() { - document.getElementById("elementList").view = treeView; -} -</pre> -<p>La vue d'arbre personnalisée aura besoin d'implémenter un certain nombre de méthodes dont les plus importantes seront examinées individuellement. Cet arbre supporte un seul niveau de parenté avec un niveau enfant interne, mais il peut être étendu pour intégrer sans trop d'effort des niveaux supplémentaires. Tout d'abord, nous définirons deux structures pour conserver les données de l'arbre, la première contiendra une carte relationnelle entre les parents et leurs éventuels enfants, et la seconde contiendra un tableau des lignes visibles. Souvenez-vous qu'une vue doit conserver elle-même une trace des lignes visibles.</p> -<pre>var treeView = { - childData : { - Solids: ["Argent", "Or", "Plomb"], - Liquids: ["Mercure"], - Gases: ["Hélium", "Azote"] - }, - - visibleData : [ - ["Solides", true, false], - ["Liquides", true, false], - ["Gaz", true, false] - ], -</pre> -<p>La structure <code>childData</code> contient un tableau des enfants pour chacun des trois nœuds parents. Le tableau <code>visibleData</code> commence avec seulement trois items visibles, les trois items de haut niveau. Des items seront ajoutés et supprimés depuis ce tableau quand les items sont ouverts ou fermés. Le principe est le suivant : lorsqu'une ligne parente est ouverte, ses enfants sont récupérés depuis la carte <code>childData</code> et insérés dans le tableau <code>visibleData</code>. Par exemple, si la ligne 'Liquides' est ouverte, son enfant unique dans le tableau <code>childData</code>, l'enfant 'Mercure', sera inséré dans le tableau <code>visibleData</code> après 'Liquides' mais avant 'Gaz'. La taille du tableau sera incrémentée de un. Les deux valeurs booléennes présentes dans chaque ligne dans la structure <code>visibleData</code> indiquent respectivement si une ligne est un conteneur et si elle est ouverte. Évidemment, le nouvel enfant inséré aura ces deux valeurs initialisées à 'false'.</p> -<h4 id="Impl.C3.A9mentation_de_l.27interface_de_vue_d.27arbre" name="Impl.C3.A9mentation_de_l.27interface_de_vue_d.27arbre">Implémentation de l'interface de vue d'arbre</h4> -<p>Ensuite, nous avons besoin d'implémenter l'interface de vue de l'arbre. Tout d'abord, les fonctions simples :</p> -<pre> treeBox: null, - selection: null, - - get rowCount() { return this.visibleData.length; }, - setTree: function(treeBox) { this.treeBox = treeBox; }, - getCellText: function(idx, column) { return this.visibleData[idx][0]; }, - isContainer: function(idx) { return this.visibleData[idx][1]; }, - isContainerOpen: function(idx) { return this.visibleData[idx][2]; }, - isContainerEmpty: function(idx) { return false; }, - isSeparator: function(idx) { return false; }, - isSorted: function() { return false; }, - isEditable: function(idx, column) { return false; }, -</pre> -<p>La fonction <code>rowCount</code> retournera la taille du tableau <code>visibleData</code>. Notez qu'elle devrait retourner le nombre courant de lignes <em>visibles</em>, pas le nombre <em>total</em> de lignes. Donc, au début, seulement trois items sont visibles et la valeur retournée par <code>rowCount</code> devrait être trois, même si six lignes sont cachées.</p> -<p>La fonction <code>setTree</code> sera appelée pour définir l'objet boîte de l'arbre. L'objet boîte de l'arbre est un type spécialisé d'objet boîte propre aux arbres qui sera examiné en détail dans la prochaine section. Il est utilisé pour aider à la représentation graphique de l'arbre. Dans cet exemple, nous avons seulement besoin d'une fonction de l'objet boîte capable de redessiner l'arbre quand des items sont ajoutés ou supprimés.</p> -<p>Les fonctions <code>getCellText</code>, <code>isContainer</code> et <code>isContainerOpen</code> retournent juste l'élément correspondant dans le tableau <code>visibleData</code>. Enfin, les fonctions restantes peuvent retourner 'false' puisque nous n'avons pas besoin de leurs fonctionnalités. Si nous avions eu des lignes parents sans enfant, nous aurions implémenté la fonction <code>isContainerEmpty</code> pour quelle retourne 'true' pour ces éléments.</p> -<pre> getParentIndex: function(idx) { - if (this.isContainer(idx)) return -1; - for (var t = idx - 1; t >= 0 ; t--) { - if (this.isContainer(t)) return t; - } - }, -</pre> -<p>La fonction <code>getParentIndex</code> sera nécessaire pour retourner l'index du parent d'un item donné. Dans notre exemple simple, il y a seulement deux niveaux d'imbrication, donc nous savons que les conteneurs n'ont pas de parents, la valeur '-1' est retournée pour ces items. Dans le cas contraire, nous devons parcourir les lignes en arrière pour rechercher celle qui est un conteneur. Ensuite, la fonction <code>getLevel</code>.</p> -<pre> getLevel: function(idx) { - if (this.isContainer(idx)) return 0; - return 1; - }, -</pre> -<p>La fonction <code>getLevel</code> est simple. Elle retourne juste '0' pour une ligne conteneur et '1' pour une ligne non-conteneur. Si nous voulions ajouter un niveau d'imbrication supplémentaire, ces lignes enfants auraient un niveau de '2'.</p> -<pre> hasNextSibling: function(idx, after) { - var thisLevel = this.getLevel(idx); - for (var t = idx + 1; t < this.visibleData.length; t++) { - var nextLevel = this.getLevel(t) - if (nextLevel == thisLevel) return true; - else if (nextLevel < thisLevel) return false; - } - }, -</pre> -<p>La fonction <code>hasNextSibling</code> doit retourner 'true' quand une ligne donnée est suivie d'une ligne de même niveau (une sœur). Le code ci-dessus utilise une méthode basique qui consiste à parcourir les lignes après celle donnée, en retournant 'true' si une ligne de même niveau est trouvée et 'false' si une ligne de niveau inférieur est rencontrée. Dans cet exemple simple, cette méthode est bonne, mais un arbre avec davantage de données aura besoin d'utiliser une méthode optimisée pour déterminer s'il existe une ligne suivante sœur.</p> -<h4 id="Ouverture_ou_fermeture_d.27une_ligne" name="Ouverture_ou_fermeture_d.27une_ligne">Ouverture ou fermeture d'une ligne</h4> -<p>La dernière fonction est <code>toggleOpenState</code>. C'est la plus complexe. Elle a besoin de modifier le tableau <code>visibleData</code> lorsqu'une ligne est ouverte ou fermée.</p> -<pre> toggleOpenState: function(idx) { - var item = this.visibleData[idx]; - if (!item[1]) return; - - if (item[2]) { - item[2] = false; - - var thisLevel = this.getLevel(idx); - var deletecount = 0; - for (var t = idx + 1; t < this.visibleData.length; t++) { - if (this.getLevel(t) > thisLevel) deletecount++; - else break; - } - if (deletecount) { - this.visibleData.splice(idx + 1, deletecount); - this.treeBox.rowCountChanged(idx + 1, -deletecount); - } - } - else { - item[2] = true; - - var label = this.visibleData[idx][0]; - var toinsert = this.childData[label]; - for (var i = 0; i < toinsert.length; i++) { - this.visibleData.splice(idx + i + 1, 0, [toinsert[i], false]); - } - this.treeBox.rowCountChanged(idx + 1, toinsert.length); - } - }, -</pre> -<p>D'abord nous vérifions si la ligne est un conteneur. Si elle ne l'est pas, la fonction retourne juste que les non-conteneurs ne peuvent pas être ouverts ou fermés. Comme le troisième élément du tableau (celui avec l'index 2) indique si une ligne est ouverte ou fermée, nous utilisons deux blocs de code, le premier pour fermer une ligne et le second pour ouvrir une ligne. Examinons chaque bloc de code, mais en commençant par le second, chargé d'ouvrir une ligne.</p> -<pre> item[2] = true; - - var label = this.visibleData[idx][0]; - var toinsert = this.childData[label]; - for (var i = 0; i < toinsert.length; i++) { - this.visibleData.splice(idx + i + 1, 0, [toinsert[i], false]); - } - this.treeBox.rowCountChanged(idx + 1, toinsert.length); -</pre> -<p>La première ligne de code définit la ligne item comme étant ouverte dans le tableau, ainsi le prochain appel de la fonction <code>toggleOpenState</code> saura qu'elle doit fermer la ligne. Ensuite, regardons les données pour la ligne dans la carte <code>childData</code>. Le résultat est que la variable 'toinsert' sera définie avec un des tableaux enfants, par exemple '["Argent", "Or", "Plomb"]' si la ligne 'Solides' est celle qu'on demande d'ouvrir. Ensuite, nous utilisons la fonction de tableau <code>splice</code> pour insérer une nouvelle ligne pour chaque item. Pour 'Solides', trois items seront insérés.</p> -<p>Enfin, la fonction de boîte d'arbre <code>rowCountChanged</code> a besoin d'être appelée. Rappelez-vous que l'objet <code>treeBox</code> est un objet de boîte d'arbre qui a été défini plus tôt par un appel de la fonction <code>setTree</code>. L'objet de boîte d'arbre sera créé par l'arbre pour vous et vous pourrez appeler ses fonctions. Dans ce cas, nous utilisons la fonction <code>rowCountChanged</code> pour informer l'arbre que quelques lignes de données ont été ajoutées. L'arbre redessinera son contenu avec pour résultat que les lignes enfants apparaîtront à l'intérieur du conteneur. Les autres fonctions implémentées ci-dessus, telles que <code>getLevel</code> et <code>isContainer</code>, sont utilisées par l'arbre pour déterminer son affichage.</p> -<p>La fonction <code>rowCountChanged</code> prend deux arguments, l'index de la ligne où doit se faire l'insertion et le nombre de lignes à insérer. Dans le code ci-dessus nous indiquons que la ligne de départ est la valeur de 'idx' + 1, elle sera la première ligne enfant sous le parent. L'arbre utilisera cette information et ajoutera l'espace nécessaire pour le nombre approprié de lignes en poussant les lignes suivantes vers le bas. Assurez-vous de fournir le nombre correct, ou l'arbre pourrait se redessiner incorrectement ou essayer de dessiner plus de lignes que nécessaire.</p> -<p>Le code suivant est utilisé pour supprimer des lignes quand une ligne est fermée.</p> -<pre> item[2] = false; - - var thisLevel = this.getLevel(idx); - var deletecount = 0; - for (var t = idx + 1; t < this.visibleData.length; t++) { - if (this.getLevel(t) > thisLevel) deletecount++; - else break; - } - if (deletecount) { - this.visibleData.splice(idx + 1, deletecount); - this.treeBox.rowCountChanged(idx + 1, -deletecount); - } -</pre> -<p>Premièrement, l'item est déclaré fermé dans le tableau. Ensuite, nous scannons les lignes suivantes jusqu'à ce que nous atteignions une ligne de même niveau. Toutes celles qui ont un niveau supérieur auront besoin d'être supprimées, mais une ligne de même niveau sera le prochain conteneur qui ne devra pas être supprimé.</p> -<p>Enfin, nous utilisons la fonction <code>splice</code> pour supprimer les lignes du tableau <code>visibleData</code> et appelons la fonction <code>rowCountChanged</code> pour redessiner l'arbre. Lors de la suppression des lignes, vous aurez besoin de fournir un chiffre négatif correspondant au nombre de lignes à supprimer.</p> -<h4 id="Exemple_en_entier" name="Exemple_en_entier">Exemple en entier</h4> -<p>Il existe plusieurs autres fonctions de vue pouvant être implémentées mais nous n'en avons pas l'utilité dans cet exemple, donc nous créons des fonctions qui ne font rien ici. Elles sont placées à la fin de notre exemple complet :</p> -<pre><?xml version="1.0" encoding="iso-8859-1?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<window onload="init();" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<tree id="elementList" flex="1"> - <treecols> - <treecol id="element" label="Élément" primary="true" flex="1"/> - </treecols> - <treechildren/> -</tree> - -<script> -<![CDATA[ - -var treeView = { - childData : { - Solids: ["Argent", "Or", "Plomb"], - Liquids: ["Mercure"], - Gases: ["Hélium", "Azote"] - }, - - visibleData : [ - ["Solides", true, false], - ["Liquides", true, false], - ["Gaz", true, false] - ], - - treeBox: null, - selection: null, - - get rowCount() { return this.visibleData.length; }, - setTree: function(treeBox) { this.treeBox = treeBox; }, - getCellText: function(idx, column) { return this.visibleData[idx][0]; }, - isContainer: function(idx) { return this.visibleData[idx][1]; }, - isContainerOpen: function(idx) { return this.visibleData[idx][2]; }, - isContainerEmpty: function(idx) { return false; }, - isSeparator: function(idx) { return false; }, - isSorted: function() { return false; }, - isEditable: function(idx, column) { return false; }, - - getParentIndex: function(idx) { - if (this.isContainer(idx)) return -1; - for (var t = idx - 1; t >= 0 ; t--) { - if (this.isContainer(t)) return t; - } - }, - getLevel: function(idx) { - if (this.isContainer(idx)) return 0; - return 1; - }, - hasNextSibling: function(idx, after) { - var thisLevel = this.getLevel(idx); - for (var t = idx + 1; t < this.visibleData.length; t++) { - var nextLevel = this.getLevel(t) - if (nextLevel == thisLevel) return true; - else if (nextLevel < thisLevel) return false; - } - }, - toggleOpenState: function(idx) { - var item = this.visibleData[idx]; - if (!item[1]) return; - - if (item[2]) { - item[2] = false; - - var thisLevel = this.getLevel(idx); - var deletecount = 0; - for (var t = idx + 1; t < this.visibleData.length; t++) { - if (this.getLevel(t) > thisLevel) deletecount++; - else break; - } - if (deletecount) { - this.visibleData.splice(idx + 1, deletecount); - this.treeBox.rowCountChanged(idx + 1, -deletecount); - } - } - else { - item[2] = true; - - var label = this.visibleData[idx][0]; - var toinsert = this.childData[label]; - for (var i = 0; i < toinsert.length; i++) { - this.visibleData.splice(idx + i + 1, 0, [toinsert[i], false]); - } - this.treeBox.rowCountChanged(idx + 1, toinsert.length); - } - }, - - getImageSrc: function(idx, column) {}, - getProgressMode : function(idx,column) {}, - getCellValue: function(idx, column) {}, - cycleHeader: function(col, elem) {}, - selectionChanged: function() {}, - cycleCell: function(idx, column) {}, - performAction: function(action) {}, - performActionOnCell: function(action, index, column) {}, - getRowProperties: function(idx, column, prop) {}, - getCellProperties: function(idx, column, prop) {}, - getColumnProperties: function(column, element, prop) {}, -}; - -function init() { - document.getElementById("elementList").view = treeView; -} - -]]></script> - -</window> -</pre> -<hr> -<p>Ensuite, nous verrons plus en détails l'objet de boîte d'arbre.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Vues_d'arbre_personnalisées" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes_des_arbres">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/exemple_xbl/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/exemple_xbl/index.html deleted file mode 100644 index b8b61c00ae..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/exemple_xbl/index.html +++ /dev/null @@ -1,205 +0,0 @@ ---- -title: Exemple XBL -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Exemple_XBL -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/XBL_Example ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Héritage_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Caractéristiques_d'une_fenêtre">Suivant »</a></p> -</div> - -<p>Cette section va décrire un exemple d'élément XBL.</p> - -<h3 id="Un_.C3.A9l.C3.A9ment_de_diaporama" name="Un_.C3.A9l.C3.A9ment_de_diaporama">Un élément de diaporama</h3> - -<p>Construisons un exemple complet d'un élément XBL. Il s'agira de créer un élément graphique qui stocke un paquet d'objets, en les affichant un par un. Des boutons de navigation situés sur le bas permettront à l'utilisateur d'afficher les objets les uns aprés les autres tandis qu'un élément graphique textuel entre les boutons affichera le numéro de la page courante. Vous pourriez mettre n'importe quoi dans les pages, cependant, cet élément graphique pourrait être utile pour afficher une série d'images. Nous l'appellerons <em>élément de diaporama</em>.</p> - -<h4 id="Contenu_du_diaporama" name="Contenu_du_diaporama">Contenu du diaporama</h4> - -<p>Tout d'abord, déterminons quels sont les éléments qui ont besoin d'aller dans le contenu XBL. Puisque nous voulons un changement de page, un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code> sera le plus approprié pour contenir les pages. Le contenu des pages sera spécifié dans le fichier XUL, et non dans XBL, mais nous aurons besoin de l'ajouter au sein du paquet (deck). La balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#children">children</a></code> devra être utilisée. En bas, nous aurons besoin d'un bouton pour aller à la page précédente, d'un élément graphique pour afficher la numéro de la page courante, et d'un bouton pour aller à la page suivante.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xblex_1.xml.txt">Source</a></p> - -<pre><binding id="slideshow"> - <content> - <xul:vbox flex="1"> - <xul:deck xbl:inherits="selectedIndex" selectedIndex="0" flex="1"> - <children/> - </xul:deck> - <xul:hbox> - <xul:button xbl:inherits="label=previoustext"/> - <xul:label flex="1"/> - <xul:button xbl:inherits="label=nexttext"/> - </xul:hbox> - </xul:vbox> - </content> -</binding> -</pre> - -<p>Cette liaison crée la stucture de la présentation que nous souhaitons. L'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> a été ajouté à plusieurs éléments pour qu'ils s'étendent de la bonne manière. Les attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> sur les deux boutons héritent des valeurs de l'élément qui leur est attaché. Ici, ils héritent de deux attributs personnalisés, <code>previoustext</code> et <code>nexttext</code>. Ils rendent le changement des libellés des boutons simple. Les fils de l'élément auquel l'élément XBL est relié seront placés au sein de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code>. L'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code> est hérité par le paquet, ainsi nous pouvons déclarer la page initiale dans XUL.</p> - -<p>Le fichier XUL suivant produit le résultat affiché dans l'image.</p> - -<pre><box class="slideshow" previoustext="Précédent" nexttext="Suivant" flex="1"> - <button label="Bouton 1"/> - <checkbox label="Case à cocher 2"/> - <textbox/> -</box> -</pre> - -<p>Le style CSS utilisé ici est :</p> - -<pre>.slideshow { - -moz-binding: url("slideshow.xml#slideshow"); -} -</pre> - -<div class="float-right"><img alt="Image:xultu_xblex1.jpg" class="internal" src="/@api/deki/files/1568/=Xultu_xblex1.jpg"></div> - -<p>Le premier bouton, 'Bouton 1' a été utilisé comme première page du paquet. L'élément graphique <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> n'est pas apparu puisqu'aucun attribut <code>value</code> ne lui a été spécifié. Nous pourrions déclarer une valeur, mais elle sera plutôt calculée plus tard.</p> - -<h4 id="Propri.C3.A9t.C3.A9_page" name="Propri.C3.A9t.C3.A9_page">Propriété <code>page</code></h4> - -<p>Ensuite, une propriété contenant le numéro de la page courante est ajoutée. Pour lire cette propriété personnalisée, il est nécessaire de rechercher la valeur de l'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code> du paquet qui contient le numéro de la page affichée. De même, lorsqu'on modifiera cette propriété, il sera nécessaire de changer l'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code> du paquet. De plus, l'élément graphique textuel devra être mis à jour pour afficher le numéro de la page courante.</p> - -<pre><property name="page" - onget="return parseInt(document.getAnonymousNodes(this)[0].childNodes[0].getAttribute('selectedIndex'));" - onset="this.setPage(val);"/> -</pre> - -<p>La propriété <code>page</code> obtient sa valeur en observant le premier élément du tableau anonyme. Elle renvoie la boîte verticale, donc, pour obtenir le paquet, nous devons obtenir le premier nœud fils de la boîte. Le tableau anonyme n'est pas utilisé puisque le paquet n'est pas anonyme à partir de la boîte. Finalement, la valeur de l'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code> est récupérée. Pour spécifier la page, une méthode <code>setPage</code> qui sera définie plus tard est appelée.</p> - -<p>Un gestionnaire <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code> devra être ajouté aux boutons 'Précédent' et 'Suivant' pour que la page soit changée lorsque les boutons sont pressés. Nous pouvons changer facilement la page en utilisant la propriété personnalisée <code>page</code> qui vient d'être ajoutée :</p> - -<pre><xul:button xbl:inherits="label=previoustext" - oncommand="parentNode.parentNode.parentNode.page--;"/> -<xul:description flex="1"/> -<xul:button xbl:inherits="label=nexttext" - oncommand="parentNode.parentNode.parentNode.page++;"/> -</pre> - -<p>Étant donné que la propriété <code>page</code> est dans l'élément XUL externe, nous devons utiliser la propriété <code>parentNode</code> pour l'obtenir. La première propriété <code>parentNode</code> retourne l'élément parent du bouton qui est la boîte horizontale, la seconde son parent, la boîte verticale, et la dernière son parent qui est la boîte externe. La propriété <code>page</code> est incrémentée ou décrémentée. Elle va appeler le script <code>onget</code> pour obtenir la valeur, incrémentera ou décrémentera la valeur, et enfin appellera le gestionnaire <code>onset</code> pour enregistrer la valeur.</p> - -<h4 id="M.C3.A9thode_setPage" name="M.C3.A9thode_setPage">Méthode <code>setPage</code></h4> - -<p>Définissons à présent la méthode <code>setPage</code>. Elle prendra un paramètre, le numéro de page qui sert à spécifier la page. Il sera nécessaire de vérifier que le numéro de page n'est pas en dehors des limites et ensuite modifier les attributs <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code> du paquet et l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> de l'élément graphique textuel.</p> - -<pre><method name="setPage"> - <parameter name="newidx"/> - <body> - <![CDATA[ - var thedeck=document.getAnonymousNodes(this)[0].childNodes[0]; - var totalpages=this.childNodes.length; - - if (newidx<0) return 0; - if (newidx>=totalpages) return totalpages; - thedeck.setAttribute("selectedIndex",newidx); - document.getAnonymousNodes(this)[0].childNodes[1].childNodes[1] - .setAttribute("value",(newidx+1)+" of "+totalpages); - return newidx; - ]]> - </body> -</method> -</pre> - -<p>Cette fonction est appelée <code>setPage</code> et prend un paramètre <code>newidx</code>. Le corps de la méthode a été encapsulé entre '<![CDATA[' et ']]>'. C'est le mécanisme général dans tous les fichiers XML qui peut être utilisé pour échapper tout le texte à l'intérieur. De cette manière, vous n'avez pas besoin d'échapper tous les signes "inférieur" et "supérieur" à l'intérieur.</p> - -<p>Décomposons le code morceau par morceau.</p> - -<dl> - <dt><code>var thedeck=document.getAnonymousNodes(this)[0].childNodes[0];</code></dt> - <dd>Récupère le premier élément du tableau de contenu anonyme qui sera la boîte verticale, puis obtient son premier fils qui sera le paquet <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code>.</dd> - <dt><code>var totalpages=this.childNodes.length;</code></dt> - <dd>Récupère le nombre de fils que détient la boîte qui est liée. Cela donnera le nombre total de pages qui s'y trouve.</dd> - <dt><code>if (newidx<0) return 0;</code></dt> - <dd>Si le nouvel index est avant la première page, ne pas changer la page et retourner '0'. La page ne devrait pas donner une valeur plus petite que la première page.</dd> - <dt><code>if (newidx>=totalpages) return totalpages;</code></dt> - <dd>Si le nouvel index est après la dernière page, ne pas changer la page et retourner le dernier index de page. La page ne devrait pas devenir celle qui est après la dernière.</dd> - <dt><code>thedeck.setAttribute("selectedIndex",newidx);</code></dt> - <dd>Changer l'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code> du paquet. Cela entraîne l'affichage de la page demandée.</dd> - <dt><code>document.getAnonymousNodes(this)[0].childNodes[1].childNodes[1].setAttribute("value", (newidx+1)+" sur "+totalpages);</code></dt> - <dd>Cette ligne modifie l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> pour qu'il affiche l'index de la page courante. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> peut être récupéré en obtenant le premier élément du contenu anonyme (la boîte verticale), le second fils de cet élément (la boîte horizontale), et enfin le second élément de cette boîte. L'attribut <code>value</code> est modifié pour indiquer '1 sur 3' ou quelque chose de similaire. Notez que l'index est incrémenté de un parce que les indices commence à '0'.</dd> -</dl> - -<h4 id="Constructeur" name="Constructeur">Constructeur</h4> - -<p>Nous allons aussi avoir besoin d'un constructeur pour initialiser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> afin qu'il s'affiche correctement la première fois que la présentation est affichée. Nous utilisons un code similaire à la méthode ci-dessus pour déclarer le numéro de page. La référence à 'this.page' va appeler le script <code>onget</code> de la propriété <code>page</code> qui à son tour va recupérer la page initiale à partir de l'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code>.</p> - -<pre><constructor> - var totalpages=this.childNodes.length; - document.getAnonymousNodes(this)[0].childNodes[1].childNodes[1] - .setAttribute("value",(this.page+1)+" of "+totalpages); -</constructor> -</pre> - -<h4 id="Fonctionnalit.C3.A9s_suppl.C3.A9mentaires" name="Fonctionnalit.C3.A9s_suppl.C3.A9mentaires">Fonctionnalités supplémentaires</h4> - -<p>Nous pouvons aussi ajouter quelques caractéristiques supplémentaires. Certains raccourcis claviers peuvent être utilisés pour les boutons 'Précédent' et 'Suivant', (disons l'effacement arrière et la touche Entrée). Des boutons 'Premier' et 'Dernier' peuvent être ajoutés pour aller à la première et à la dernière page. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> pourrait être transformé en un champ de saisie où l'utilisateur pourrait entrer la page à afficher, ou une fenêtre surgissante pourrait être ajoutée pour permettre la sélection de la page à partir d'un menu. Nous pourrions aussi ajouter une bordure autour de la boîte avec un style CSS pour la rendre plus jolie.</p> - -<h4 id="Le_code_final" name="Le_code_final">Le code final</h4> - -<p>Le code final est le suivant :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xblex_2.xml.txt">Source</a></p> - -<pre><binding id="slideshow"> - <content> - <xul:vbox flex="1"> - <xul:deck xbl:inherits="selectedIndex" selectedIndex="0" flex="1"> - <children/> - </xul:deck> - <xul:hbox> - <xul:button xbl:inherits="label=previoustext" - oncommand="parentNode.parentNode.parentNode.page--;"/> - <xul:description flex="1"/> - <xul:button xbl:inherits="label=nexttext" - oncommand="parentNode.parentNode.parentNode.page++;"/> - </xul:hbox> - </xul:vbox> - </content> - - <implementation> - - <constructor> - var totalpages=this.childNodes.length; - document.getAnonymousNodes(this)[0].childNodes[1].childNodes[1] - .setAttribute("value",(this.page+1)+" sur "+totalpages); - </constructor> - - <property name="page" - onget="return parseInt(document.getAnonymousNodes(this)[0].childNodes[0].getAttribute('selectedIndex'));" - onset="this.setPage(val);"/> - - <method name="setPage"> - <parameter name="newidx"/> - <body> - <![CDATA[ - var thedeck=document.getAnonymousNodes(this)[0].childNodes[0]; - var totalpages=this.childNodes.length; - - if (newidx<0) return 0; - if (newidx>=totalpages) return totalpages; - thedeck.setAttribute("selectedIndex",newidx); - document.getAnonymousNodes(this)[0].childNodes[1].childNodes[1] - .setAttribute("value",(newidx+1)+" sur "+totalpages); - return newidx; - ]]> - </body> - </method> - </implementation> - -</binding> -</pre> - -<hr> -<p>Nous allons voir ensuite quelques propriétés additionnelles d'une fenêtre.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Héritage_XBL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Caractéristiques_d'une_fenêtre">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/exemples_xpcom/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/exemples_xpcom/index.html deleted file mode 100644 index 50bd44eb6e..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/exemples_xpcom/index.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: Exemples XPCOM -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Exemples_XPCOM -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/XPCOM_Examples ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Interfaces_XPCOM" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Arbres">Suivant »</a></p> -</div> - -<p>Cette section donne quelques exemples d'utilisation de la technologie XPCOM avec de nouvelles interfaces.</p> - -<h3 id="Gestion_de_Fen.C3.AAtres" name="Gestion_de_Fen.C3.AAtres">Gestion de Fenêtres</h3> - -<div class="note">Cet exemple contient une source de données RDF qui sera décrite dans <a href="/fr/Tutoriel_XUL/Gabarits" title="fr/Tutoriel_XUL/Gabarits">une prochaine section</a>. Vous devriez passer cet exemple pour l'instant, à moins d'en savoir suffisamment sur le sujet.</div> - -<h4 id="Cr.C3.A9ation_d.27un_menu_de_fen.C3.AAtre" name="Cr.C3.A9ation_d.27un_menu_de_fen.C3.AAtre">Création d'un menu de fenêtre</h4> - -<p>La liste des fenêtres Mozilla ouvertes peut être utilisée comme <a href="/fr/Tutoriel_XUL/Sources_de_données_RDF" title="fr/Tutoriel_XUL/Sources_de_données_RDF">une source de données RDF</a>. Elle vous permet de créer dans votre application un menu donnant la liste des fenêtres courantes ouvertes. La source de données correspondante est 'rdf:window-mediator' dont voici un exemple d'utilisation :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xpcomex_1.xul.txt">Source</a></p> - -<pre><toolbox> - <menubar id="windowlist-menubar"> - <menu label="Fenêtres"> - <menupopup id="window-menu" datasources="rdf:window-mediator" ref="NC:WindowMediatorRoot"> - <template> - <rule> - <menuitem uri="rdf:*" label="rdf:http://home.netscape.com/NC-rdf#Name"/> - </rule> - </template> - </menupopup> - </menu> - </menubar> -</toolbox> -</pre> - -<p>Un menu contenant la liste de toutes les fenêtres ouvertes sera créé. Essayez cet exemple en ouvrant plusieurs fenêtres, et vous les verrez toutes dans le menu.</p> - -<h4 id="Composant_mediator" name="Composant_mediator">Composant mediator</h4> - -<p>Cet exemple peut être amélioré de telle façon que lorsque l'on clique sur un élément du menu, la fenêtre correspondante soit affichée. Cette tâche sera rendue possible grâce au composant "window mediator" qui implémente l'interface <code>nsIWindowDataSource</code>. Le code suivant montre comment il fonctionne :</p> - -<pre>var wmdata = Components.classes["@mozilla.org/rdf/datasource;1?name=window-mediator"].getService(); -wmdata.QueryInterface(Components.interfaces.nsIWindowDataSource); -</pre> - -<p>Ce code récupère le composant "window mediator". Le composant utilisé ici est le même que celui qui gère la source de données RDF "Window-mediator". Vous pouvez également récupérer ce composant au travers du service RDF qui est un autre service de gestion des sources de données RDF.</p> - -<p>L'interface <a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/nsIWindowDataSource.html">nsIWindowDataSource</a> possède une fonction <code>getWindowForResource</code> qui nous donne une fenêtre à partir d'une ressource. Dans un exemple précédent, nous avons généré une liste de fenêtres que nous avons ajoutée à un menu via une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code>. Celle-ci génère un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> pour chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>. La valeur de cet attribut peut être utilisée comme ressource. Ainsi pour donner le focus à la fenêtre sélectionnée, nous pouvons procéder de la manière suivante :</p> - -<ol> - <li>Déterminer l'élément que l'utilisateur a sélectionné.</li> - <li>Récupérer la valeur de l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de cet élément.</li> - <li>Passer cette valeur à <code>getWindowForResource()</code> pour avoir l'objet "window".</li> - <li>Mettre le focus sur celle-ci.</li> -</ol> - -<p>L'exemple ci-dessous nous montre comment procéder :</p> - -<pre><toolbox> - <menubar id="windowlist-menubar"> - <menu label="Fenêtre" oncommand="switchFocus(event.target);"> - <menupopup id="window-menu" datasources="rdf:window-mediator" ref="NC:WindowMediatorRoot"> - <template> - <rule> - <menuitem uri="rdf:*" label="rdf:http://home.netscape.com/NC-rdf#Name"/> - </rule> - </template> - </menupopup> - </menu> - </menubar> -</toolbox> - -<script> -function switchFocus(elem) -{ - var mediator = Components.classes["@mozilla.org/rdf/datasource;1?name=window-mediator"].getService(); - mediator.QueryInterface(Components.interfaces.nsIWindowDataSource); - - var resource = elem.getAttribute('id'); - switchwindow = mediator.getWindowForResource(resource); - - if (switchwindow){ - switchwindow.focus(); - } -} -</script> -</pre> - -<p>Un gestionnaire de commande a été ajouté à l'élément menu. Ce gestionnaire appelle la fonction <code>switchFocus()</code> avec comme paramètre l'élément du menu que nous avons sélectionné. La fonction <code>switchFocus()</code> :</p> - -<ul> - <li>récupère d'abord une référence du composant qui implémente l'interface du "window mediator" (<abbr title="Note du Traducteur">NdT</abbr> : plus exactement <code>nsIWindowDataSource</code> ).</li> - <li>Puis nous récupérons l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément. Nous utilisons cette valeur comme ressource.</li> - <li>La ressource est passée en paramètre à la fonction <code>getWindowForResource()</code> qui renvoie la fenêtre correspondante. Cette fenêtre est stockée dans la variable <code>switchwindow</code> comme objet javascript window.</li> - <li>Par conséquent, toutes les fonctions de cet objet sont utilisables, comme la fonction <code>focus()</code>.</li> -</ul> - -<h3 id="Cookies" name="Cookies">Cookies</h3> - -<p>Maintenant, nous allons récupérer la liste des cookies sauvegardés par le navigateur. Nous allons utiliser le service "Cookie" qui implémente l'interface <code><a class="external" href="http://xulplanet.com/references/xpcomref/ifaces/nsICookieManager.html">nsICookieManager</a></code> utilisée pour énumérer tous les cookies. Voici un exemple qui alimente la liste d'un menu avec le nom de tous les cookies provenant du site MozillaZine.</p> - -<pre><script> - -function getCookies() -{ - var menu = document.getElementById("cookieMenu"); - menu.removeAllItems(); - - var cookieManager = Components.classes["@mozilla.org/cookiemanager;1"] - .getService(Components.interfaces.nsICookieManager); - - var iter = cookieManager.enumerator; - while (iter.hasMoreElements()){ - var cookie = iter.getNext(); - if (cookie instanceof Components.interfaces.nsICookie){ - if (cookie.host == "www.mozillazine.org") - menu.appendItem(cookie.name,cookie.value); - } - } -} -</script> - -<hbox> - <menulist id="cookieMenu" onpopupshowing="getCookies();"/> -</hbox> -</pre> - -<p>La fonction <code>getCookies()</code> sera appelée à chaque ouverture du menu, comme indiqué par l'attribut <code id="a-onpopupshowing"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onpopupshowing">onpopupshowing</a></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>. Les deux premières lignes de <code>getCookies()</code> récupèrent l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> et suppriment tous les items existants. En effet comme cette fonction est appelée à chaque fois que nous l'ouvrons, nous ne voulons pas garder les anciens éléments.</p> - -<p>Ensuite, le gestionnaire de cookie est récupéré. Celui-ci a une méthode qui renvoie un objet énumérateur implémentant <code><a href="/fr/NsISimpleEnumerator" title="fr/NsISimpleEnumerator">nsISimpleEnumerator</a></code>. Il nous permet de parcourir tous les cookies. Un énumérateur dispose d'une méthode <code>hasMoreElements()</code> retournant 'true' jusqu'à ce que le dernier cookie soit récupéré. La méthode <code>getNext()</code> renvoie un cookie et incrémente l'index de l'énumérateur. Comme l'énumérateur ne renvoie qu'un objet générique, nous devons lui indiquer que nous voulons utiliser l'interface <code><a class="external" href="http://xulplanet.com/references/xpcomref/ifaces/nsICookie.html">nsICookie</a></code>. Dans ce cas, l'opérateur <code>instanceof</code> permet d'accomplir cette vérification.</p> - -<p>Finalement, un élément est ajouté au menu pour chaque cookie ( <abbr title="Note du Traducteur">NdT</abbr> : dont le site hôte est "www.mozillazine.org"). Les propriétés hôte, nom et valeur du cookie sont alors utilisées. Les menus ont une fonction <code>appendItem()</code> qui ajoute un élément avec un libellé et une valeur.</p> - -<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3> - -<p>D'autres exemples sont disponibles ici :</p> - -<ul> - <li><a href="/fr/Extraits_de_code" title="fr/Extraits_de_code">Extraits de code</a></li> - <li><a class="external" href="http://kb.mozillazine.org/Category:XPCOM_example_code">Exemples de code XPCOM sur Mozillazine</a></li> -</ul> - -<hr> -<p>Dans la section suivante, nous allons voir comment utiliser le presse papier.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Interfaces_XPCOM" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Utilisation_du_presse_papiers">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/focus_et_selection/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/focus_et_selection/index.html deleted file mode 100644 index 84e67cec8b..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/focus_et_selection/index.html +++ /dev/null @@ -1,122 +0,0 @@ ---- -title: Focus et Selection -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Focus_et_Selection -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Focus_and_Selection ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Raccourcis_clavier" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Commandes">Suivant »</a></p> -</div> -<p>Cette section va décrire comment manipuler le focus et la sélection des éléments.</p> -<h3 id=".C3.89l.C3.A9ments_focalis.C3.A9s" name=".C3.89l.C3.A9ments_focalis.C3.A9s">Éléments focalisés</h3> -<p>L'élément focalisé est l'élément qui reçoit les événements entrants. S'il y a trois champs de saisie sur une fenêtre, celui qui détient le focus est celui dans lequel l'utilisateur peut taper du texte. Un seul élément à la fois peut détenir le focus.</p> -<p>L'utilisateur peut changer le focus en cliquant sur un élément avec la souris ou en appuyant sur la touche <code>Tab</code> (tabulation). Lorsque la touche tabulation est appuyée, le focus passe à l'élément suivant. Pour revenir en arrière, il suffit d'appuyer sur les touches <code>Maj</code> (shift) et <code>Tab</code> simultanément.</p> -<h4 id="R.C3.A9arrangement_de_l.27ordre_des_tabulations" name="R.C3.A9arrangement_de_l.27ordre_des_tabulations">Réarrangement de l'ordre des tabulations</h4> -<p>Vous pouvez changer l'ordre dans lequel les éléments seront focalisés quand l'utilisateur appuiera sur la touche <code>Tab</code> en ajoutant un attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code> à un élément. Cet attribut doit être renseigné avec un nombre. Lorsque l'utilisateur appuiera sur la touche <code>Tab</code>, le focus sera donné à l'élément ayant l'index de tabulation consécutif le plus haut. Cela implique que vous pouvez ordonner les éléments en définissant des indices pour séquencer les éléments. Toutefois, vous n'aurez normalement pas à définir l'attribut <code id="a-tabindex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tabindex">tabindex</a></code>. Dans ce cas, un appui sur la touche tabulation donnera le focus à l'élément suivant affiché. Vous avez seulement besoin de définir des indices de tabulation si vous voulez utiliser un ordre différent. Voici un exemple :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_1.xul">Voir</a></p> -<pre><button label="Bouton 1" tabindex="2"/> -<button label="Bouton 2" tabindex="1"/> -<button label="Bouton 3" tabindex="3"/> -</pre> -<h4 id="L.27.C3.A9v.C3.A9nement_focus" name="L.27.C3.A9v.C3.A9nement_focus">L'événement focus</h4> -<p>L'événement 'focus' est utilisé pour réagir lorsqu'un élément obtient le focus. L'événement 'blur' est utilisé pour réagir lorsqu'un un élément perd le focus. Vous pouvez réagir aux changements de focus en ajoutant un attribut <code><a href="/fr/DOM/element.onfocus" title="fr/DOM/element.onfocus">onfocus</a></code> ou <code><a href="/fr/DOM/element.onblur" title="fr/DOM/element.onblur">onblur</a></code> à un élément. Ils fonctionnent de la même façon que leurs homologues HTML. Vous pouvez utiliser ces événements pour mettre un élément en surbrillance ou afficher un texte dans la barre d'état. L'exemple suivant peut s'appliquer à une fonction de gestion des événements de focus.</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_2.xul">Voir</a></p> -<pre><script> - -function displayFocus(){ - var elem=document.getElementById('sbar'); - elem.setAttribute('value','Entrez votre numéro de téléphone.'); -} - -</script> - -<textbox id="tbox1"/> -<textbox id="tbox2" onfocus="displayFocus();"/> -<description id="sbar" value=""/> -</pre> -<p>Quand l'événement 'focus' est déclenché, il va appeler la fonction <code>displayFocus</code>. Cette fonction va changer la valeur du libellé texte. Nous pourrions développer cet exemple pour effacer le texte quand l'événement 'blur' a lieu. Généralement, vous utiliserez les événements focus et blur pour mettre à jour certaines parties de votre interface, quand l'utilisateur sélectionne des éléments. Par exemple, vous pouvez mettre à jour un total quand l'utilisateur entre des valeurs dans d'autres champs, ou utiliser les événements de focus pour vérifier certaines valeurs. N'affichez pas de messages d'alerte pendant un événement focus ou blur, car ils pourraient distraire l'utilisateur et ils dégradent le design de l'interface.</p> -<p>Vous pouvez aussi ajouter dynamiquement des gestionnaires d'événements en utilisant la fonction DOM <code><a href="/fr/DOM/element.addEventListener" title="fr/DOM/element.addEventListener">addEventListener</a></code>. Vous pouvez l'utiliser pour n'importe quel élément et type d'événement. Elle prend trois paramètres : le type d'événement, une fonction à exécuter quand l'événement est produit et un booléen indiquant la phase de capture de l'événement.</p> -<h4 id="Obtention_de_l.27.C3.A9l.C3.A9ment_actuellement_focalis.C3.A9" name="Obtention_de_l.27.C3.A9l.C3.A9ment_actuellement_focalis.C3.A9">Obtention de l'élément actuellement focalisé</h4> -<p>L'élément ayant le focus est pris en charge par un objet appelé « répartiteur de commandes », dont il ne peut y avoir qu'une instance par fenêtre. Le répartiteur de commandes garde la trace de l'objet qui a le focus pendant que l'utilisateur se sert de l'interface. Le répartiteur de commandes a d'autres rôles, qui seront abordés <a href="/fr/Tutoriel_XUL/Commandes" title="fr/Tutoriel_XUL/Commandes">plus tard dans la section des commandes</a>. Pour le moment, nous allons nous intéresser à quelques fonctions relatives au focus du répartiteur de commandes.</p> -<p>Vous pouvez récupérer le répartiteur de commandes d'une fenêtre en utilisant la propriété <code>commandDispatcher</code> du document. À partir de là, vous pouvez obtenir l'élément focalisé avec la propriété <code>focusedElement</code> du répartiteur. L'exemple ci-dessous illustre ce cas.</p> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_3.xul">Voir</a></p> -<pre><window id="focus-example" title="Exemple Focus" - onload="init();" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<script> -function init(){ - addEventListener("focus",setFocusedElement,true); -} - -function setFocusedElement(){ - var focused = document.commandDispatcher.focusedElement; - document.getElementById("focused").value = focused.tagName; -} -</script> - -<hbox> - <label control="username" value="Nom d'utilisateur:"/> - <textbox id="username"/> -</hbox> - -<button label="Bonjour"/> -<checkbox label="Se souvenir de ce choix"/> - -<label id="focused" value="-pas de focus-"/> - -</window> -</pre> -<p>Dans cet exemple, un gestionnaire d'événement de focus est attaché à la fenêtre. Nous voulons utiliser un gestionnaire de capture d'événements, donc la méthode <code><a href="/fr/DOM/element.addEventListener" title="fr/DOM/element.addEventListener">addEventListener</a></code> doit être utilisée. Elle associe un gestionnaire de capture d'événements à la fenêtre qui appellera la méthode <code>setFocusedElement</code>. Cette méthode récupère l'élément focalisé depuis le répartiteur de commandes et modifie un libellé avec le nom de sa balise. Quand l'élément focalisé change, le libellé montre le nom de l'élément.</p> -<p>Plusieurs choses sont à noter :</p> -<ul> <li>Premièrement, quand le champ de saisie est focalisé, le nom de la balise est 'html:input', et non 'textbox' comme on aurait pu s'y attendre. C'est parce que les champs de saisie XUL sont implémentés avec le composant HTML 'input', donc l'événement focus est en fait reçu pour cet élément.</li> <li>Deuxièmement, un clic sur le libellé du champ de saisie donne le focus au champ de saisie. C'est parce que le libellé possède un attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code> pointant vers l'id du champ de saisie.</li> <li>Enfin, l'autre libellé qui affiche la propriété nom n'a pas d'attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code>, donc un clic dessus n'affecte pas l'élément focalisé. Seuls les éléments focalisables peuvent être focalisés.</li> -</ul> -<h4 id="Rendre_un_libell.C3.A9_focalisable" name="Rendre_un_libell.C3.A9_focalisable">Rendre un libellé focalisable</h4> -<p>Si vous créez <a href="/fr/Tutoriel_XUL/Introduction_à_XBL" title="fr/Tutoriel_XUL/Introduction_à_XBL">des éléments personnalisés</a>, vous pouvez décider si un élément peut prendre le focus ou non. Il vous suffit d'utiliser la propriété de style spéciale <code>-moz-user-focus</code>. Cette propriété détermine si un élément peut être focalisé ou non. Par exemple, vous pouvez rendre un libellé focalisable, comme dans l'exemple ci-dessous.</p> -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_4.xul">Voir</a></p> -<pre><label id="focused" style="-moz-user-focus: normal;" - onkeypress="alert('Étiquette focalisée');" value="Focalise moi"/> -</pre> -<p>La propriété de style est réglée à 'normal'. Vous pouvez aussi la définir à 'ignore' pour désactiver le focus pour un élément. Toutefois, elle ne doit pas être utilisée pour désactiver un élément ; l'attribut ou la propriété <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> doit être utilisée dans ce cas, car elle a été conçue pour. Dans l'exemple, une fois le libellé focalisé, il peut réagir aux événements du clavier. Évidemment, le libellé ne donne aucune indication sur son focus, car il n'est normalement pas prévue pour cet usage.</p> -<h4 id="Changer_le_focus" name="Changer_le_focus">Changer le focus</h4> -<p>Il existe plusieurs façons de changer d'élément focalisé. La plus simple est d'appeler la méthode <code><a href="/fr/DOM/element.focus" title="fr/DOM/element.focus">focus</a></code> de l'élément XUL que vous voulez focaliser. La méthode <code><a href="/fr/DOM/element.blur" title="fr/DOM/element.blur">blur</a></code> peut être employée afin d'enlever le focus d'un élément. L'exemple suivant met en pratique ces principes :</p> -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_focus_5.xul">Voir</a></p> -<pre><textbox id="addr"/> - -<button label="Focus" oncommand="document.getElementById('addr').focus()"/> -</pre> -<p>Vous pouvez aussi utiliser les méthodes <code>advanceFocus</code> et <code>rewindFocus</code> du répartiteur de commandes. Ces méthodes changent le focus respectivement vers l'élément suivant ou précédent de la séquence de tabulation. Elles correspondent aux actions réalisées lorsque l'utilisateur appuie sur <code>Tab</code> ou <code>Maj</code>+<code>Tab</code>.</p> -<p>Pour les champs de saisie, un attribut spécial, <code id="a-focused"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/focused">focused</a></code> est ajouté quand l'élément obtient le focus. Vous pouvez vérifier la présence de cet attribut pour déterminer si l'élément a le focus, soit depuis un script, soit depuis une feuille de styles. Il aura la valeur 'true' si le champ de saisie a le focus, et le cas échéant, l'attribut ne sera pas présent.</p> -<p>Supposons que vous souhaitez déplacer le focus vers le prochain emplacement connu par le navigateur. pour y arriver, un utilisateur va typiquement appuyer sur la touche <code>Tab</code>. Vous pouvez faire la même chose dès lors que vous disposez d'un document de navigation XUL en faisant :</p> -<pre> document.commandDispatcher.advanceFocus(); -</pre> -<p>En fait, l'objet <code>commandDispatcher</code> implémente simplement l'interface <a href="/fr/Interfaces" title="fr/Interfaces">nsIDOMXULCommandDispatcher</a>. D'autres fonctions peuvent également vous intéressez si vous manipulez des focus.</p> -<h4 id="Comportements_sp.C3.A9cifiques_de_plate-forme" name="Comportements_sp.C3.A9cifiques_de_plate-forme">Comportements spécifiques de plate-forme</h4> -<dl> <dt>Mac OS X </dt> <dd>Il existe une préférence appelée « Full Keyboard Access » (FKA - Accès au clavier complet). XUL respecte ce mécasnisme. Cela signifie que si la préférence FKA est sur 'off', seuls les champs de saisie, les listes et les arbres peuvent recevoir le focus au clavier, ainsi que vos scripts utilisant <code>focus()</code>.</dd> -</dl> -<h3 id="Gestion_des_modifications_de_texte" name="Gestion_des_modifications_de_texte">Gestion des modifications de texte</h3> -<p>Deux événements peuvent être utilisés lorsque l'utilisateur modifie la le contenu d'un champ de saisie. Naturellement, ces événements seront uniquement transmis au champ de saisie ayant le focus.</p> -<ul> <li>L'événement 'input' est transmis chaque fois que le contenu du champ est modifié. La nouvelle valeur sera différente de l'ancienne. Vous devriez utiliser cet événement au lieu d'utiliser les événements clavier, car certaines touches, par exemple <code>Maj</code>, ne modifient pas la valeur. De plus, l'événement 'input' ne se déclenche pas si une touche est enfoncée et s'il y a déjà plus de caractères dans le champ de saisie qu'il ne peut en contenir.</li> <li>L'événement 'change' est similaire dans le sens où il est transmis seulement lorsque le champ est modifié. Cependant, cet événement n'est déclenché qu'au moment où le champ de saisie perd le focus, et seulement si son contenu a été modifié.</li> -</ul> -<h3 id="S.C3.A9lection_de_texte" name="S.C3.A9lection_de_texte">Sélection de texte</h3> -<p>Lorsque vous travaillez avec un champ de saisie, vous pouvez récupérer uniquement le texte que l'utilisateur a sélectionné. Ou alors vous pouvez changer la sélection.</p> -<p>Les champs de saisie XUL offrent la possibilité de récupérer et de modifier une sélection. La plus simple et de sélectionner tout le texte du champ. Cela implique l'utilisation de la méthode <code>select</code> du champ de saisie.</p> -<pre>tbox.select();</pre> -<p>Toutefois, vous pouvez aussi sélectionner seulement une partie du texte. Il vous suffit d'utiliser la fonction <code>setSelectionRange</code>. Elle prend deux paramètres, le premier représente le caractère de départ et le second le caractère suivant le dernier que vous voulez sélectionner. Les valeurs commencent à zéro, donc le premier caractère est indicé à '0', le second à '1' et ainsi de suite.</p> -<pre>tbox.setSelectionRange(4,8);</pre> -<p>Cet exemple va sélectionner le cinquième caractère affiché, ainsi que le sixième, le septième et le huitième. S'il n'y avait que six caractères présents dans le champ, seuls le cinquième et le sixième auraient été sélectionnés. Aucune erreur ne serait signalée.</p> -<p>Si vous utilisez la même valeur pour les deux paramètres, le début et la fin de la sélection changent pour la même position. Le résultat revient à changer la position du curseur dans le champ de saisie. Par exemple, la ligne ci-dessous peut être utilisée pour ramener le curseur au début du texte.</p> -<pre>tbox.setSelectionRange(0,0);</pre> -<p>Vous pouvez récupérer la sélection en cours en utilisant les propriétés <code>selectionStart</code> et <code>selectionEnd</code>. Ces propriétés définissent respectivement le début et la fin de la sélection. Si les deux sont définies à la même valeur, aucun texte n'est sélectionné, mais les valeurs représentent la position du curseur. Une fois que vous avez les valeurs de début et de fin, vous pouvez récupérer la section de chaîne du texte.</p> -<p>Vous pouvez récupérer et modifier le contenu du champ de saisie en utilisant la propriété <code>value</code>.</p> -<p>Une autre propriété utile des champs de saisie est la propriété <code>textLength</code> qui contient le nombre total de caractères dans le champ.</p> -<hr> -<p>Dans la prochaine section, nous découvrirons comment utiliser les commandes.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Raccourcis_clavier" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Commandes">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/fonctions_additionnelles_d'installation/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/fonctions_additionnelles_d'installation/index.html deleted file mode 100644 index 693b2faeca..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/fonctions_additionnelles_d'installation/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: Fonctions additionnelles d'installation -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Fonctions_additionnelles_d'installation -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Additional_Install_Features ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_scripts_d'installation" style="float: left;">« Précédent</a><br></p> -</div> - -<div class="note">NdT : Attention, cette section décrit le mécanisme XPInstall propre à la suite Mozilla et à des versions anciennes de Mozilla Firefox. Pour les versions récentes de Mozilla Firefox, ce mode d'installation n'est plus le même, mais il n'est pas encore décrit dans ce tutoriel. Voir <a class="external" href="http://xulfr.org/wiki/ExtensionsFirefox">comment faire des extensions pour firefox</a> sur xulfr.org.</div> - -<p>Cette section décrit quelques spécificités supplémentaires des programmes d'installation.</p> - -<h3 id="Manipulation_de_fichiers_lors_de_l.27installation" name="Manipulation_de_fichiers_lors_de_l.27installation">Manipulation de fichiers lors de l'installation</h3> - -<p>La <a href="/fr/Tutoriel_XUL/Les_scripts_d'installation" title="fr/Tutoriel_XUL/Les_scripts_d'installation">section précédente</a> décrivait un programme d'installation simple. Vous pouvez souhaiter réaliser quelques opérations plus élaborées pendant l'installation. Par exemple, vous voulez installer un paquetage seulement si certaines conditions sont réunies, comme d'avoir une librairie particulière installée.</p> - -<p>En complément de l'objet <code>Install</code>, l'objet <code>File</code> est également disponible pendant le script d'installation. Il fournit quelques fonctions qui peuvent être employées pour examiner et modifier des fichiers sur le disque. Vous pouvez les utiliser pour déplacer, copier ou effacer des fichiers avant ou après que les fichiers du paquetage soient installés. Par exemple, vous voulez peut être faire une sauvegarde de quelques fichiers d'abord.</p> - -<p>Le code ci dessous fera une copie du fichier "/bin/grep" dans le répertoire "/main".</p> - -<pre>var binFolder=getFolder("file:///","bin"); -var grep=getFolder(binFolder,"grep"); - -var mainFolder=getFolder("file:///","main"); - -File.copy(grep,mainFolder); -</pre> - -<ul> - <li>La première ligne va renseigner un pointeur sur le répertoire '/bin'. Le texte 'file:///' est une chaîne de caractères spéciale qui correspond à la racine du système de fichiers.</li> - <li>À partir de ce pointeur, nous récupérons le fichier 'grep' qui se trouve dans le répertoire 'bin'. Si ce fichier n'existe pas, une erreur sera signalée au processus d'installation.</li> - <li>Ensuite, nous pointons sur le répertoire 'main', toujours à partir de la racine du système de fichiers.</li> - <li>Finalement, nous appelons la fonction 'File.copy' qui copie le fichier source vers sa destination.</li> -</ul> - -<p><a class="external" href="http://www.xulplanet.com/references/elemref/ref_File.html">Des fonctions</a> existent également pour déplacer (<code>move()</code>), renommer (<code>rename()</code>) et exécuter (<code>execute()</code>) des fichiers. Ainsi, vous pouvez déplacer des fichiers qui peuvent se trouver en conflit avec votre paquetage.</p> - -<h3 id="Interception_des_erreurs" name="Interception_des_erreurs">Interception des erreurs</h3> - -<p>Vous voulez certainement intercepter d'éventuelles erreurs proprement. Elles peuvent se produire si un fichier ou un répertoire ne peut pas être trouvé, si la capacité du disque n'est pas suffisant ou pour toutes autres raisons.</p> - -<p>Il vous suffit d'appeler la fonction <code>getLastError()</code> pour déterminer si une erreur a été rencontrée. Si elle renvoie 'SUCCESS', aucune erreur ne s'est produite. Autrement, elle renvoie un nombre qui indique le code d'erreur. Vous pouvez appeler cette fonction en tout point de votre script d'installation pour déterminer si une erreur est survenue lors de la dernière opération effectuée.</p> - -<p>Si une erreur se produit, vous voulez sûrement interrompre l'installation. Vous pouvez également vouloir afficher un message d'erreur pour l'utilisateur. Par exemple, vous pourriez mettre le script suivant à la fin de votre script d'installation :</p> - -<pre>if (getLastError() == SUCCESS){ - performInstall(); -} -else { - cancelInstall(); -} -</pre> - -<p>Les codes d'erreurs susceptibles d'être renvoyés par la fonction <code>getLastError()</code> sont listés dans le fichier source de Mozilla <a class="external" href="http://lxr.mozilla.org/mozilla/source/xpinstall/src/nsInstall.h">nsInstall.h</a>. Pendant l'installation, un suivi d'événements contenant les opérations réalisées est créé. Il contiendra également toutes les erreurs qui se sont produites. Ces événements peuvent être trouvés dans le fichier 'install.log' dans le répertoire d'installation de Mozilla. Un bloc de texte sera ajouté à ce fichier à chaque installation effectuée.</p> - -<p>La fonction <code>logComment()</code> peut être utilisée pour écrire un texte dans ce fichier d'événements. Elle nécessite un seul argument qui est le contenu du texte.</p> - -<hr> -<p>Le Tutoriel XUL est terminé.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_scripts_d'installation" style="float: left;">« Précédent</a><br></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/gabarits/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/gabarits/index.html deleted file mode 100644 index 72a5b71bbc..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/gabarits/index.html +++ /dev/null @@ -1,205 +0,0 @@ ---- -title: Gabarits -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Gabarits -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Templates ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Introduction_à_RDF" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Exemples_de_syntaxe_de_gabarits">Suivant »</a></p> -</div> - -<p>Dans cette section, nous allons voir comment peupler des éléments avec des données.</p> - -<h3 id="Peuplement_des_.C3.A9l.C3.A9ments" name="Peuplement_des_.C3.A9l.C3.A9ments">Peuplement des éléments</h3> - -<p>XUL apporte une méthode permettant de créer des éléments à partir de données fournies par <abbr title="Resource Description Framework">RDF</abbr>, que ce soit à partir d'un fichier RDF ou à partir d'une source de données interne. Plusieurs sources de données sont déjà fournies avec Mozilla comme les marque-pages, l'historique et les messages mails. Plus de détails seront donnés dans <a href="/fr/Tutoriel_XUL/Sources_de_données_RDF" title="fr/Tutoriel_XUL/Sources_de_données_RDF">une prochaine section</a>.</p> - -<p>Habituellement, les éléments tels que les <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> seront peuplés avec des données. Cependant, vous pouvez utiliser d'autres éléments si vous le voulez, bien qu'ils soient utilisés pour des cas spécifiques. Néanmoins nous commencerons avec ces autres éléments parce que les arbres et menus nécessitent plus de code.</p> - -<p>Pour permettre la création d'éléments basés sur des données RDF, vous avez besoin de fournir un gabarit simple (<abbr title="Note du Traducteur">Ndt</abbr> : template) qui sera dupliqué pour chaque élément devant être créé. En gros, vous fournissez juste le premier élément et les suivants seront construits sur le même modèle.</p> - -<p>Le gabarit est créé en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code>. À l'intérieur de celui-ci, vous pouvez placer les éléments que vous voulez utiliser pour chaque élément construit. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code> doit être placé à l'intérieur du conteneur qui contiendra les éléments construits. Par exemple, si vous utilisez un arbre <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>, vous devez placer l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code> à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>.</p> - -<h4 id="Exemple_simple_de_gabarit" name="Exemple_simple_de_gabarit">Exemple simple de gabarit</h4> - -<p>C'est mieux d'expliquer avec un exemple. Prenons un exemple simple où nous voulons créer un bouton pour chaque marque-page principal. Mozilla fournit une source de données pour les marque-pages, pouvant être ainsi utilisée pour récupérer les données. Cet exemple ne récupérera que les marque-pages principaux (ou les dossiers des marque-pages) car nous allons créer des boutons. Pour les marque-pages fils, nous devrions utiliser un élément qui affiche une hiérarchie tel qu'un arbre ou un menu.</p> - -<div class="note">Cet exemple et tous les autres qui font référence à des sources de données RDF interne, et ils ne fonctionneront que si vous les chargez à partir d'une url chrome. Pour des raisons de sécurité, Mozilla ne permet pas d'y accéder à partir de fichiers extérieurs.</div> - -<p>Pour voir cet exemple, vous devrez créer un paquet chrome contenant le fichier à charger (vous pouvez le faire facilement, consultez <a href="/fr/Tutoriel_XUL/Les_fichiers_manifest" title="fr/Tutoriel_XUL/Les_fichiers_manifest">les fichiers manifest</a>). Vous pouvez alors entrer l'URL chrome dans le champ de saisie des URLs du navigateur.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_templates_1.xul.txt">Source</a></p> - -<pre><vbox datasources="rdf:bookmarks" ref="NC:BookmarksRoot" flex="1"> - <template> - <button uri="rdf:*" label="rdf:http://home.netscape.com/NC-rdf#Name"/> - </template> -</vbox> -</pre> - -<div class="float-right"><img alt="Image:xultu_templates1.jpg" class="internal" src="/@api/deki/files/1558/=Xultu_templates1.jpg"></div> - -<p>Ici une boîte verticale a été créée contenant une colonne de boutons, un pour chaque marque-page principal. Vous pouvez voir que le <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code> ne contient qu'un seul <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Cet unique bouton est utilisé comme modèle pour tout les autres boutons qu'il sera nécessaire de créer. Vous pouvez voir sur l'image qu'un ensemble de boutons a été créé, un pour chaque marque-page.</p> - -<p>Essayez d'ajouter un marque-page dans le navigateur pendant que vous avez cet exemple ouvert dans une fenêtre. Vous noterez que les boutons seront mis à jour instantanément (Vous devez donner le focus à la fenêtre pour voir le changement).</p> - -<h4 id="Conteneurs_et_sources_de_donn.C3.A9es" name="Conteneurs_et_sources_de_donn.C3.A9es">Conteneurs et sources de données</h4> - -<p>Le gabarit lui-même est placé à l'intérieur d'une boîte verticale. La boîte a deux attributs qui lui permet d'être utilisée pour les gabarits, indiquant d'où les données proviennent. Le premier attribut de la boîte est <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>. Il est utilisé pour déclarer la source de données RDF qui fournira les données pour créer les éléments. Dans le cas présent, 'rdf:bookmarks' est indiqué. Vous devinez probablement qu'il signifie qu'il faut utiliser la source de données des marque-pages. Cette source de données est fournie par Mozilla. Pour utiliser votre propre source de données, spécifiez l'URL d'un fichier RDF dans l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, comme le montre l'exemple suivant :</p> - -<pre><box datasources="chrome://zoo/content/animals.rdf" - ref="http://www.some-fictitious-zoo.com/all-animals"> -</pre> - -<p>Vous pouvez spécifier plusieurs sources de données à la fois, en les séparant avec un espace dans la valeur de l'attribut. Ainsi, l'affichage de données provenant de multiples sources est possible.</p> - -<p>L'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> indique l'endroit dans la source de données à partir duquel vous voulez récupérer les données. Dans le cas des marque-pages, la valeur 'NC:BookmarksRoot' est utilisée pour indiquer la racine de la hiérarchie des marque-pages. Les autres valeurs que vous pouvez indiquer dépendront de la source de données que vous utiliserez. Si vous utilisez votre propre fichier RDF, la valeur correspondra à la valeur d'un attribut <code id="a-about"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/about">about</a></code> d'un élément RDF <code>Bag</code>, <code>Seq</code> ou <code>Alt</code>.</p> - -<h4 id=".C3.80_l.27int.C3.A9rieur_d.27un_gabarit" name=".C3.80_l.27int.C3.A9rieur_d.27un_gabarit">À l'intérieur d'un gabarit</h4> - -<p>En ajoutant ces deux attributs à la boîte du dessus, vous permettez la génération d'éléments en utilisant le gabarit. Cependant, les éléments à l'intérieur du gabarit nécessite une déclaration différente. Vous noterez dans l'exemple du dessus que le bouton a un attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> et a une valeur inhabituelle pour l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>.</p> - -<p>Un attribut à l'intérieur d'un gabarit qui commence par 'rdf:' indique que la valeur doit être prise à partir de la source de données. Dans l'exemple plus haut, c'est le cas de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>. Le reste de la valeur réfère au nom de la propriété dans la source de données. Elle est construite en prenant l'URL de l'espace de nom utilisé par la source de données et en y ajoutant le nom de la propriété. Ici, nous utilisons seulement le nom du marque-page mais d'autres champs sont disponibles.</p> - -<p>L'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> des boutons est renseigné avec cet URI spécial parce que nous voulons que les libellés des boutons aient le nom des marque-pages. Nous pouvons mettre cet URI sur n'importe quel attribut de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>, ou n'importe quel élément. Les valeurs de ces attributs sont remplacées par les données fournies par la source de données qui, ici, sont les marque-pages. Pour finir, les libellés des boutons sont définis par les noms des marque-pages.</p> - -<p>L'exemple du dessous montre comment nous pourrions assigner d'autres attributs d'un bouton à partir de la source de données. Bien sûr, cela implique que la source de données fournisse les ressources appropriées. Si une ressource particulière est inexistante, la valeur de l'attribut sera une chaîne vide.</p> - -<pre><button class="rdf:http://www.example.com/rdf#class" - uri="rdf:*" - label="rdf:http://www.example.com/rdf#name" - crop="rdf:http://www.example.com/rdf#crop"/> -</pre> - -<p>Comme vous pouvez le voir, vous pouvez générer dynamiquement une liste d'éléments avec les attributs fournis par une source de données séparée.</p> - -<p>L'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> est utilisé pour spécifier l'élément où la génération du contenu commencera. Le contenu extérieur ne sera généré qu'une seule fois, tandis que le contenu intérieur sera généré pour chaque ressource. Nous en verrons plus à ce propos quand nous créerons <a href="/fr/Tutoriel_XUL/Arbres_et_Gabarits" title="fr/Tutoriel_XUL/Arbres_et_Gabarits">des gabarits pour les arbres</a>.</p> - -<h4 id="Plus_d.27exemples" name="Plus_d.27exemples">Plus d'exemples</h4> - -<p>En ajoutant ces fonctionnalités au conteneur dans lequel est le gabarit, qui dans ce cas est une boîte, et aux éléments à l'intérieur du gabarit, nous pouvons générer de multiples listes de contenu à partir de données externes. Nous pouvons bien sûr mettre plus d'un élément à l'intérieur du gabarit, et ajouter une référence RDF spéciale dans les attributs sur n'importe quel élément. L'exemple suivant le montre :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_templates_2.xul.txt">Source</a></p> - -<pre><vbox datasources="rdf:bookmarks" ref="NC:BookmarksRoot" flex="1"> - <template> - <vbox uri="rdf:*"> - <button label="rdf:http://home.netscape.com/NC-rdf#Name"/> - <label value="rdf:http://home.netscape.com/NC-rdf#URL"/> - </vbox> - </template> -</vbox> -</pre> - -<p>Cet exemple crée une boîte verticale avec un bouton et un libellé pour chaque marque-page. Le bouton contiendra le nom du marque-page et le libellé contiendra l'URL.</p> - -<p>Les nouveaux éléments qui sont créés ne sont fonctionnellement pas différents de ceux que vous mettez directement dans le fichier XUL. L'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> est ajouté à tous les éléments créés au travers du gabarit, et il est assigné à la valeur qui identifie la ressource. Vous pouvez l'utiliser pour identifier la ressource.</p> - -<p>Vous pouvez aussi spécifier de multiples ressources dans le même attribut en les séparant avec un espace, comme dans l'exemple qui suit (<a class="external" href="http://xulfr.org/xulplanet/xultu/templateex.html">en savoir plus sur la syntaxe des ressources</a>).</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_templates_3.xul.txt">Source</a></p> - -<pre><vbox datasources="rdf:bookmarks" ref="NC:BookmarksRoot" - flex="1"> - <template> - <label uri="rdf:*" value="rdf:http://home.netscape.com/NC-rdf#Name rdf:http://home.netscape.com/NC-rdf#URL"/> - </template> -</vbox> -</pre> - -<h3 id="Comment_sont_construits_les_gabarits" name="Comment_sont_construits_les_gabarits">Comment sont construits les gabarits</h3> - -<p>Quand un élément a un attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, cela indique que l'élément est susceptible d'être généré à partir d'un gabarit. Notez que ce n'est pas la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code> qui détermine si le contenu sera généré, mais bien l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>. Quand cet attribut est présent, un objet que l'on appelle <em>un constructeur</em> est ajouté à l'élément. C'est cet objet qui est responsable de la génération du contenu à partir du gabarit. En javascript, vous pouvez accéder à l'objet constructeur par la propriété <code>builder</code>, bien qu'habituellement vous en aurez seulement besoin pour régénérer le contenu dans les situations où il ne le fait pas automatiquement.</p> - -<p>Il y a deux différents types de constructeur. Le premier est un <em>constructeur de contenu</em> utilisé dans la plupart des situations, et l'autre est <em>un constructeur d'arbres</em> utilisé uniquement avec les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>.</p> - -<h4 id="Constructeur_de_contenu" name="Constructeur_de_contenu">Constructeur de contenu</h4> - -<p>Le constructeur de contenu prend le contenu situé à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code> et le duplique pour chaque ligne. Par exemple, si l'utilisateur a dix marque-pages dans l'exemple du dessus, dix éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> seront créés et ajoutés en tant que fils à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code>. Si vous utilisez les fonctions DOM pour traverser l'arbre, vous trouverez ces éléments à ces emplacements et pourrez récupérer leurs propriétés. Ces éléments sont affichés, mais pas l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code>, bien qu'il existe encore dans l'arbre du document. De plus, l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de chaque libellé sera initialisé avec la ressource RDF de la ligne correspondante.</p> - -<p>Le constructeur de contenu démarre toujours à partir de l'élément qui à l'attribut <code>uri="rdf:*"</code>. Si l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> est placé à l'intérieur d'autres éléments, ces derniers ne seront créés qu'une seule fois. Dans l'exemple ci-dessous, un <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> sera créé et rempli avec un <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> pour chaque item.</p> - -<pre><template> - <hbox> - <label uri="rdf:*" value="rdf:http://home.netscape.com/NC-rdf#Name"/> - </hbox> -</template> -</pre> - -<p>S'il y a du contenu à l'intérieur de l'élément qui a l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code> mais en dehors de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/template" title="template">template</a></code>, ce contenu apparaîtra également. Ce faisant, vous pouvez mélanger du contenu statique et dynamique dans un gabarit.</p> - -<h4 id="Constructeur_d.27arbres" name="Constructeur_d.27arbres">Constructeur d'arbres</h4> - -<p>Le constructeur d'arbres, d'autre part, ne génère pas d'éléments DOM pour chaque ligne. À la place, il récupère les données directement à partir de la source de données RDF quand il en a besoin. Comme les arbres ont souvent besoins d'afficher des centaines de lignes de données, c'est plus efficace comme ceci. Créer un élément pour chaque cellule serait trop coûteux. Cependant, en contre partie, ces arbres ne peuvent afficher que du texte (<abbr title="Note du Traducteur">NdT</abbr> : ainsi que des images et des cases à cocher), et comme aucun élément n'est créé, vous ne pouvez pas utiliser les propriétés CSS de manière habituelle pour décorer les cellules de l'arbre.</p> - -<p>Le constructeur d'arbres est utilisé seulement pour les arbres. Les autres éléments n'utilisent que le constructeur de contenu. Ceci n'est pas un problème étant donné que les autres éléments comme les menus n'ont généralement pas besoin d'afficher beaucoup d'items. Il est possible également d'utiliser le constructeur de contenu pour les arbres, ainsi un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> et d'autres seront crées pour chaque ligne.</p> - -<h3 id="R.C3.A8gles" name="R.C3.A8gles">Règles</h3> - -<p>Dans l'image du précédent exemple, vous avez pu noter que le troisième bouton est simplement un bouton avec des tirets comme libellé. C'est un séparateur dans la liste des marque-pages. Au cas où nous l'utiliserions, la source de données RDF des marque-pages stocke les séparateurs comme si ils étaient des marque-pages normaux. Ce que nous voulons faire est d'ajouter un petit espace à la place d'un bouton pour les ressources "séparateur". Ce qui signifie que nous voulons avoir deux différents types de contenu à créer, un type pour les marque-pages normaux, et un autre type pour les séparateurs.</p> - -<p>Nous pouvons le faire en utilisant un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>. Nous définissons une règle pour chaque variation des éléments que nous avons à créer. Dans notre cas, nous aurons besoin d'une règle pour les marque-pages, et une règle pour les séparateurs. Les attributs placés sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code> déterminent quelle règle s'applique sur quelle ressource RDF.</p> - -<p>Pour savoir quelle règle s'applique sur les données, chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code> est analysé en séquence pour une vérification de concordance. De fait, l'ordre dans lequel vous définissez les règles est important. Les règles du début ont priorité sur les règles suivantes.</p> - -<h4 id="Exemple_de_r.C3.A8gles" name="Exemple_de_r.C3.A8gles">Exemple de règles</h4> - -<p>L'exemple suivant modifie l'exemple précédant avec deux règles.</p> - -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_templates_4.xul.txt">Source</a></p> - -<pre><window - id="example-window" - title="Liste des marque-pages" - xmlns:html="http://www.w3.org/1999/xhtml" - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - - <vbox datasources="rdf:bookmarks" ref="NC:BookmarksRoot" flex="1"> - <template> - - <rule rdf:type="http://home.netscape.com/NC-rdf#BookmarkSeparator"> - <spacer uri="rdf:*" height="16"/> - </rule> - - <rule> - <button uri="rdf:*" label="rdf:http://home.netscape.com/NC-rdf#Name"/> - </rule> - - </template> - </vbox> - -</window> -</pre> - -<div class="float-right"><img alt="Image:xultu_templates2.jpg" class="internal" src="/@api/deki/files/1559/=Xultu_templates2.jpg"></div> - -<p>En utilisant deux règles, nous permettont au contenu du gabarit d'être généré sélectivement. Dans le premier <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>, les séparateurs de marque-pages sont sélectionnés, comme nous pouvons le voir par l'attribut <code>rdf:type</code>. Le second <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code> n'ayant aucun attribut, il sélectionne tout le reste.</p> - -<p>Tous les attributs placés dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>, sont utilisés comme critère de sélection. Dans notre cas, la source de données des marque-pages fournit une propriété <code>rdf:type</code> pour distinguer les séparateurs. Cet attribut contient une valeur spéciale pour les séparateurs dans la source de données RDF. C'est ainsi qu'on peut les distinguer des marque-pages. Vous pouvez utiliser une technique similaire pour n'importe quel attribut que l'on peut mettre sur un élément RDF <code>Description</code>.</p> - -<p>La valeur spéciale d'URL donnée dans l'exemple du dessus pour la première règle, est utilisée pour les séparateurs. Elle signifie que les séparateurs s'appliqueront à la première règle en générant un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> d'une hauteur de 16 pixels. Les éléments qui ne sont pas des séparateurs ne correspondront pas à la première règle, et atterriront dans la deuxième règle. Celle-ci n'a aucun attribut. Elle correspond à n'importe quelle donnée. Ce qui bien sûr, est ce que nous voulons pour le reste des données.</p> - -<p>Vous avez dû noter que, parce que nous voulons un attribut provenant de l'espace de nommage du RDF (rdf:type), nous avions besoin d'ajouter la déclaration de cet espace de nommage dans la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. Si nous n'avions pas fait cela, l'attribut serait attribué à l'espace de nommage XUL. Parce qu'il n'existe pas dans cet espace, la règle ne s'appliquerait pas. Si nous utilisons des attributs provenant de notre propre espace de nommage, vous devez ajouter la déclaration de votre espace de nommage pour qu'ils soient reconnus.</p> - -<p>Vous devez deviner ce qui arriverait si la seconde règle était enlevée. Le résultat serait alors un simple <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code>, sans aucun marque-page puisqu'ils ne correspondent à aucune règle.</p> - -<p>Dit plus simplement, une règle correspond si tous les attributs placés dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code> correspondent aux attributs de la ressource RDF. Dans le cas d'un fichier RDF, les ressources seraient les éléments <code>Description</code>.</p> - -<p>Il y a cependant quelques petites exceptions. Vous ne pouvez pas faire la correspondance avec les attributs <code>XULAttr|id</code>, <code>rdf:property</code> ou <code>rdf:instanceOf</code>. Mais puisque vous utiliserez vos propres attributs dans votre propre espace de nommage, ces exceptions n'auront probablement pas d'importance de toute façon.</p> - -<p>Notez qu'un gabarit sans règle, comme dans le premier exemple, est équivalent fonctionnellement à un gabarit qui possède un seul <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code> sans attribut.</p> - -<hr> -<p>Nous allons voir maintenant l'utilisation des gabarits avec les arbres.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Introduction_à_RDF" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Exemples_de_syntaxe_de_gabarits">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/grilles/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/grilles/index.html deleted file mode 100644 index ba5a11d3b6..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/grilles/index.html +++ /dev/null @@ -1,200 +0,0 @@ ---- -title: Grilles -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Grilles -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Grids ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Onglets" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Cadres_de_contenu">Suivant »</a></p> -</div> - -<p>XUL dispose d'une série d'éléments pour créer des grilles sous forme de tableaux.</p> - -<h3 id="Disposition_tabulaire_XUL" name="Disposition_tabulaire_XUL">Disposition tabulaire XUL</h3> - -<p>XUL dispose d'un jeu d'éléments pour la mise en page sous la forme d'une grille en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/grid" title="grid">grid</a></code>. Il a quelques similitudes avec la balise HTML <code>table</code>. La grille n'affiche rien du tout ; elle ne sert qu'à positionner d'autres éléments en ligne et en colonne.</p> - -<p>Une grille contient des éléments qui sont alignés comme avec des tableaux. À l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/grid" title="grid">grid</a></code>, vous déclarez deux choses : les colonnes et les lignes qui sont utilisées. À l'instar des tableaux HTML, vous pouvez mettre du contenu tels que des libellés et des boutons à l'intérieur des lignes. Toutefois, la grille permet un arrangement de votre contenu soit en ligne, soit en colonne. Il est fréquent de l'utiliser en ligne comme avec un tableau. Mais vous pouvez utiliser des colonnes pour définir la taille et l'apparence des colonnes dans une grille. Autrement, vous pouvez mettre du contenu à l'intérieur de colonnes, et utiliser les lignes pour définir l'apparence. Nous étudierons d'abord l'organisation des éléments en ligne.</p> - -<h4 id="D.C3.A9claration_d.27une_grille" name="D.C3.A9claration_d.27une_grille">Déclaration d'une grille</h4> - -<p>Pour déclarer une série de lignes, utilisez l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rows" title="rows">rows</a></code>, qui doit être un élément enfant de <code><a href="/fr/docs/Mozilla/Tech/XUL/grid" title="grid">grid</a></code>. À l'intérieur, vous devez ajouter les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code>, qui représentent chacun des lignes. À l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code>, vous devez mettre le contenu que vous souhaitez sur cette ligne.</p> - -<p>De la même façon, les colonnes sont déclarées avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/columns" title="columns">columns</a></code>, qui doit être un élément enfant de <code><a href="/fr/docs/Mozilla/Tech/XUL/grid" title="grid">grid</a></code>. À l'intérieur de cet élément viennent les éléments individuels <code><a href="/fr/docs/Mozilla/Tech/XUL/column" title="column">column</a></code>, un pour chaque colonne que vous voulez dans la grille.</p> - -<p>Un exemple sera plus clair :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_1.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_grids1.png" class="internal" src="/@api/deki/files/1520/=Xultu_grids1.png"></div> - -<pre><grid flex="1"> - - <columns> - <column flex="2"/> - <column flex="1"/> - </columns> - - <rows> - <row> - <button label="Lapin"/> - <button label="Éléphant"/> - </row> - <row> - <button label="Koala"/> - <button label="Gorille"/> - </row> - </rows> - -</grid> -</pre> - -<p>Deux lignes et deux colonnes ont été ajoutées dans une grille. Chaque colonne est déclarée avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/column" title="column">column</a></code>. Un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> a été assigné à chacune de ces colonnes. Chaque ligne contient deux éléments qui sont des boutons. Le premier élément de chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code> est placé dans la première colonne de la grille, et le second élément de chaque ligne est placé dans la seconde colonne.</p> - -<div class="note">Notez que vous n'avez pas d'élément pour définir une cellule (il n'y a pas d'équivalent à l'élément HTML <code>td</code>). Au lieu de cela, vous placez vos contenus de cellules directement dans les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code>.</div> - -<h4 id="Grille_avec_d.27autres_.C3.A9l.C3.A9ments" name="Grille_avec_d.27autres_.C3.A9l.C3.A9ments">Grille avec d'autres éléments</h4> - -<p>Bien entendu, vous pouvez utiliser n'importe quel autre élément que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Si vous voulez une cellule particulière contenant de multiples éléments, vous pouvez utiliser une boîte imbriquée <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> ou tout autre élément boîte. Une boîte <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> représente un seul élément, mais elle peut contenir autant d'éléments que vous le souhaitez. Par exemple :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_2.xul">Voir</a></p> - -<pre><grid flex="1"> - - <columns> - <column/> - <column flex="1"/> - </columns> - - <rows> - <row> - <label control="doctitle" value="Titre du document:"/> - <textbox id="doctitle" flex="1"/> - </row> - <row> - <label control="docpath" value="Répertoire:"/> - <hbox flex="1"> - <textbox id="docpath" flex="1"/> - <button label="Parcourir..."/> - </hbox> - </row> - </rows> - -</grid> -</pre> - -<div class="float-right"><img alt="Image:xultu_grids2.png" class="internal" src="/@api/deki/files/1521/=Xultu_grids2.png"></div> - -<p>Remarquez sur l'image ci-contre comment la première colonne contenant les libellés a seulement un unique élément pour chaque ligne. La seconde colonne contient sur sa seconde ligne une boîte qui elle-même contient deux éléments, <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Vous pouvez ajouter d'autres boîtes imbriquées ou une autre grille dans une simple cellule.</p> - -<p>Si vous redimensionnez la fenêtre du dernier exemple, vous verrez que les champs de saisie s'ajustent en conséquence, mais pas les autres éléments. En effet, des attributs <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> ont été ajoutés à ces champs de saisie et à la seconde colonne. La première colonne n'a pas besoin d'être flexible car les libellés n'ont pas besoin de changer de taille.</p> - -<p>La largeur initiale d'une colonne est déterminée par le plus large de ses éléments. De même, la hauteur d'une ligne est déterminée par la taille des éléments de cette ligne. Vous pouvez employer des propriétés CSS <code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, <code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code> et des propriétés similaires pour affiner les dimensions.</p> - -<h4 id="Organisation_en_colonnes" name="Organisation_en_colonnes">Organisation en colonnes</h4> - -<p>Vous pouvez également placer des éléments à l'intérieur des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/column" title="column">column</a></code> au lieu des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code>. En procédant de la sorte, les lignes sont ajoutées seulement pour définir leur nombre.</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_3.xul">Voir</a></p> - -<pre><grid> - <rows> - <row/> - <row/> - <row/> - </rows> - - <columns> - <column> - <label control="first" value="Premier nom:"/> - <label control="middle" value="Nom central:"/> - <label control="last" value="Dernier nom:"/> - </column> - <column> - <textbox id="first"/> - <textbox id="middle"/> - <textbox id="last"/> - </column> - </columns> - -</grid> -</pre> - -<p>Cette grille a trois lignes et deux colonnes. Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code> servent juste à définir combien de lignes la grille contient. Vous pouvez ajouter un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> à une ligne pour la rendre flexible. Le contenu est placé dans chaque colonne. Le premier élément de chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/column" title="column">column</a></code> est placé sur la première ligne, le second élément sur la deuxième ligne et le troisième élément sur la troisième ligne.</p> - -<p>Si vous placez du contenu à la fois sur les colonnes et sur les lignes, le contenu de l'un va se superposer à l'autre, même s'il est aligné correctement dans la grille. Cet effet correspondrait à une grille d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>.</p> - -<p>L'ordre des éléments dans la grille détermine lequel est affiché au premier plan et lequel est affiché à l'arrière-plan. Si l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rows" title="rows">rows</a></code> est placé après l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/columns" title="columns">columns</a></code>, le contenu des lignes est affiché au premier plan. Si l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/columns" title="columns">columns</a></code> est placé après l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rows" title="rows">rows</a></code>, le contenu des colonnes est affiché au premier plan. De même, les événements tels que les clics de souris et les touches de clavier sont seulement envoyés aux objets de premier plan. C'est pour cela que les colonnes sont définies après les lignes dans l'exemple ci-dessus. Si les colonnes avaient été placées en premier, les lignes auraient capturées les événements et aucun texte n'aurait pu être saisi dans les champs de saisie.</p> - -<h4 id="Flexibilit.C3.A9_des_grilles" name="Flexibilit.C3.A9_des_grilles">Flexibilité des grilles</h4> - -<p>Un des avantages des grilles par rapport à une série de boîtes imbriquées est que vous pouvez créer des cellules qui sont flexibles aussi bien horizontalement que verticalement. Il vous suffit de mettre un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> sur les lignes et colonnes concernées. L'exemple suivant en fait la démonstration :</p> - -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_4.xul">Voir</a></p> - -<pre><grid flex="1"> - <columns> - <column flex="5"/> - <column/> - <column/> - </columns> - <rows> - <row flex="10"> - <button label="Cerise"/> - <button label="Citron"/> - <button label="Raisin"/> - </row> - <row flex="1"> - <button label="Fraise"/> - <button label="Framboise"/> - <button label="Pêche"/> - </row> - </rows> -</grid> -</pre> - -<p>La première colonne et l'ensemble des lignes ont été rendus flexibles. Ainsi, chaque cellule de la première colonne est flexible horizontalement. De plus, chaque cellule est flexible verticalement car l'ensemble des lignes dispose de l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>. La cellule de la première colonne de la première ligne (le bouton 'Cerise') sera flexible horizontalement d'un facteur 5 et verticalement d'un facteur 10. La cellule suivante (le bouton 'Citron') ne sera flexible que verticalement.</p> - -<p>L'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> a également été ajouté à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/grid" title="grid">grid</a></code> afin que toute la grille soit flexible. Dans le cas contraire, elle ne s'agrandirait que dans une seule direction.</p> - -<h3 id=".C3.89tendre_une_colonne" name=".C3.89tendre_une_colonne">Étendre une colonne</h3> - -<p>Cela n'a aucun sens d'étendre une cellule sur un nombre particulier de colonnes ou de lignes multiples. Toutefois, il est possible de faire qu'une ligne ou qu'une colonne s'étende sur toute la largeur ou la hauteur de la grille. Il vous suffit d'ajouter un élément à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rows" title="rows">rows</a></code> qui ne soit pas à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/row" title="row">row</a></code>. Par exemple, vous pouvez utiliser un type de boîte et y placer d'autres éléments si vous voulez en utiliser plusieurs. Voici un exemple simple :</p> - -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_grids_5.xul">Voir</a></p> - -<pre><grid> - <columns> - <column flex="1"/> - <column flex="1"/> - </columns> - - <rows> - <row> - <label value="Nord Ouest"/> - <label value="Nord Est"/> - </row> - <button label="Équateur"/> - <row> - <label value="Sud Ouest"/> - <label value="Sud Est"/> - </row> - </rows> -</grid> -</pre> - -<p>Le bouton va s'étendre pour s'ajuster sur toute la largeur de la grille comme s'il n'était pas à l'intérieur d'une ligne de la grille. Vous pouvez utiliser une technique similaire pour ajouter un élément entre deux colonnes. Il s'étendra pour s'ajuster sur toute la hauteur de la grille. Vous pouvez combiner les deux si vous le souhaitez.</p> - -<hr> -<p>Dans la section suivante, nous verrons comment ajouter des panneaux de contenu.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Onglets" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Cadres_de_contenu">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/héritage_d'attributs_xbl/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/héritage_d'attributs_xbl/index.html deleted file mode 100644 index e7071aad31..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/héritage_d'attributs_xbl/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: Héritage d'attributs XBL -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Héritage_d'attributs_XBL -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/XBL_Attribute_Inheritance ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Contenu_anonyme" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_propriétés">Suivant »</a></p> -</div> -<p>Dans cette section, nous verrons comment les attributs peuvent être hérités.</p> -<h3 id="l.27h.C3.A9ritage_d.27attributs" name="l.27h.C3.A9ritage_d.27attributs">l'héritage d'attributs</h3> -<p><a href="/fr/XBL" title="fr/XBL">XBL</a> permet de construire des éléments graphiques composites tout en cachant leur implémentation réelle. Cependant, avec les fonctionnalités mentionnées jusque présent, le contenu anonyme est toujours créé de la même façon. Il serait utile de pouvoir ajouter des attributs aux éléments extérieurs pour modifier les éléments intérieurs. Par exemple :</p> -<pre class="eval"><strong>XUL:</strong> - -<searchbox/> - -<strong>XBL:</strong> - -<binding id="searchBinding"> - <content> - <xul:textbox/> - <xul:button label="Rechercher"/> - </content> -</binding> -</pre> -<p>Dans cet exemple, l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> est placé directement sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Le problème avec cette technique est que le libellé sera le même à chaque fois que la liaison sera utilisée. Dans ce cas, il serait préférable que l'attribut soit plutôt défini sur la balise <code>searchbox</code>. XBL fournit un attribut <code>inherits</code> permettant l'héritage des attributs de l'élément extérieur. Il devra être placé sur l'élément qui héritera de ces attributs, dans notre cas sur le bouton. Sa valeur devra être initialisée par une liste des noms des attributs à hériter, séparés par des virgules.</p> -<pre><xul:textbox xbl:inherits="flex"/> -<xul:button xbl:inherits="label"/> -</pre> -<p>Lorsque le contenu est généré, <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> obtient l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> à partir de <code>searchbox</code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> obtient l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> à partir de <code>searchbox</code>. Ils permettent à la flexibilité du champ de saisie et au libellé du bouton d'être différents à chaque utilisation de la liaison. De plus, le changement de la valeur des attributs de la balise <code>searchbox</code> avec un script mettra aussi à jour la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> et la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Vous pouvez ajouter un attribut <code>inherits</code> sur autant d'éléments que vous le souhaitez, pour hériter de n'importe quel nombre d'attributs.</p> -<p>Remarquez comment l'attribut <code>inherits</code> a été placé dans l'espace de nommage XBL, en utilisant le préfixe 'xbl:'. L'espace de nommage devrait être déclaré quelque part avant, généralement dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code>, comme dans l'exemple suivant :</p> -<pre><bindings xmlns:xbl="http://www.mozilla.org/xbl" - xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<xbl:binding id="buttonBinding"> - <xbl:content> - <xul:button label="OK" xbl:inherits="label"/> - </xbl:content> -</xbl:binding> -</pre> -<p>Dans cet exemple, le bouton hérite de l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code>, mais cet attribut a aussi une valeur assignée directement dans le XBL. Cette technique est utilisée pour définir une valeur par défaut si l'attribut n'est pas présent. Ce bouton héritera son attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> de l'élément extérieur. Cependant, si aucun <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> n'est présent, la valeur 'OK' par défaut lui sera donnée.</p> -<p>Il peut arriver que deux éléments générés aient besoin d'hériter d'un attribut qui a le même nom. Par exemple, pour créer un champ de saisie muni d'un libellé, contenant donc un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> et un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>, le libellé (<code>label</code>) aura besoin d'hériter son texte à partir de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> et le champ de saisie (<code>textbox</code>) aura aussi besoin d'hériter sa valeur par défaut également à partir de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. Pour résoudre cela, nous aurons besoin d'utiliser un attribut différent et le faire pointer sur le bon. L'exemple suivant montre comment procéder :</p> -<pre class="eval"><strong>XUL:</strong> - -<box class="labeledtextbox" title="Entrer du texte:" value="OK"/> - -<strong>CSS:</strong> - -box.labeledtextbox { - -moz-binding: url('<a class="external" rel="freelink">chrome://example/skin/example.xml#labeledtextbox'</a>); -} - -<strong>XBL:</strong> - -<binding id="labeledtextbox"> - <content> - <xul:label xbl:inherits="value=title"/> - <xul:textbox xbl:inherits="value"/> - </content> -</binding> -</pre> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> hérite directement de l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. Pour initialiser l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> du libellé, nous aurons besoin d'utiliser un nom différent d'attribut et le faire pointer vers le vrai attribut. L'attribut <code>inherits</code> sur la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code> obtient son attribut <code>title</code> à partir de l'élément extérieur et le fait pointer vers l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code>. La syntaxe <attribut intérieur>=<attribut extérieur> est utilisée ici pour faire pointer un attribut vers un autre. Voici un autre exemple :</p> -<pre class="eval"><strong>XUL:</strong> - -<box class="okcancel" oktitle="OK" canceltitle="Annuler" image="happy.png"/> - -<strong>CSS:</strong> - -box.okcancel { - -moz-binding: url('<a class="external" rel="freelink">chrome://example/skin/example.xml#okcancel'</a>); -} - -<strong>XBL:</strong> - -<binding id="okcancel"> - <content> - <xul:button xbl:inherits="label=oktitle,image"/> - <xul:button xbl:inherits="label=canceltitle"/> - </content> -</binding> -</pre> -<p>La valeur de l'attribut <code>oktitle</code> est projetée vers l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> du premier bouton. L'attribut <code>canceltitle</code> est projeté vers l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> du second bouton. Le premier bouton hérite aussi de l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. Le résultat est le suivant :</p> -<pre><box class="okcancel" oktitle="OK" canceltitle="Annuler" image="happy.png"> - <button label="OK" image="happy.png"/> - <button label="Annuler"/> -</box> -</pre> -<p>Remarquez que les attributs sont dupliqués dans le contenu intérieur (anonyme). La modification des attributs de la boîte avec la classe 'okannuler' affectera automatiquement les valeurs des boutons. Vous avez probablement aussi remarqué que nous avons créé nos propres noms d'attribut. Ceci est valide en XUL.</p> -<hr> -<p>Dans la section suivante, nous regarderons l'ajout de propriétés, méthodes et événements à une liaison.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Contenu_anonyme" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_propriétés">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/héritage_xbl/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/héritage_xbl/index.html deleted file mode 100644 index a2edf8e9ba..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/héritage_xbl/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: Héritage XBL -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Héritage_XBL -tags: - - Tutoriel_XUL - - Tutoriels - - XBL - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/XBL_Inheritance ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaire_d'évènements" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Exemple_XBL">Suivant »</a></p> -</div> - -<p>Dans cette section, nous verrons comment étendre des définitions <a href="/fr/XBL" title="fr/XBL">XBL</a> existantes.</p> - -<h3 id="H.C3.A9ritage" name="H.C3.A9ritage">Héritage</h3> - -<p>Parfois vous pouvez vouloir créer un élément graphique XBL qui est similaire à un élément existant. Par exemple, disons que vous souhaitez créer un bouton XBL avec une fenêtre surgissante. Une manière de faire pour le créer est de dupliquer le code XBL existant des boutons. Cependant, il serait préférable de simplement étendre ce code.</p> - -<p>N'importe quelle liaison peut être étendue avec une autre. La liaison fille peut ajouter des propriétés, des méthodes et des gestionnaires d'événements. La liaison fille aura toutes les caractéristiques qui la définissent en plus des caractéristiques de la liaison dont elle hérite (et celles dont cette liaison aura elle même hérité et ainsi de suite dans l'arbre).</p> - -<p>Pour étendre une liaison existante, ajoutez un attribut <code>extends</code> à l'intérieur de la balise <code><a href="/fr/docs/XBL/Référence_XBL_1.0/Éléments#binding">binding</a></code>. Par exemple, la liaison suivante crée un champ de saisie qui ajoute le texte '<span class="nowiki">http://www</span>' au début de sa valeur lorsque la touche F4 est pressée.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xblinherit_1.xml.txt">Source</a></p> - -<pre><binding id="textboxwithhttp" - extends="chrome://global/content/bindings/textbox.xml#textbox"> - <handlers> - <handler event="keypress" keycode="VK_F4"> - this.value="http://www"+value; - </handler> - </handlers> -</binding> -</pre> - -<p>L'élément XBL étend ici les fonctionnalités du champ de saisie XUL <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>. L'URL donnée dans l'attribut <code>extends</code> ci-dessus est l'URL de la liaison de la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>. Elle signifie que la liaison hérite de tous les contenu et comportement fournis par la liaison de <code>textbox</code>. En plus, nous ajoutons un gestionnaire qui répond à l'événement 'keypress'.</p> - -<h3 id="Champ_de_saisie_semi-automatique" name="Champ_de_saisie_semi-automatique">Champ de saisie semi-automatique</h3> - -<p>L'exemple ci-dessus est similaire au dispositif de saisie semi-automatique qui fonctionne sous Mozilla. Un champ de saisie qui supporte la saisie semi-automatique n'est qu'un champ de saisie basique étendu avec une liaison XBL.</p> - -<p>Le <a href="/fr/XUL/textbox_(autocomplétion_de_Firefox)" title="fr/XUL/textbox_(autocomplétion_de_Firefox)">champ de saisie semi-automatique</a> ajoute une gestion spéciale d'événement de telle sorte que lorsqu'une URL est tapée, un menu va surgir proposant des suites de saisies possibles. Vous pouvez aussi l'utiliser dans vos propres applications. Créez simplement un <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> avec deux attributs spéciaux.</p> - -<pre><textbox type="autocomplete" searchSessions="history"/></pre> - -<p>Déclarez l'attribut <code>type</code> à 'autocomplete' pour ajouter un dispositif de saisie semi-automatique à un champ de saisie existant. Déclarez <code>searchSessions</code> pour indiquer le type de données à surveiller. Dans ce cas, la valeur 'history' surveillant les URLs dans l'historique est utilisée (Vous pouvez aussi utiliser la valeur 'addrbook' pour surveiller les adresses dans le carnet d'adresses.)</p> - -<div class="note">Firefox utilise un mécanisme d'autocomplétion différent de celui de la suite Mozilla, consultez <a href="/fr/XUL/textbox_(autocomplétion_de_Firefox)" title="fr/XUL/textbox_(autocomplétion_de_Firefox)">XUL:textbox (autocomplétion de Firefox)</a>.</div> - -<hr> -<p>Dans la prochaine section, nous verrons un exemple d'élément graphique défini en XBL.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaire_d'évènements" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Exemple_XBL">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/index.html deleted file mode 100644 index 5924573c00..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/index.html +++ /dev/null @@ -1,179 +0,0 @@ ---- -title: Tutoriel XUL -slug: Archive/Mozilla/XUL/Tutoriel_XUL -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial ---- -<p> </p> - -<p>Ce tutoriel décrit le langage <a href="/fr/docs/Mozilla/Tech/XUL/XUL">XUL</a> (<a href="/fr/docs/Mozilla/Tech/XUL/XML">XML</a> User-interface Language). Ce langage a été créé pour l'application Mozilla afin de décrire son interface utilisateur.</p> - -<h5 id="Introduction" name="Introduction">Introduction</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Introduction">Introduction</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/La_structure_XUL">La structure XUL</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/L'URL_Chrome">L'URL Chrome</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_fichiers_manifest">Les fichiers manifest</a></li> -</ul> - -<h5 id="Éléments_simples">Éléments simples</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9er_une_fen%c3%aatre">Créer une fenêtre</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_des_boutons">Ajouter des boutons</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_des_libell%c3%a9s_et_des_images">Ajouter des libellés et des images</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_champs_de_saisie">Les champs de saisie</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_contr%c3%b4les_num%c3%a9riques">Les contrôles numériques</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_contr%c3%b4les_de_listes">Les contrôles de listes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Indicateurs_de_progression">Indicateurs de progression</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_d'%c3%a9l%c3%a9ments_HTML">Ajout d'éléments HTML</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Utilisation_des_spacers">Utilisation des spacers</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Plus_de_caract%c3%a9ristiques_sur_les_boutons">Plus de caractéristiques sur les boutons</a></li> -</ul> - -<h5 id="Le_modèle_de_boîte">Le modèle de boîte</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Le_mod%c3%a8le_de_bo%c3%aete">Le modèle de boîte</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Positionnement_des_%c3%a9l%c3%a9ments">Positionnement des éléments</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/D%c3%a9tails_sur_le_mod%c3%a8le_de_bo%c3%aete">Détails sur le modèle de boîte</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_bo%c3%aetes_de_groupe">Les boîtes de groupe</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_plus_d'%c3%a9l%c3%a9ments">Ajouter plus d'éléments</a></li> -</ul> - -<h5 id="Éléments_communs">Éléments communs</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Piles_et_Paquets">Piles et Paquets</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Positionnement_dans_une_pile">Positionnement dans une pile</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Onglets">Onglets</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Grilles">Grilles</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cadres_de_contenu">Cadres de contenu</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/S%c3%a9parateurs">Séparateurs</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Barres_de_d%c3%a9filement">Barres de défilement</a></li> -</ul> - -<h5 id="Menus_et_barres_d'outils">Menus et barres d'outils</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Barre_d'outils">Barre d'outils</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Barres_de_menus_simples">Barres de menus simples</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Plus_de_fonctionnalit%c3%a9s_de_menu">Plus de fonctionnalités de menu</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Menus_surgissants">Menus surgissants</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Menus_d%c3%a9filants">Menus défilants</a></li> -</ul> - -<h5 id="Évènements_et_scripts">Évènements et scripts</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_gestionnaires_d'%c3%a9v%c3%a8nements">Ajout de gestionnaires d'évènements</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Plus_sur_les_gestionnaires_d'%c3%a9v%c3%a8nements">Plus sur les gestionnaires d'évènements</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Raccourcis_clavier">Raccourcis clavier</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Focus_et_Selection">Focus et Selection</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Commandes">Commandes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Mise_%c3%a0_jour_de_commandes">Mise à jour de commandes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Broadcasters_et_Observateurs">Broadcasters et Observateurs</a></li> -</ul> - -<h5 id="Modèle_Objet_de_Document_(DOM)">Modèle Objet de Document (DOM)</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Document_Object_Model">Document Object Model</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Modification_d'une_interface_XUL">Modification d'une interface XUL</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Manipulation_de_listes">Manipulation de listes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_objets_bo%c3%aetes">Les objets boîtes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Interfaces_XPCOM">Interfaces XPCOM</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemples_XPCOM">Exemples XPCOM</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Utilisation_du_presse_papiers">Utilisation du presse papiers</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Glisser-D%c3%a9poser">Glisser-Déposer</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Conteneur_JavaScript_pour_le_glisser-d%c3%a9poser">Conteneur JavaScript pour le glisser-déposer</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemple_de_glisser-d%c3%a9poser">Exemple de glisser-déposer</a></li> -</ul> - -<h5 id="Arbres" name="Arbres">Arbres</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Arbres">Arbres</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Autres_caract%c3%a9ristiques_des_arbres">Autres caractéristiques des arbres</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/S%c3%a9lection_dans_les_arbres">Sélection dans les arbres</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Vues_d'arbre_personnalis%c3%a9es">Vues d'arbre personnalisées</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/D%c3%a9tails_sur_les_vues_d'arbres">Détails sur les vues d'arbres</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_objets_bo%c3%aetes_des_arbres">Les objets boîtes des arbres</a></li> -</ul> - -<h5 id="RDF_et_templates">RDF et templates</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Introduction_%c3%a0_RDF">Introduction à RDF</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Gabarits">Gabarits</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemples_de_syntaxe_de_gabarits">Exemples de syntaxe de gabarits</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Arbres_et_Gabarits">Arbres et Gabarits</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Sources_de_donn%c3%a9es_RDF">Sources de données RDF</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/R%c3%a8gles_avan%c3%a7%c3%a9es">Règles avançées</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Donn%c3%a9es_persistantes">Données persistantes</a></li> -</ul> - -<h5 id="Thèmes_et_localisation">Thèmes et localisation</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_des_feuilles_de_style">Ajouter des feuilles de style</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Styler_un_arbre">Styler un arbre</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Modification_du_th%c3%a8me_par_d%c3%a9faut">Modification du thème par défaut</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9er_un_th%c3%a8me">Créer un thème</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Localisation">Localisation</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_fichiers_de_propri%c3%a9t%c3%a9s">Les fichiers de propriétés</a></li> -</ul> - -<h5 id="Liaisons_XBL" name="Liaisons_XBL">Liaisons XBL</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Introduction_%c3%a0_XBL">Introduction à XBL</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Contenu_anonyme">Contenu anonyme</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/H%c3%a9ritage_d'attributs_XBL">Héritage d'attributs XBL</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_propri%c3%a9t%c3%a9s">Ajout de propriétés</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_m%c3%a9thodes">Ajout de méthodes</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_gestionnaire_d'%c3%a9v%c3%a8nements">Ajout de gestionnaire d'évènements</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/H%c3%a9ritage_XBL">Héritage XBL</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemple_XBL">Exemple XBL</a></li> -</ul> - -<h5 id="Fenêtres_spécialisées">Fenêtres spécialisées</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Caract%c3%a9ristiques_d'une_fen%c3%aatre">Caractéristiques d'une fenêtre</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9er_des_bo%c3%aetes_de_dialogue">Créer des boîtes de dialogue</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Bo%c3%aete_de_dialogue_de_fichier">Boîte de dialogue de fichier</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9ation_d'un_assistant">Création d'un assistant</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Assistant_avan%c3%a7%c3%a9">Assistant avançé</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Overlays">Overlays</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Overlays_inter-paquetage">Overlays inter-paquetage</a></li> -</ul> - -<h5 id="Installation" name="Installation">Installation</h5> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9ation_d'un_programme_d'installation">Création d'un programme d'installation</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_scripts_d'installation">Les scripts d'installation</a></li> - <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Fonctions_additionnelles_d'installation">Fonctions additionnelles d'installation</a></li> -</ul> - -<div class="note"> -<p>Ce tutoriel XUL a été initialement créé par <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a>. Il a généreusement accepté de l'inclure dans <a>MDC</a>.</p> -</div> - -<div class="originaldocinfo"> -<h5 id="Information_du_document_original" name="Information_du_document_original">Information du document original</h5> - -<ul> - <li>Auteur : <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a></li> - <li>Copyright : © 1999-2005 XULPlanet.com</li> -</ul> -</div> - -<p><span class="comment">Interwiki Language Links</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/indicateurs_de_progression/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/indicateurs_de_progression/index.html deleted file mode 100644 index af289aeecf..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/indicateurs_de_progression/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: Indicateurs de progression -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Indicateurs_de_progression -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Progress_Meters ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_contrôles_de_listes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_d'éléments_HTML">Suivant »</a></p> -</div> -<p>Dans cette section, nous étudierons la création d'indicateurs de progression.</p> -<h3 id="Ajout_d.27un_indicateur_de_progression" name="Ajout_d.27un_indicateur_de_progression">Ajout d'un indicateur de progression</h3> -<p>Un indicateur de progression est une barre qui indique l'état d'avancement d'une tâche. Typiquement, vous la voyez lors du téléchargement de fichiers ou quand une longue opération s'exécute. XUL a un élément qui peut être utilisé pour la création d'un indicateur de progression (NdT : <code><a href="/fr/docs/Mozilla/Tech/XUL/progressmeter" title="progressmeter">progressmeter</a></code>). Il y a deux types d'état pour un indicateur : déterminé et indéterminé.</p> -<p>Les indicateurs de progression déterminés sont utilisés quand vous connaissez la durée d'une opération. L'indicateur de progression va se remplir, et une fois plein, l'opération doit être terminée. Il peut être utilisé pour une boîte de dialogue de téléchargement lorsque la taille des fichiers est connue.</p> -<p>Les indicateurs de progression indéterminés sont utilisés quand vous ne connaissez pas la durée d'une opération. Une animation visuelle représentera cet indicateur, sous la forme d'un rectangle zébré ou un cylindre hachuré tournant, et elle sera dépendante de votre système d'exploitation et du thème graphique utilisé.</p> -<p>Indicateur de progression déterminé : </p> -<div class="float-right"><img alt="Image:xultu_prog-det.jpg" class=" internal" src="/@api/deki/files/1539/=Xultu_prog-det.jpg"></div> -<p>Indicateur de progression indéterminé : </p> -<div class="float-right"><img alt="Image:xultu_prog-udet.jpg" class=" internal" src="/@api/deki/files/1540/=Xultu_prog-udet.jpg"></div> -<p>Un indicateur de progression a la syntaxe suivante :</p> -<pre><progressmeter - id="identifier" - mode="determined" - value="0%"/> -</pre> -<p>Ses attributs sont les suivants :</p> -<dl> <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> <dd>L'identifiant unique de l'indicateur de progression.</dd> <dt><code id="a-mode"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mode">mode</a></code> </dt> <dd>Le type d'indicateur de progression. Si sa valeur est 'determined', l'indicateur de progression est déterminé et se remplit au fur et à mesure de la tâche en cours. Si sa valeur est 'undetermined', l'indicateur de progression est indéterminé et vous ne connaissez pas la durée de la tâche en cours. La valeur par défaut est 'determined' si vous n'avez pas spécifié cet attribut.</dd> <dt><code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> </dt> <dd>La valeur courante de l'indicateur de progression. Vous ne devez utiliser cet attribut que pour un indicateur de progression déterminé. La valeur doit être un pourcentage compris entre '0%' et '100%'. La valeur sera changée par un script selon l'avancement de la tâche.</dd> -</dl> -<div class="highlight"> -<p>Ajoutons maintenant un indicateur de progression à notre boîte de dialogue 'Recherche de fichiers'. Nous devrions normalement mettre un indicateur de progression indéterminé car nous ne connaissons pas le nombre de fichiers recherchés ou combien de temps prendra la recherche. Toutefois, nous ajouterons un indicateur normal pour l'instant car un indicateur animé risque d'être perturbant lors du développement. L'indicateur de progression devrait normalement n'apparaître que lorsque la recherche est lancée. Nous ajouterons plus tard un script pour l'afficher ou non.</p> -<pre class="eval"><hbox> - - <span class="highlightred"><progressmeter value="50%" style="margin: 4px;"></span> - - <spacer flex="1"/> -</hbox> -</pre> -<div class="float-right"><img alt="Image:xultu_progress1.png" class=" internal" src="/@api/deki/files/1541/=Xultu_progress1.png"></div> -<p>La valeur a été mise à '50%' afin que vous puissiez voir la barre de progression dans la fenêtre. Une marge de 4 pixels a été définie pour séparer l'indicateur du bord de la fenêtre. Comme nous l'avons mentionné précédemment, nous voulons simplement que la barre de progression soit affichée pendant la recherche. Un script l'affichera et la masquera si nécéssaire.</p> -Exemple 'Recherche de fichiers' : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_find_progress.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_find_progress.xul">Voir</a></div> -<hr> -<p>Nous allons voir dans la prochaine section comment ajouter des éléments additionnels à une fenêtre en utilisant HTML.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_contrôles_de_listes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_d'éléments_HTML">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/interfaces_xpcom/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/interfaces_xpcom/index.html deleted file mode 100644 index 5f7b8e5f1b..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/interfaces_xpcom/index.html +++ /dev/null @@ -1,190 +0,0 @@ ---- -title: Interfaces XPCOM -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Interfaces_XPCOM -tags: - - Tutoriel_XUL - - Tutoriels - - 'XPCOM:Liaisons_de_langage' - - XPConnect - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/XPCOM_Interfaces ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Exemples_XPCOM">Suivant »</a></p> -</div> - -<p>Dans cette section, nous allons faire une brève présentation de <abbr title="Cross-platform Component Object Model"><a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a></abbr> ("Modèle de composants objets multi plate-forme"), qui est le système d'objets utilisé par Mozilla.</p> - -<h3 id="Appel_des_objets_natifs" name="Appel_des_objets_natifs">Appel des objets natifs</h3> - -<p>En utilisant XUL, nous pouvons construire des interfaces utilisateurs complexes. En y joignant des scripts, on peut modifier l'interface et réaliser des actions. Cependant, il y a un certain nombre de choses qui ne peuvent pas être réalisées directement en javascript. Par exemple, si nous voulons créer une application gérant des courriels, nous avons besoin d'écrire des scripts permettant de se connecter au serveur de courriels, afin de les retirer ou d'en envoyer. Le langage Javascript ne permet pas de faire ce genre de choses.</p> - -<p>Le seul moyen pour le faire est d'écrire du code natif implémentant ces fonctionnalités avancées. Nous avons aussi besoin d'un moyen pour pouvoir appeler ce code natif aisément à partir de nos scripts. Mozilla fournit une telle possibilité en utilisant <abbr title="Cross-platform Component Object Model"><a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a></abbr>.</p> - -<div class="note">Mozilla fournit déjà plusieurs composants et interfaces XPCOM. Donc, dans la plupart des cas, il sera inutile d'écrire votre propre code natif. Après avoir lu cette section, vous pourrez rechercher des interfaces en utilisant <a class="external" href="http://xulplanet.com/references/xpcomref/">la référence XPCOM de XULPlanet</a>.</div> - -<h3 id=".C3.80_propos_d.27XPCOM" name=".C3.80_propos_d.27XPCOM">À propos d'XPCOM</h3> - -<p>Mozilla est construit à partir d'une multitude de composants, où chacun d'eux réalise une tâche précise. Par exemple, il y a un composant pour chaque menu, bouton et élément. Ces composants sont construits à partir de plusieurs définitions appelées <em>interfaces</em>.</p> - -<p>Une interface dans Mozilla est une définition d'un ensemble de fonctions que peuvent implémenter des composants. Les composants sont ce qui permet au code de Mozilla de réaliser des traitements. Chaque composant implémente les fonctions conforme à une interface. Un composant peut implémenter plusieurs interfaces. Et plusieurs composants peuvent implémenter la même interface.</p> - -<p>Prenons l'exemple d'un composant de fichier. Une interface sera créée décrivant les propriétés et les fonctions que l'on veut pouvoir appliquer sur un fichier. Les propriétés seront le nom du fichier, sa date de dernière modification ou sa taille. Les fonctions permettront d'effacer, de déplacer ou de copier le fichier.</p> - -<p>L'interface "Fichier" décrit uniquement les caractéristiques du fichier, elle ne les implémente pas. L'implémentation est laissé au composant. Celui-ci contiendra le code qui permettra de récupérer le nom du fichier, sa date, sa taille. Il contiendra également le code pour le copier ou le renommer.</p> - -<p>Nous n'avons pas à s'intéresser sur la manière dont l'implémentation est faite par le composant, du moment qu'il respecte l'interface correctement. Bien sûr, nous aurons une implémentation différente pour chaque plate-forme. Entre les versions Macintosh et Windows, les composants de fichier seront très différents. Cependant ils implémentent la même interface et par conséquent on peut accéder au composant en utilisant les fonctions de cette interface.</p> - -<p>Dans Mozilla, les interfaces sont préfixées par 'nsI' ou 'mozI' ainsi elles sont facilement reconnaissables. Par exemple, <code>nsIAddressBook</code> est l'interface qui interagit avec le carnet d'adresses, <code>nsISound</code> est celle utilisée pour écouter des fichiers et <code>nsILocalFile</code> pour manipuler des fichiers. Pour plus de détails, consultez <a href="/fr/Interfaces" title="fr/Interfaces">les interfaces</a> de Mozilla.</p> - -<p>Typiquement, les composants XPCOM sont implémentés nativement, ce qui signifie qu'ils font des choses que le langage Javascript ne peut pas réaliser. Par contre, on peut les appeler à partir de scripts. C'est ce que l'on va voir maintenant. Nous pouvons appeler n'importe laquelle des fonctions fournies par le composant telles que décrites par les interfaces qu'il implémente. Par exemple, si vous avez un composant à votre disposition, vous vérifiez alors s'il implémente l'interface <code>nsISound</code>, et si c'est le cas, vous pouvez jouer un son grâce lui.</p> - -<p>Le processus d'appel de composants XPCOM à partir d'un script se nomme <a href="/fr/XPConnect" title="fr/XPConnect">XPConnect</a> : une couche qui traduit les objets du script en objets natifs.</p> - -<h3 id="Cr.C3.A9ation_d.27objets_XPCOM" name="Cr.C3.A9ation_d.27objets_XPCOM">Création d'objets XPCOM</h3> - -<p>L'appel d'un composant XPCOM se fait en trois étapes :</p> - -<ol> - <li>Récupérer un composant.</li> - <li>Récupérer la partie du composant qui implémente l'interface que l'on veut utiliser.</li> - <li>Appeler la fonction que l'on a besoin.</li> -</ol> - -<p>Une fois que les deux premières étapes sont réalisées, nous pouvons effectuer la dernière autant de fois que nécessaire. Prenons le cas du renommage d'un fichier. La première étape est de récupérer le composant "fichier". Puis on interroge ledit composant pour récupérer la portion qui implémente l'interface <code>nsILocalFile</code>. Enfin, on appelle les fonctions fournies par l'interface. Cette interface est utilisée pour représenter un unique fichier.</p> - -<p>Nous avons vu que les noms d'interfaces commencent toujours par 'nsI' ou 'mozI'. Par contre, la désignation des composants utilise la syntaxe URI. Mozilla stocke une liste de tous les composants disponibles dans son propre registre. Un utilisateur peut installer de nouveaux composants si besoin est. Ce mécanisme fonctionne comme les plugins.</p> - -<p>Mozilla fournit un composant "fichier" c'est-à-dire implémentant <code><a href="/fr/NsILocalFile" title="fr/NsILocalFile">nsILocalFile</a></code>. Ce composant est désigné par la chaîne <a class="link-mailto" href="mailto:'@mozilla.org" rel="freelink">'@mozilla.org</a>/file/local;1'. Cette chaîne est appelée un contractID. La syntaxe d'un contractID est :</p> - -<pre>@<internetdomain>/module[/submodule[...]];<version>[?<name>=<value>[&<name>=<value>[...]]]</pre> - -<p>D'autres composants peuvent être appelés de la même manière.</p> - -<p>Le contractID du composant sert à obtenir le composant. Voici en Javascript le code correspondant :</p> - -<pre>var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance();</pre> - -<p>Le composant "fichier" est récupéré et stocké dans la variable <code>aFile</code>. Dans l'exemple, <code>Components</code> fait référence à un objet global fournissant les fonctions relatives à certains composants. Ici la classe d'un composant est récupérée en utilisant la propriété <code>classes</code>. Cette propriété est un tableau de tous les composants disponibles. Pour obtenir un composant différent, il suffit de remplacer l'URI par celui du composant voulu. Finalement, une instance est créée avec la fonction <code>createInstance()</code>.</p> - -<p>Vous devez vérifier que la valeur de retour de <code>createInstance()</code> est différente de 'null', valeur qui indiquerait que le composant n'existe pas.</p> - -<p>Pour l'instant, nous avons seulement une référence sur le composant "fichier". Pour appeler ses fonctions, nous avons besoin de récupérer une de ces interfaces, dans notre cas <code><a href="/fr/NsILocalFile" title="fr/NsILocalFile">nsILocalFile</a></code>. Une seconde ligne est ajoutée à notre code comme suit :</p> - -<pre>var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance(); -if (aFile) aFile.QueryInterface(Components.interfaces.nsILocalFile); -</pre> - -<p>La fonction <code>QueryInterface()</code> est fournie par tous les composants, elle permet d'obtenir une interface précise du composant. Elle prend un seul paramètre, le nom de l'interface souhaitée. La propriété <code>interfaces</code> de <code>Components</code> contient une liste de toutes les interfaces des composants. Ici on utilise l'interface <code>nsILocalFile</code> que l'on passe en paramètre à <code>QueryInterface()</code>. Ainsi <code>aFile</code> fera référence à la partie du composant qui implémente l'interface <code>nsILocalFile</code>.</p> - -<p>Ces deux lignes de Javascript peuvent être utilisées pour obtenir n'importe quelle interface de n'importe quel composant. Il suffit de remplacer le nom du composant et le nom de l'interface que vous voulez utiliser. Vous pouvez bien sûr choisir n'importe quel nom pour la variable. Par exemple si vous voulez utiliser l'interface pour le son, notre code pourrait être comme suit :</p> - -<pre>var sound = Components.classes["@mozilla.org/sound;1"].createInstance(); -if (sound) sound.QueryInterface(Components.interfaces.nsISound); -</pre> - -<p>Les interfaces XPCOM peuvent hériter d'autres interfaces. L'interface héritière possède ses propres fonctions mais aussi toutes celles des interfaces parentes. Ainsi toute interface hérite de l'interface principale <code>nsISupports</code> qui fournit la fonction <code>QueryInterface()</code>. Comme tout composant doit implémenter <code>nsISupports</code>, la fonction <code>QueryInterface()</code> est disponible sur tous les composants.</p> - -<p>Plusieurs composants peuvent implémenter la même interface. Typiquement ce sont des sous-classes de l'original mais pas nécessairement. N'importe quel composant peut implémenter les fonctionnalités de <code>nsILocalFile</code>. De plus, un composant peut implémenter plusieurs interfaces. C'est pour ces raisons que l'on doit procéder en deux étapes pour appeler les fonctions d'une interface.</p> - -<p>Cependant, il existe un raccourci pour réduire ces deux étapes en une seule ligne de code :</p> - -<pre>var aLocalFile = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile); -</pre> - -<p>Ce code effectue la même action qu'avec les deux lignes, mais en une seule ligne. Il élimine le besoin de créer une instance et ensuite de l'interroger pour obtenir une interface précise, en deux étapes séparées.</p> - -<p>Un appel à <code>QueryInterface()</code> sur un objet qui ne fournit pas l'interface demandée lance une exception. Si vous n'êtes pas sûr que le composant supporte une interface, vous pouvez utiliser l'opérateur <code><a href="/fr/Référence_de_JavaScript_1.5_Core/Opérateurs/Opérateurs_spéciaux/L'opérateur_instanceof" title="fr/Référence_de_JavaScript_1.5_Core/Opérateurs/Opérateurs_spéciaux/L'opérateur_instanceof">instanceof</a></code> comme suit :</p> - -<pre>var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance(); -if (aFile instanceof Components.interfaces.nsILocalFile){ - // faire quelque chose si il s'agit d'une instance du bon type -} -</pre> - -<p>L'opérateur <code>instanceof</code> renvoie 'true' si <code>aFile</code> implémente l'interface <code>nsILocalFile</code>, et il effectue également l'appel de la méthode <code>QueryInterface</code>, ce qui fournit par la suite un objet <code>nsILocalFile</code> aFile valide.</p> - -<h3 id="Appel_des_fonctions_de_l.27interface" name="Appel_des_fonctions_de_l.27interface">Appel des fonctions de l'interface</h3> - -<p>Maintenant que nous avons un objet qui fait référence à un composant avec l'interface <code>nsILocalFile</code>, nous pouvons appeler les fonctions de celle-ci à travers l'objet. La liste suivante montre quelques propriétés et méthodes de l'interface <code>nsILocalFile</code>.</p> - -<dl> - <dt><code>initWithPath</code> </dt> - <dd>Cette méthode est utilisée pour initialiser le chemin et le nom du fichier pour l'interface <code>nsILocalFile</code>. Le premier paramètre doit être le chemin du fichier, comme par exemple '/usr/local/mozilla'.</dd> - <dt><code>leafName</code> </dt> - <dd>Le nom du fichier sans son chemin complet.</dd> - <dt><code>fileSize</code> </dt> - <dd>La taille du fichier.</dd> - <dt><code>isDirectory()</code> </dt> - <dd>Renvoie 'true' si <code>nsILocalFile</code> représente un répertoire.</dd> - <dt><code>remove(recursif)</code> </dt> - <dd>Efface un fichier. Si le paramètre <code>recursif</code> est 'true', le répertoire et tous ses fichiers et sous-répertoires sont effacés.</dd> - <dt><code>copyTo ( repertoire, nouveauNom )</code> </dt> - <dd>Copie un fichier dans un autre répertoire, et optionnellement renomme le fichier. La variable <code>repertoire</code> doit être un objet <code>nsILocalFile</code> représentant le répertoire où l'on veut copier le fichier.</dd> - <dt><code>moveTo ( repertoire, nouveauNom )</code> </dt> - <dd>Déplace le fichier dans un autre répertoire ou le renomme. La variable <code>repertoire</code> doit être un objet <code>nsILocalFile</code> représentant le répertoire où l'on va mettre le fichier.</dd> -</dl> - -<p>Pour effacer un fichier, on doit d'abord l'assigner à un objet <code>nsILocalFile</code>. Nous appelons la méthode <code>initWithPath()</code> pour définir le fichier en question, en indiquant juste le chemin de celui-ci. Puis nous appelons la fonction <code>remove()</code> avec le paramètre <code>recursif</code> à 'false'. Voici le code correspondant :</p> - -<pre>var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance(); -if (aFile instanceof Components.interfaces.nsILocalFile){ - aFile.initWithPath("/mozilla/testfile.txt"); - aFile.remove(false); -} -</pre> - -<p>Ce code prend le fichier '/mozilla/testfile.txt' et l'efface. Essayez cet exemple en ajoutant le code à un gestionnaire d'évènements. Vous devez changer le nom du fichier pour qu'il corresponde à un fichier existant que vous voulez effacer sur votre poste local.</p> - -<p>Dans la liste ci-dessus, nous avons vu deux fonctions <code>copyTo()</code> et <code>moveTo()</code>. Ces fonctions sont utilisées pour respectivement copier et déplacer des fichiers.</p> - -<div class="note">Notez que ces fonctions ne prennent pas en paramètre une chaîne de caractères pour désigner un répertoire mais un objet <code>nsILocalFile</code>. Cela signifie que nous devons récupérer les deux composants "fichier".</div> - -<p>L'exemple suivant montre comment copier un fichier :</p> - -<pre>function copyFile(sourcefile,destdir) -{ - // récupérer un composant pour le fichier à copier - var aFile = Components.classes["@mozilla.org/file/local;1"] - .createInstance(Components.interfaces.nsILocalFile); - if (!aFile) return false; - - // récupérer un composant pour le répertoire où la copie va s'effectuer. - var aDir = Components.classes["@mozilla.org/file/local;1"] - .createInstance(Components.interfaces.nsILocalFile); - if (!aDir) return false; - - // ensuite, on initialise les chemins - aFile.initWithPath(sourcefile); - aDir.initWithPath(destdir); - - // Au final, on copie le fichier sans le renommer - aFile.copyTo(aDir,null); -} - -copyFile("/mozilla/testfile.txt","/etc"); -</pre> - -<h3 id="Les_services_XPCOM" name="Les_services_XPCOM">Les services XPCOM</h3> - -<p>Certains composants XPCOM spéciaux sont appelés services. Vous ne pouvez pas créer plusieurs instances d'un service parce qu'il doit être unique. Les services fournissent des fonctions manipulant des données globales ou effectuent des opérations sur d'autres objets. Au lieu d'utiliser <code>createInstance()</code>, vous devez appeler <code>getService()</code> pour récupérer une référence sur le composant de type "service". À part ça, les services ne diffèrent pas des autres composants.</p> - -<p>Un exemple de service fournit par Mozilla est le service pour les marque-pages. Il vous permet d'ajouter un marque-page à la liste courante des marque-pages de l'utilisateur. Voici un exemple :</p> - -<pre>var bmarks = Components.classes["@mozilla.org/browser/bookmarks-service;1"].getService(); -bmarks.QueryInterface(Components.interfaces.nsIBookmarksService); -bmarks.addBookmarkImmediately("http://www.mozilla.org","Mozilla",0,null); -</pre> - -<p>Tout d'abord, le composant <a class="link-mailto" href="mailto:'@mozilla.org" rel="freelink">'@mozilla.org</a>/browser/bookmarks-service;1' est récupéré et son service est placé dans la variable <code>bmarks</code>. Nous utilisons <code>QueryInterface()</code> pour récupérer l'interface 'nsIBookmarksService'. La fonction <code>addBookmarkImmediately()</code> fournie par cette interface peut être utilisée pour ajouter des marque-pages. Les deux premiers paramètres de cette fonction sont l'URL et le titre du marque-page. Le troisième paramètre est le type de marque-page qui doit normalement être '0', et le dernier paramètre est l'encodage des caractères du document correspondant au marque-page, qui peut être nul.</p> - -<hr> -<p>Dans la section suivante, nous verrons quelques-unes des interfaces que l'on peut utiliser, fournies par Mozilla.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Exemples_XPCOM">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/introduction/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/introduction/index.html deleted file mode 100644 index c19e397929..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/introduction/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Introduction -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Introduction -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Introduction ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/La_structure_XUL">Suivant »</a></p> -</div> -<p>Ce tutoriel est destiné à vous guider dans l'apprentissage de<abbr title="XML User-interface Language"> XUL</abbr> (XML User-interface Language) qui est un langage multi plates-formes permettant de décrire les interfaces utilisateurs des applications.</p> -<p>Ce tutoriel vous montrera la création d'une simple interface utilisateur de recherche de fichiers, comme celle fournie par l'interface Sherlock du Macintosh, ou la boîte de dialogue de recherche de fichier de Windows.</p> -<p>Notez que seule l'interface utilisateur sera créée avec quelques fonctionnalités limitées. La recherche de fichiers proprement dite ne sera pas implémentée. Une ligne bleue apparaîtra sur la gauche des paragraphes où la boîte de dialogue de recherche de fichier sera modifiée. Vous pourrez suivre cela à travers les sections.</p> -<h3 id="Qu.27est_ce_que_XUL_et_pourquoi_a-t-il_.C3.A9t.C3.A9_cr.C3.A9.C3.A9.C2.A0.3F" name="Qu.27est_ce_que_XUL_et_pourquoi_a-t-il_.C3.A9t.C3.A9_cr.C3.A9.C3.A9.C2.A0.3F">Qu'est ce que XUL et pourquoi a-t-il été créé ?</h3> -<p><abbr title="XML User-Interface Language">XUL</abbr> (prononcez <em>zool</em>, cela rime avec cool) a été créé pour avoir un développement du navigateur Mozilla plus facile et plus rapide. C'est un langage <abbr title="eXtensible Markup Language">XML</abbr> donc toutes les caractéristiques disponibles dans XML le sont également dans XUL.</p> -<p>La plupart des applications ont besoin d'être développées en utilisant les caractéristiques d'une plate-forme spécifique, rendant l'adaptation multi plate-forme consommatrice en temps et coûteuse. Un certain nombre de solutions multi plates-formes ont été développées dans le passé. Java, par exemple, a comme principal argument de vente la portabilité. XUL est l'un de ces langages conçus spécialement pour créer des interfaces utilisateurs portables. Cela prend beaucoup de temps pour bâtir une application, même pour une seule plate-forme. Le temps requis pour compiler et débugger peut être long. Avec XUL, une interface peut être implémentée et modifiée rapidement et facilement.</p> -<p>XUL a tous les avantages des autres langages XML. Par exemple, XHTML ou d'autres langages XML comme <abbr title="Math Markup Langage">Math-ML</abbr> ou <abbr title="Scalable Vector Graphics">SVG</abbr> peuvent y être insérés. De plus, les textes affichés avec XUL sont aisément localisables, ce qui signifie qu'ils peuvent être traduits dans d'autres langues avec peu d'effort.</p> -<h3 id="Quels_types_d.27interface_utilisateurs_peuvent_.C3.AAtre_r.C3.A9alis.C3.A9s_avec_XUL.C2.A0.3F" name="Quels_types_d.27interface_utilisateurs_peuvent_.C3.AAtre_r.C3.A9alis.C3.A9s_avec_XUL.C2.A0.3F">Quels types d'interface utilisateurs peuvent être réalisés avec XUL ?</h3> -<p>XUL offre la possibilité de créer la plupart des éléments habituels que l'on rencontre dans des interfaces graphiques modernes. Voici quelques éléments pouvant être créés :</p> -<ul> - <li>Champs de saisie tels que des boîtes de textes et des cases à cocher</li> - <li>Barres d'outils avec boutons et autres contenus</li> - <li>Menus dans des barres de menus ou des menus surgissants (contextuels)</li> - <li>Boîtes de dialogues à onglets</li> - <li>Arbres de données hiérarchiques ou tabulaires</li> - <li>Raccourcis claviers</li> -</ul> -<p>Le contenu affiché peut être créé à partir du contenu d'un fichier XUL ou à partir d'une source de données. Dans Mozilla, de telles sources de données sont utilisées pour les messages des boîtes aux lettres, les marque-pages, et les résultats de recherche. Les contenus des menus, arbres, et autres éléments peuvent être remplis avec ces données, ou avec vos propres données fournies dans des fichiers <abbr title="Resource Description Framework">RDF</abbr>.</p> -<p>Il existe plusieurs cas où des applications XUL sont créées :</p> -<ul> - <li>Extension Firefox - une extension ajoute des fonctionnalités au navigateur lui-même, souvent sous la forme d'une barre d'outils supplémentaire, des menus contextuels, ou une interface pour personnaliser le navigateur. Pour obtenir ce résultat, une fonctionnalité du XUL appelé <em>overlay</em> est employée. Elle permet de faire fusionner une interface existante telle que le navigateur Firefox avec une interface utilisateur de l'extension. Des extensions peuvent également être appliquées à d'autres produits Mozilla tels que Thunderbird.</li> - <li>Application XULRunner autonome - XULRunner est une version empaquetée d'une plate-forme Mozilla permettant de créer des applications XUL autonomes. Aucun navigateur n'est requis pour lancer ces applications car elles contiennent leur propres fichiers exécutables.</li> - <li>Paquetage XUL - à mi chemin entre les deux autres se situent les applications créées de la même manière qu'une extension, mais fonctionnant comme une application indépendante dans une fenêtre séparée. Ces paquetages sont employés lorsque vous ne souhaitez pas d'une imposante application complète XULRunner sans pour autant imposer l'installation d'un navigateur Mozilla.</li> - <li>Application XUL distante - vous pouvez également simplement placer du code XUL sur un serveur Web et l'ouvrir dans un navigateur comme pour n'importe quelle page Web. Cette méthode a toutefois ses limites pour des questions de sécurité sur les actions que vous pouvez réaliser, telle que l'ouverture d'autres fenêtres.</li> -</ul> -<p>Les trois premiers types nécessitent chacun une installation sur la machine de l'utilisateur. De ce fait, ces types d'applications n'ont aucune restriction de sécurité et peuvent accéder au système de fichiers local, ou lire et écrire des préférences par exemple. Pour des extensions, les fichiers XUL et leurs scripts et images associés seront empaquetés dans un unique fichier qui sera téléchargé et installé par l'utilisateur. Des applications Mozilla telle que Firefox fournissent un gestionnaire d'extensions permettant l'installation de paquetages sans avoir à écrire beaucoup de code complexe.</p> -<p>Il est possible d'ouvrir des fichiers XUL directement depuis le système de fichiers ou à partir d'un site Web distant. Cependant, ils seront restreints dans les types d'opérations qu'ils peuvent effectués, et certains aspects de XUL ne fonctionneront pas. Toutefois, si vous voulez charger du contenu XUL à partir d'un site distant, le serveur Web doit être configuré pour envoyer les fichiers XUL avec le type de contenu <var>'application/vnd.mozilla.xul+xml'</var>. XUL est habituellement stocké dans des fichiers avec l'extension <code>.xul</code>. Vous pouvez ouvrir un fichier XUL avec Mozilla comme vous le feriez avec d'autres fichiers, en utilisant la commande 'Ouvrir un fichier…' du menu 'Fichier', ou en tapant l'URL dans la barre d'adresse.</p> -<h3 id="Que_dois-je_savoir_pour_comprendre_le_tutoriel.C2.A0.3F" name="Que_dois-je_savoir_pour_comprendre_le_tutoriel.C2.A0.3F">Que dois-je savoir pour comprendre le tutoriel ?</h3> -<p>Vous devez connaître <abbr title="HyperText Markup Language">HTML</abbr> et avoir au moins des connaissances de base sur XML et <abbr title="Cascading Style Sheets">CSS</abbr>. Voici quelques indications à garder à l'esprit :</p> -<ul> - <li>Les éléments XUL et attributs doivent être en minuscule car XML est sensible à la casse (contrairement à HTML).</li> - <li>Les valeurs d'attributs doivent être placés entre guillemets, même si ce sont des nombres.</li> - <li>Les fichiers XUL sont habituellement divisés en quatre fichiers : un pour la mise en page et les éléments, un pour les styles, un pour les déclarations d'entités (utilisées pour la localisation) et un pour les scripts. De plus, vous pouvez avoir des fichiers supplémentaires pour les images ou les données spécifiques à la plate-forme.</li> -</ul> -<p>XUL est supporté dans Mozilla et les navigateurs basés sur le moteur Gecko, comme Netscape 6 ou plus, et Mozilla Firefox. À cause des différents changements dans la syntaxe XUL au fil du temps, vous devriez avoir la dernière version pour que les exemples fonctionnent correctement. La plupart des exemples devraient fonctionner dans Mozilla 1.0 et plus. XUL est pratiquement similaire dans Firefox que dans les autres navigateurs, bien qu'il y ait des différences spécifiques, comme le support des barres de boutons personnalisables.</p> -<p>Ce tutoriel tente de couvrir la plupart des fonctionnalités de XUL. Cependant, toutes les spécificités ne seront pas examinées. Une fois que vous vous serez familiarisés avec XUL, vous pourrez utiliser <a href="/fr/Référence_XUL" title="fr/Référence_XUL">la référence des éléments XUL</a> pour trouver les autres fonctionnalités supportées par d'autres éléments spécifiques.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/La_structure_XUL">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/introduction_à_rdf/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/introduction_à_rdf/index.html deleted file mode 100644 index 6bbbb8e7a4..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/introduction_à_rdf/index.html +++ /dev/null @@ -1,147 +0,0 @@ ---- -title: Introduction à RDF -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Introduction_à_RDF -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Introduction_to_RDF ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes_des_arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Gabarits">Suivant »</a></p> -</div> - -<p>Dans cette section, nous allons nous intéresser à RDF (Resource Description Framework).</p> - -<h3 id="Resource_Description_Framework" name="Resource_Description_Framework">Resource Description Framework</h3> - -<p>Nous pouvons utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> pour afficher un ensemble de données, telles que des marque-pages ou des courriels. Cependant, il ne serait pas pratique de le faire en entrant les données directement dans le fichier <a href="/fr/XUL" title="fr/XUL">XUL</a>. Il serait très difficile de modifier les marque-pages s'ils étaient directement dans le fichier XUL. Le moyen de résoudre cette difficulté est d'utiliser des sources de données RDF.</p> - -<p><a href="/fr/RDF" title="fr/RDF">RDF</a> (Resource Description Framework) est un format qui peut être utilisé pour stocker des ressources telles que des marque-pages ou des courriels. Alternativement, on peut utiliser des données dans d'autres formats et écrire du code qui va lire le fichier et créer le fichier de données RDF. C'est de cette façon que Mozilla fonctionne quand il lit des données telles que les marque-pages, l'historique ou les messages de courriel. Mozilla fournit des sources de données pour ces données communes pour que vous puissiez facilement les utiliser.</p> - -<p>Vous pouvez utiliser n'importe quelles sources de données RDF fournies pour peupler les arbres <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> avec des données ou vous pouvez désigner un fichier RDF au format XML contenant les données. Elles sont très commodes pour afficher des arbres contenant beaucoup de lignes. RDF peut aussi peupler d'autres éléments XUL comme les <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> et les <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code>. Nous verrons cela dans la prochaine section.</p> - -<p>Un très bref aperçu de RDF sera fourni ici. Pour un guide de RDF plus détaillé, lisez <a class="external" href="http://www.xulplanet.com/tutorials/mozsdk/rdfstart.php">Introduction to the RDF Model (en)</a>. Il est recommandé de lire ce guide si vous êtes débutant en RDF.</p> - -<p>Pour plus d'information sur le RDF, consultez <a class="external" href="http://www.w3.org/RDF/">les spécifications RDF (en)</a>.</p> - -<h4 id="RDF.2FXML" name="RDF.2FXML">RDF/XML</h4> - -<p>RDF consiste en un modèle, qui est une représentation des données sous forme de graphe. RDF/XML est un langage XML utilisé pour représenter des données RDF. Il contient un ensemble assez simple d'éléments. L'exemple ci-dessous montre un gabarit RDF minimal.</p> - -<pre><?xml version="1.0"?> -<RDF:RDF - xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> - ... -</RDF:RDF> -</pre> - -<p>Il a quelques similitudes avec l'en-tête XUL. À la place de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>, l'élément <code>RDF</code> est utilisé. Vous pouvez voir que l'espace de nommage pour RDF a été déclaré pour que les éléments RDF soient reconnus proprement. À l'intérieur de l'élément RDF, vous placerez les données. Pour voir quelques exemples de fichiers RDF/XML, regardez ceux présents avec Mozilla. Ils ont une extension .rdf.</p> - -<h4 id="Base_de_donn.C3.A9es_RDF" name="Base_de_donn.C3.A9es_RDF">Base de données RDF</h4> - -<p>Prenons l'exemple d'une liste de marque-pages générée à partir de RDF. Une liste de marque-pages contient un ensemble d'enregistrements, chacun avec un ensemble de données associées, telles que l'URL, le titre et une date de visite.</p> - -<p>Pensez aux marque-pages comme une base de données qui est stockée comme une grande table avec de nombreux champs. Dans le cas de RDF cependant, les listes peuvent être hiérarchisées. C'est nécessaire pour que nous puissions avoir des dossiers ou des catégories de marque-pages. Chacun des champs dans la base de données RDF est une ressource, avec un nom associé. Le nom est décrit par un URI.</p> - -<p>Par exemple, une selection de champs dans la liste de marque-pages de Mozilla est décrite par les URIs ci-dessous :</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <td>Name</td> - <td><span class="nowiki">http://home.netscape.com/NC-rdf#Name</span></td> - <td>Nom du marque-page</td> - </tr> - <tr> - <td>URL</td> - <td><span class="nowiki">http://home.netscape.com/NC-rdf#URL</span></td> - <td>URL correspondante</td> - </tr> - <tr> - <td>Description</td> - <td><span class="nowiki">http://home.netscape.com/NC-rdf#Description</span></td> - <td>description du marque-page</td> - </tr> - <tr> - <td>Last Visited</td> - <td><span class="nowiki">http://home.netscape.com/WEB-rdf#LastVisitDate</span></td> - <td>Date de dernière visite</td> - </tr> - </tbody> -</table> - -<p>Ils sont générés en prenant le nom de l'espace de nommage (<abbr title="Note du Traducteur">NdT</abbr> : exemple : '<span class="nowiki">http://home.netscape.com/NC-rdf</span>') et en ajoutant le nom du champ (<abbr title="Note du Traducteur">NdT</abbr> : exemple : '#Name'). Dans la prochaine section, nous verrons comment les utiliser pour remplir les valeurs des champs automatiquement. Notez que la dernière date de visite a un espace de nommage légèrement différent des trois autres.</p> - -<h4 id="Exemple_de_fichier_RDF.2FXML" name="Exemple_de_fichier_RDF.2FXML">Exemple de fichier RDF/XML</h4> - -<p>Voici maintenant un exemple de fichier RDF/XML listant une table avec trois enregistrements et trois champs.</p> - -<pre><RDF:RDF xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns:ANIMALS="http://www.some-fictitious-zoo.com/rdf#"> - - <RDF:Seq about="http://www.some-fictitious-zoo.com/all-animals"> - <RDF:li> - <RDF:Description about="http://www.some-fictitious-zoo.com/mammals/lion"> - <ANIMALS:name>Lion</ANIMALS:name> - <ANIMALS:species>Panthera leo</ANIMALS:species> - <ANIMALS:class>Mammifère</ANIMALS:class> - </RDF:Description> - </RDF:li> - <RDF:li> - <RDF:Description about="http://www.some-fictitious-zoo.com/arachnids/tarantula"> - <ANIMALS:name>Tarantule</ANIMALS:name> - <ANIMALS:species>Avicularia avicularia</ANIMALS:species> - <ANIMALS:class>Arachnide</ANIMALS:class> - </RDF:Description> - </RDF:li> - <RDF:li> - <RDF:Description about="http://www.some-fictitious-zoo.com/mammals/hippopotamus"> - <ANIMALS:name>Hippopotame</ANIMALS:name> - <ANIMALS:species>Hippopotamus amphibius</ANIMALS:species> - <ANIMALS:class>Mammifère</ANIMALS:class> - </RDF:Description> - </RDF:li> - </RDF:Seq> -</RDF:RDF> -</pre> - -<div class="note"><abbr title="Note du Traducteur">NdT</abbr> : les spécifications du format RDF précisent qu'il faut toujours indiquer l'espace de nom RDF pour les attributs du langage RDF comme <code id="a-ID"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ID">ID</a></code> <code id="a-about"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/about">about</a></code>, <code id="a-resource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resource">resource</a></code> etc. Pour être en conformité avec ces spécifications, vous devrez toujours déclarer un alias d'espace de nom (comme 'RDF' dans l'exemple précédent : <code><span class="nowiki">xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#"</span></code>) et l'utiliser pour les attributs RDF (ex : <code><strong>RDF:</strong>about="..."</code>).</div> - -<p>Ici, trois enregistrements ont été décrits, un pour chaque animal. Chaque balise <code>RDF:Description</code> décrit un seul enregistrement. À l'intérieur de chaque enregistrement, trois champs sont décrits, 'name', 'species' et 'class'. Il n'est pas nécessaire que tous les enregistrements aient les mêmes champs mais cela donne plus de sens.</p> - -<p>À chacun des trois champs a été donné un espace de nommage appelé 'ANIMALS', dont l'URL a été déclarée dans la balise <code>RDF</code>. Ce nom a été choisi pour sa signification dans ce cas précis, mais nous aurions pu en choisir un autre. La fonctionnalité d'espace de nommage est utile car le champ 'class' peut entrer en conflit avec celui utilisé pour les styles.</p> - -<p>Les éléments <code>Seq</code> et <code>li</code> sont utilisés pour indiquer que les enregistrements sont dans une liste. C'est la même façon dont les listes HTML sont déclarées. L'élément <code>Seq</code> est utilisé pour indiquer que les éléments sont ordonnés. À la place de l'élément <code>Seq</code>, vous pouvez aussi utiliser l'élément <code>Bag</code> pour indiquer des données non ordonnées, et <code>Alt</code> pour indiquer des données où chaque enregistrement spécifie des valeurs alternatives (telles que des URLs mirroirs).</p> - -<p>À l'intérieur d'un fichier XUL, il est fait référence aux ressources en combinant l'URL de l'espace de nommage suivit du nom du champ. Dans l'exemple ci-dessus, les URIs suivants générés peuvent être utilisés pour référer aux champs spécifiques :</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <td>Nom</td> - <td><span class="nowiki">http://www.www.some-fictitious-zoo.com/rdf#name</span></td> - </tr> - <tr> - <td>Espèce</td> - <td><span class="nowiki">http://www.www.some-fictitious-zoo.com/rdf#species</span></td> - </tr> - <tr> - <td>Classe</td> - <td><span class="nowiki">http://www.www.some-fictitious-zoo.com/rdf#class</span></td> - </tr> - </tbody> -</table> - -<hr> -<p>Dans la suite, nous allons voir comment utiliser RDF pour peupler des éléments XUL</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes_des_arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Gabarits">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/introduction_à_xbl/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/introduction_à_xbl/index.html deleted file mode 100644 index 7730e47a24..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/introduction_à_xbl/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Introduction à XBL -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Introduction_à_XBL -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Introduction_to_XBL ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_fichiers_de_propriétés" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Contenu_anonyme">Suivant »</a></p> -</div> -<p><a href="/fr/XUL" title="fr/XUL">XUL</a> a un langage qui lui est parent, <a href="/fr/XBL" title="fr/XBL">XBL</a> (eXtensible Bindings Language). Ce langage est utilisé pour déclarer le comportement des éléments graphiques de XUL.</p> -<h3 id="Liaisons" name="Liaisons">Liaisons</h3> -<p>Vous pouvez utiliser XUL pour définir la mise en page de l'interface utilisateur d'une application. Vous pouvez adapter l'apparence des éléments en leur appliquant <a href="/fr/Tutoriel_XUL/Ajouter_des_feuilles_de_style" title="fr/Tutoriel_XUL/Ajouter_des_feuilles_de_style">des styles</a>. Vous pouvez aussi <a href="/fr/Tutoriel_XUL/Créer_un_thème" title="fr/Tutoriel_XUL/Créer_un_thème">créer de nouveaux thèmes</a> en modifiant les styles. L'apparence basique de tous les éléments, comme <a href="/fr/Tutoriel_XUL/Barres_de_défilement" title="fr/Tutoriel_XUL/Barres_de_défilement">les barres de défilement</a> et <a href="/fr/Tutoriel_XUL/Les_champs_de_saisie#Les_cases_.C3.A0_cocher_et_les_boutons_radio" title="fr/Tutoriel_XUL/Les_champs_de_saisie#Les_cases_.C3.A0_cocher_et_les_boutons_radio">les cases à cocher</a> pourrait être modifiée en ajustant le style ou en déclarant des attributs à l'élément. Cependant, XUL ne fournit aucun moyen de vous permettre de changer le fonctionnement d'un élément. Par exemple, vous pourriez vouloir changer le fonctionnement des composants d'une barre de défilement. Pour cela, vous avez besoin de <a href="/fr/XBL" title="fr/XBL">XBL</a>.</p> -<p>Un fichier XBL contient un ensemble de liaisons. Chaque liaison décrit le comportement d'un élément graphique de XUL. Par exemple, une liaison pourrait être attachée à une barre de défilement. Le comportement décrit les propriétés et méthodes de la barre de défilement en plus de décrire les éléments de XUL qui la composent.</p> -<p>Comme XUL, XBL est un langage XML, ainsi il a des règles syntaxiques similaires. L'exemple suivant montre le squelette basique d'un fichier XBL :</p> -<pre><?xml version="1.0"?> -<bindings xmlns="http://www.mozilla.org/xbl"> - <binding id="binding1"> - <!-- le contenu, propriétés, méthodes et descriptions d'évènements viennent ici --> - </binding> - <binding id="binding2"> - <!-- le contenu, propriétés, méthodes et descriptions d'évènements viennent ici --> - </binding> -</bindings> -</pre> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code> est l'élément racine d'un fichier XBL et contient un ou plusieurs élément <code><a href="/fr/docs/Mozilla/Tech/XUL/binding" title="binding">binding</a></code>. Chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/binding" title="binding">binding</a></code> déclare une seule liaison. L'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> peut être utilisé pour identifier la liaison, comme dans l'exemple ci-dessus. Le modèle a deux liaisons, l'une appelée 'liaison1' et l'autre appelée 'liaison2'. L'une pourrait être attachée à une barre de défilement et l'autre à un menu. Une liaison peut être attachée à n'importe quel élément de XUL. Si vous utilisez des classes CSS, vous pouvez utiliser autant de liaisons que vous avez besoin. Notez l'espace de nommage de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code> dans le modèle ci-dessus. Il déclare que nous sommes en train d'utiliser une syntaxe XBL.</p> -<p>Vous assignez une liaison à un élément en déclarant la propriété CSS <a href="/fr/CSS/-moz-binding" title="fr/CSS/-moz-binding">-moz-binding</a> avec l'URL des fichiers de liaisons. Par exemple :</p> -<pre>scrollbar { - -moz-binding: url('chrome://findfile/content/findfile.xml#binding1'); -} -</pre> -<p>L'URL pointe vers la liaison avec l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> 'binding1' dans le fichier '<a class=" external" rel="freelink">chrome://findfile/content/findfile.xml</a>'. La syntaxe '#binding1' est utilisée pour pointer vers une liaison spécifique, de la même façon que si vous pointiez vers une ancre dans un fichier HTML. Vous mettrez habituellement toutes vos liaisons dans un seul fichier. Le résultat dans cet exemple, est que toutes les barres de défilement auront leur comportement décrit par la liaison "binding1".</p> -<p>Une liaison déclare cinq types de choses :</p> -<ol> <li>Le contenu : les éléments fils qui sont ajoutés à l'élément auquel la liaison est attachée.</li> <li>Les propriétés : les propriétés ajoutées à l'élément. Elles sont accessibles par un script.</li> <li>Les méthodes : les méthodes ajoutées à l'élément. Elles peuvent être appelées à partir d'un script.</li> <li>Les événements : les événements, comme les clics de souris et les appuis sur les touches auxquels l'élément répondra. La liaison peut ajouter des scripts pour fournir la manipulation par défaut. En plus de cela, de nouveaux événements peuvent être définis.</li> <li>Le style : adapte les propriétés de style que l'élément XBL possède.</li> -</ol> -<h3 id="Exemple_de_liaison" name="Exemple_de_liaison">Exemple de liaison</h3> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code> est suffisamment générique pour que vous l'utilisiez afin de créer des éléments graphiques personnalisés (bien que vous puissiez utiliser d'autres éléments, même un élément composé par vous-même). En assignant un attribut <code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code> à une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code>, vous associez une liaison aux boîtes qui possèdent cette classe. L'exemple suivant le démontre :</p> -<pre class="eval"><strong>XUL (example.xul):</strong> - -<?xml version="1.0"?> -<?xml-stylesheet href="<a class=" external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> -<?xml-stylesheet href="<a class=" external" rel="freelink">chrome://example/skin/example.css</a>" type="text/css"?> - -<window - xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> - <box class="okcancelbuttons"/> -</window> - -<strong>CSS (example.css):</strong> - -box.okcancelbuttons { - -moz-binding: url('<a class=" external" rel="freelink">chrome://example/skin/example.xml#okcancel'</a>); -} - -<strong>XBL (example.xml):</strong> - -<?xml version="1.0"?> -<bindings xmlns="<span class="nowiki">http://www.mozilla.org/xbl</span>" - xmlns:xul="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> - <binding id="okcancel"> - <content> - <xul:button label="OK"/> - <xul:button label="Annuler"/> - </content> - </binding> -</bindings> -</pre> -<p>Cet exemple crée une fenêtre avec une seule boîte. La boîte a été déclarée pour avoir un attribut <code>class</code> de valeur 'okcancelbuttons'. La feuille de styles associée au fichier indique que les boîtes avec les classes 'okcancelbuttons' ont une liaison spécialisée, définie dans le fichier XBL. Vous pouvez employer d'autres éléments derrière l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code>, même pour votre propre balise adaptée.</p> -<p>Nous verrons plus de détails concernant la partie XBL dans la section suivante. Cependant, pour récapituler, cet exemple entraîne l'ajout automatique de deux boutons dans la boîte, un bouton 'Ok' et un autre 'Annuler'.</p> -<hr> -<p>Dans la prochaine section, nous verrons comment créer un contenu avec XBL.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Les_fichiers_de_propriétés" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Contenu_anonyme">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/l'url_chrome/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/l'url_chrome/index.html deleted file mode 100644 index 603447d0d8..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/l'url_chrome/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: L'URL Chrome -slug: Archive/Mozilla/XUL/Tutoriel_XUL/L'URL_Chrome -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/The_Chrome_URL ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/La_structure_XUL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_fichiers_manifest">Suivant »</a></p> -</div> -<p>Cette section décrit comment faire référence à des documents XUL et d'autres fichiers chrome.</p> -<h3 id="L.27URL_Chrome" name="L.27URL_Chrome">L'URL Chrome</h3> -<p>Les fichiers XUL peuvent être référencés par une URL HTTP habituelle tout comme les fichiers HTML (ou tout autre type d'URL). En revanche, les paquetages qui sont installés sur le système chrome de Mozilla doivent être référencés avec des URLs spéciales appelées « chrome ». Les paquetages livrés avec Mozilla seront déjà installés mais vous pouvez déclarer les votres.</p> -<p>Les paquetages installés ont l'avantage de ne pas avoir de restrictions de sécurité, ce qui est nécessaire pour de nombreuses applications. Un autre avantage comparé aux autres types d'URLs est qu'ils manipulent automatiquement les thèmes graphiques (<abbr title="Note du Traducteur">NdT</abbr> : skins) et les localisations (<abbr title="Note du Traducteur">NdT</abbr> : locales). Par exemple, une URL chrome vous permet d'adresser un fichier dans le thème, comme une image, sans avoir besoin de connaître le thème utilisé par l'utilisateur. Tant que les noms de fichiers sont identiques dans chaque thème, vous pouvez vous y faire référence via une URL chrome. Mozilla déterminera où le fichier est situé et renverra la bonne donnée. Cela signifie aussi que l'emplacement où le paquetage est installé n'est pas important pour être capable d'y accéder. Les URLs chrome sont indépendantes du lieu où les fichiers sont stockés physiquement. Il est donc simple d'écrire des applications contenant beaucoup de fichiers sans vous soucier des détails concernant leurs chemins d'accès.</p> -<p>La syntaxe de base d'une URL chrome est la suivante :</p> -<pre class="eval">chrome://<em><paquetage></em>/<em><partie></em>/<em><fichier.xul></em> -</pre> -<p>Le texte <code><paquetage></code> est le nom du paquetage, tel que messenger ou editor. Le texte <code><partie></code> vaut soit 'content', soit 'skin', soit 'locale', selon la partie que vous voulez. <code><fichier.xul></code> est simplement le nom du fichier.</p> -<p><strong>Exemple :</strong> <a class="external" rel="freelink">chrome://messenger/content/messenger.xul</a></p> -<p>Ici, l'exemple se réfère à la fenêtre de messagerie. Vous pouvez pointer vers un fichier qui fait partie d'un thème en remplaçant 'content' par 'skin' et en changeant le nom du fichier. De même, vous pouvez pointer vers un fichier qui fait partie de la localisation en utilisant 'locale' au lieu de 'content'.</p> -<p>Quand vous ouvrez une URL chrome, Mozilla consulte sa liste de paquetages installés et essaie de trouver le fichier JAR qui correspond au nom et à la partie recherchés. Le lien entre des URLs et des fichiers JAR est précisé dans les fichiers manifest situés dans le répertoire chrome. Si vous déplaciez le fichier messenger.jar autre part et que vous modifiez le fichier manifest en conséquence, Thunderbird fonctionnerait encore puisque ce fichier n'est pas dépendant de l'emplacement de son installation. En utilisant des URLs chrome, ce genre de détails est secondaire pour Mozilla. De même, si les utilisateurs changent leur thème graphique, la partie 'skin' de l'URL chrome va pointer vers une autre série de fichiers sans que le XUL et les scripts en soient affectés.</p> -<p>Voici quelques exemples. Notez qu'aucunes URLs ne précisent un thème, une langue ou bien des répertoires spécifiques.</p> -<pre class="eval"><a class="external" rel="freelink">chrome://messenger/content/messenger.xul</a> -<a class="external" rel="freelink">chrome://messenger/content/attach.js</a> -<a class="external" rel="freelink">chrome://messenger/skin/icons/images/folder-inbox.gif</a> -<a class="external" rel="freelink">chrome://messenger/locale/messenger.dtd</a> -</pre> -<p>Pour des sous-répertoires, vous pouvez simplement les ajouter à la fin des URLs chrome. Les URLs suivantes font référence à la fenêtre des marque-pages, aussi bien pour la suite Mozilla que pour Firefox, puisque les noms des paquetages sont différents :</p> -<pre class="eval"><a class="external" rel="freelink">chrome://communicator/content/bookma...rksManager.xul</a> (Mozilla) -<a class="external" rel="freelink">chrome://browser/content/bookmarks/b...rksManager.xul</a> (Firefox) -</pre> -<p>Vous pouvez entrer des URLs chrome partout où des URLs normales peuvent être utilisées. Vous pouvez même les entrer directement dans la barre d'adresse d'une fenêtre du navigateur Mozilla. Si vous entrez une des URLs mentionnées ci-dessus dans la barre d'adresse du navigateur, vous devriez voir cette fenêtre apparaître comme une page Web le ferait et, dans la plupart des cas, elle sera fonctionnelle comme si elle était dans une fenêtre séparée. Cependant, quelques boîtes de dialogue pourraient ne pas bien fonctionner, si elles nécessitent des arguments fournis par la fenêtre qui les a ouvertes.</p> -<p>Vous pourriez voir également des URLs chrome sans noms de fichiers spécifiés, tel que :</p> -<pre class="eval"><a class="external" rel="freelink">chrome://navigator/content/</a> -</pre> -<p>Dans le cas présent, seul le nom du paquetage et la partie sont spécifiés. Ce type de référence sélectionnera automatiquement un fichier approprié depuis le bon répertoire. Pour le contenu, un fichier avec le même nom que le paquetage et une extension xul sont choisis. Dans l'exemple ci-dessus, le fichier browser.xul est choisi. Pour messenger, messenger.xul serait sélectionné. Lorsque vous créez vos propres applications, vous devriez créer un fichier pour votre fenêtre principale avec le même nom que votre paquetage. Ainsi, elle pourra être appelée en utilisant cette syntaxe plus courte. C'est commode car alors, tout ce qu'a besoin de connaître un utilisateur pour pouvoir ouvrir l'application, c'est le nom du paquetage. Bien sûr, pour les extensions qui modifient l'interface du navigateur, l'utilisateur n'aura pas besoin de connaître l'URL car l'extension sera présente elle-même dans l'interface utilisateur.</p> -<p>Pour un thème, le fichier <em><paquetage></em>.css est choisi ; pour une localisation, le fichier <em><paquetage></em>.dtd est choisi.</p> -<p>Souvenez-vous, l'URL chrome n'est pas dépendante à un emplacement sur le disque. Les deux premières pièces sont le nom du paquetage et la partie ('content', 'skin', ou 'locale'). Bien qu'il soit courant de mettre les fichiers de contenu dans un répertoire appelé 'content', c'est une simple convention, et ces fichiers peuvent être placés dans une structure totalement différente.</p> -<hr> -<p>Dans la section suivante, nous verrons comment créer des fichiers .manifest et des paquetages.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/La_structure_XUL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_fichiers_manifest">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/la_structure_xul/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/la_structure_xul/index.html deleted file mode 100644 index 30da6fedbc..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/la_structure_xul/index.html +++ /dev/null @@ -1,158 +0,0 @@ ---- -title: La structure XUL -slug: Archive/Mozilla/XUL/Tutoriel_XUL/La_structure_XUL -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/XUL_Structure ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Introduction" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/L'URL_Chrome">Suivant »</a></p> -</div> - -<p>Nous commencerons par regarder comment le système de fichiers de XUL est organisé sous Mozilla.</p> - -<h3 id="Comment_XUL_est_g.C3.A9r.C3.A9" name="Comment_XUL_est_g.C3.A9r.C3.A9">Comment XUL est géré</h3> - -<p>Dans Mozilla, XUL est géré pratiquement de la même manière que du HTML ou d'autres types de contenu. Lorsque vous entrez l'URL d'une page HTML dans le champs de saisie d'adresse du navigateur, ce dernier localise le site Web et télécharge le contenu. Le moteur d'affichage de Mozilla traite le contenu du code source HTML, et le transforme en un arbre de document. L'arbre est alors converti en un ensemble d'objets qui peuvent être affichés sur l'écran. Des styles <a href="/fr/CSS" title="fr/CSS">CSS</a>, des images et d'autres technologies sont utilisés pour contrôler la présentation. XUL fonctionne de la même manière.</p> - -<p>En fait, sous Mozilla, tous les types de documents, qu'il soit HTML ou XUL, ou même <a href="/fr/SVG" title="fr/SVG">SVG</a>, sont tous traités par le même code sous-jacent. Cela signifie que les mêmes propriétés CSS peuvent être utilisées pour styler à la fois du XUL et du HTML, et beaucoup de spécificités peuvent être partagées entre les deux. Cependant, quelques fonctionnalités restent spécifiques au HTML, comme les formulaires, et d'autres restent spécifiques au XUL, comme les <a href="/fr/Tutoriel_XUL/Overlays" title="fr/Tutoriel_XUL/Overlays">overlays</a>. Puisque les fichiers XUL et HTML sont traités de la même manière, vous pouvez les charger à partir du système de fichiers local, d'une page Web, d'une extension, ou d'une application autonome <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a>.</p> - -<p>Les contenus provenant de sources distantes, comme par exemple <code><span class="nowiki">http://localhost/~username/</span></code>, qu'ils soient en HTML, XUL ou tout autre type de document, sont limités dans les opérations qu'ils peuvent réaliser pour des raisons de sécurité. C'est pour cela que Mozilla fournit une méthode pour installer localement du contenu et de l'enregistrer dans son système <strong><a href="/fr/Chrome" title="fr/Chrome">chrome</a></strong>. Une adresse URL spéciale <code>chrome://</code> est alors employée. Les fichiers ouverts depuis une adresse chrome reçoivent des privilèges plus élevés pour accéder aux fichiers locaux, ils peuvent accéder aux préférences et aux marque-pages, et réaliser d'autres opérations nécessitant certains privilèges. Bien entendu, les pages Web ne disposent pas de ces privilèges, à moins qu'ells soient signées avec un certificat numérique et que l'utilisateur ait obtenu un accès pour cela.</p> - -<p>La déclaration de paquetage chrome est la méthode par laquelle les extensions de Firefox ajoutent des fonctionnalités au navigateur. Les extensions sont de petits paquetages de fichiers XUL, Javascript, feuilles de styles et images, rassemblés en un seul fichier. Ce fichier peut être créé en utilisant un outil ZIP. Quand l'utilisateur le télécharge, il est installé sur sa machine. Il sera intégré dans le navigateur en utilisant une fonctionnalité spécifique appelée <a href="/fr/Overlays_XUL" title="fr/Overlays_XUL">overlay</a>, qui permet au XUL de l'extension et au XUL du navigateur de se combiner ensemble. Pour l'utilisateur, c'est comme si l'extension avait modifié le navigateur, mais en réalité, le code est séparé et l'extension peut être désinstallée facilement.</p> - -<p>Les paquetages déclarés ne sont pas nécessaires pour utiliser les overlays, bien sûr. Si ils ne le sont pas, vous ne pourrez pas y accéder via l'interface principale du navigateur, mais vous pourrez toujours y accéder depuis une URL chrome, si vous la connaissez.</p> - -<p>Des applications XUL autonomes peuvent également employer du code XUL inclus de façon similaire, mais il fera partie intégrante de l'application plutôt que de devoir être installé séparément comme une extension. Cependant, ce code XUL devra être déclaré dans le système chrome pour pouvoir s'afficher dans l'interface utilisateur de l'application.</p> - -<p>Il faut savoir que le navigateur Mozilla lui même regroupe en réalité toute une série de paquetages contenant des fichiers XUL, du JavaScript et des feuilles de styles. Ces fichiers sont ouverts depuis une URL chrome et ils ont des privilèges accrus et fonctionnent comme dans tous autres paquetages. Bien sûr, le navigateur est bien plus conséquent et plus sophistiqué que la plupart des extensions. Firefox et Thunderbird contiennent de nombreux composants qui sont tous écris en XUL et qui sont tous acceesibles via des URLs chrome. Vous pouvez examiner ces paquetages en parcourant le sous répertoire chrome où Firefox ou une application XUL a été installé.</p> - -<p>L'URL chrome commence toujours par 'chrome://'. De la même manière que les URLs <span class="nowiki">'http://'</span> réfèrent toujours aux sites Web distants, et que les URL 'file://' réfèrent toujours aux fichiers locaux, les URL 'chrome://' réfèrent toujours aux paquetages installés et aux extensions. Nous en verrons plus sur la syntaxe des URL chrome dans la prochaine section. Il est important de noter que lorsque l'on accède à du contenu depuis une URL chrome, il obtient les privilèges avancés tel que décrit plus haut contrairement aux autres types d'URL. Par exemple, une URL HTTP n'a pas de privilèges particuliers et une erreur apparaîtrait si une page Web essaie, par exemple, de lire un fichier local, alors qu'un fichier chargé depuis une URL chrome pourra lire des fichiers sans restrictions.</p> - -<p>Cette distinction est importante. Elle signifie qu'il y a certaines choses que le contenu des pages Web ne peut pas faire, comme lire les marque-pages de l'utilisateur. Cette distinction n'est pas basée sur le type du contenu affiché ; seul le type de l'URL est important. HTML et XUL placés sur un site Web n'ont pas de permissions supplémentaires. Mais HTML et XUL chargés avec une URL chrome obtiennent des permissions avancées.</p> - -<p>Si vous désirez utiliser XUL sur un site Web, il vous suffit de mettre les fichiers XUL sur le site Web comme vous le feriez avec un fichier HTML, et indiquer leurs URLs dans un navigateur (<code><span class="nowiki">http://localhost/xul.php</span></code>). Assurez vous que votre serveur Web est configuré pour transmettre les fichiers XUL avec le type mime <strong><code>application/vnd.mozilla.xul+xml</code></strong> (par ex en PHP <code>header('content-type: application/vnd.mozilla.xul+xml');</code>). Ce type mime permet à Mozilla de faire la différence entre HTML et XUL. Mozilla ne tient pas compte de l'extension du fichier sauf pour lire les fichiers locaux, mais vous devriez utiliser l'extension <code>.xul</code> pour tous les fichiers XUL. Vous pouvez ouvrir les fichiers XUL sur votre propre machine en les ouvrant dans le navigateur, ou en double cliquant sur le fichier dans votre gestionnaire de fichiers.</p> - -<div class="note">Souvenez vous que les fichiers XUL distants ont des restrictions significatives sur ce qu'ils peuvent faire.</div> - -<h3 id="Type_de_documents.C2.A0_HTML_XML_XUL_CSS" name="Type_de_documents.C2.A0:_HTML_XML_XUL_CSS">Type de documents : HTML XML XUL CSS</h3> - -<p>Tandis que la plupart des fonctionnalités sont partagées entre HTML et XUL, Mozilla utilise différents types de document pour chacun d'eux. Il y a trois principaux types de document dans Mozilla : HTML, XML et XUL. Bien entendu, le type HTML est utilisé pour les documents HTML, le type XUL est utilisé pour les documents XUL, et le type XML est utilisé pour les autres documents en XML. Puisque XUL est aussi du XML, il correspond à un sous-type du type générique XML. Il y a de subtiles différences dans les fonctionnalités. Par exemple, alors que les contrôles de formulaire dans les pages HTML sont accessibles via la propriété <code>document.forms</code>, cette propriété n'est pas disponible pour les documents XUL puisque XUL n'a pas de formulaire dans le sens HTML du terme. D'un autre coté, les fonctionnalités spécifiques de XUL comme les overlays ou les gabarits ne sont utilisables que dans les documents XUL.</p> - -<p>La distinction entre les documents est importante. Certaines fonctionnalités XUL sont utilisables dans des documents HTML ou XML si elles ne sont pas spécifiques au type de document mais d'autres seront liées au type du document. Par exemple, vous pourrez vous servir des types de mise en page XUL dans d'autres documents car ils ne reposent pas sur le type de document pour fonctionner.</p> - -<p>Pour résumer les points précédents :</p> - -<ul> - <li>Mozilla affiche <a href="/fr/HTML" title="fr/HTML">HTML</a> et <a href="/fr/XUL" title="fr/XUL">XUL</a> en utilisant le même moteur de rendu et utilise <a href="/fr/CSS" title="fr/CSS">CSS</a> pour spécifier leur présentation.</li> - <li>XUL peut être chargé à partir d'un site distant, du système de fichiers local, ou installé comme un paquetage en étant accessible par une URL <a href="/fr/Chrome" title="fr/Chrome">chrome</a>. C'est ce que font les extensions du navigateur.</li> - <li>Les URLs chrome servent à accéder aux paquetages installés en les ouvrant avec des privilèges avancés.</li> - <li>HTML, XML et XUL représentent chacun un type différent de document. Certaines fonctionnalités peuvent être utilisées dans n'importe quel type de document tandis que d'autres sont spécifiques à un type de document.</li> -</ul> - -<p>Les prochaines sections décrivent la structure de base d'un paquetage chrome qui peut être installé dans Mozilla. Cependant, si vous voulez seulement démarrer la création d'une simple application, rendez vous directement sur la page <a href="/fr/Tutoriel_XUL/Créer_une_fenêtre" title="fr/Tutoriel_XUL/Créer_une_fenêtre">Créer une fenêtre</a> et revenez sur cette section plus tard.</p> - -<h3 id="Organisation_d.27un_paquetage" name="Organisation_d.27un_paquetage">Organisation d'un paquetage</h3> - -<p>Mozilla est conçu de telle manière que vous pouvez pré-installer autant de composants que vous le souhaitez. Chaque extension est également un composant muni d'une adresse chrome différente. Il y a également un composant par thèmes graphiques ou langues. Chacun de ces composants, ou paquetages, est constitué d'un ensemble de fichiers décrivant l'interface utilisateur. Par exemple, le composant de messagerie décrit la fenêtre listant les messages des courriers, la fenêtre de rédaction et les boîtes de dialogues du carnet d'adresses.</p> - -<p>Les paquetages inclus dans Mozilla sont situés dans le répertoire chrome situé dans le répertoire d'installation de Mozilla. Ce répertoire chrome est l'endroit où sont situés tous les fichiers qui décrivent l'interface utilisateur employée par Mozilla, tels que le client de messagerie et d'autres applications. Typiquement pour une application, vous placerez vos fichiers XUL dans ce répertoire, sauf pour les extensions où les fichiers sont placés dans le répertoire extensions du profil utilisateur. La simple copie d'un fichier XUL dans le répertoire 'chrome' ne lui donne pas de droits supplémentaires et ne le rend pas accessible depuis une URL chrome. Pour que des droits supplémentaires lui soit attribués, vous devrez créer un fichier manifest et le placez dans le répertoire chrome. Ce fichier est facile à créer car il n'est composé que de quelques lignes. Il sert orienter une URL chrome vers l'emplacement d'un fichier ou d'un répertoire sur le disque où les fichiers XUL sont situés. Vous trouverez plus de détails sur la manière de créer ce fichier dans <a href="/fr/Tutoriel_XUL/Les_fichiers_manifest" title="fr/Tutoriel_XUL/Les_fichiers_manifest">une prochaine section</a>.</p> - -<p>La seule manière pour du contenu d'être accessible depuis une URL chrome est de créer un paquetage comme décrit dans les prochaines sections. Ce répertoire est nommé 'chrome' en référence aux répertoires où sont placés les paquetages chrome de Mozilla.</p> - -<p>Pour augmenter la confusion, il y a deux autres endroits où le mot "chrome" peut apparaître. Il y a l'argument en ligne de commande <code>-chrome</code> et le modificateur "chrome" de la fonction <code><a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a></code>. L'appel à l'une de ces deux fonctionnalités n'autorise pas plus de privilèges. Elles sont plutôt utilisées pour ouvrir une nouvelle fenêtre principale sans l'interface utilisateur du navigateur comme les menus ou la barre d'outils. Vous utiliserez en général ces caractéristiques dans des applications XUL plus complexes lorsque vous ne voulez pas de fenêtre de navigation autour de vos boîtes de dialogue.</p> - -<p>Les fichiers d'un paquetage sont généralement combinés dans un simple fichier JAR. Un fichier JAR peut être créé et examiné en utilisant un utilitaire ZIP. Par exemple, ouvrez quelques uns des fichiers JAR du répertoire <code>chrome</code> de Mozilla pour voir la structure de leurs paquetages. Bien qu'il soit normal de combiner les fichiers dans un fichier JAR, les paquetages peuvent également être accessibles dans une forme décompressée à l'intérieur d'un ensemble de répertoire. Généralement, vous ne distribuerez pas un paquetage de cette façon, mais c'est une méthode pratique pendant le développement puisque vous pouvez éditer les fichiers du répertoire et ensuite les recharger sans avoir à ré-empaqueter ou réinstaller l'ensemble.</p> - -<p>Par défaut, les applications Mozilla analysent les fichiers XUL et les scripts, et mémorisent une version pré-compilée dans une session de l'application afin d'améliorer les performances. De ce fait, les fichiers XUL ne seront pas rechargés même si les fichiers sources ont été modifiés. Pour modifier ce mécanisme, il est nécessaire de modifier la préférence <code>nglayout.debug.disable_xul_cache</code>. Dans Firefox, cette préférence doit être ajoutée et définie à 'true' dans les préférences de l'utilisateur en tapant "about:config" dans la barre d'adresse. Vous pouvez aussi éditer manuellement le fichier des préférences <code>user.js</code> et y ajouter la ligne suivante :</p> - -<pre class="eval">pref("nglayout.debug.disable_xul_cache", true); -</pre> - -<p>Il y a habituellement trois parties différentes dans un paquetage chrome, bien qu'elles soient facultatives. Chaque partie est enregistrée dans un répertoire différent. Ces trois ensembles décris en dessous sont le contenu, le thème graphique et la localisation. Un paquetage particulier pourrait fournir un ou plusieurs thèmes et localisations, mais un utilisateur peut les remplacer par les siens. De plus, un paquetage peut inclure plusieurs applications différentes, chacune accessible via des URLs chrome différentes. Le système de paquetage est suffisamment souple pour n'inclure que les parties dont vous avez besoin, et permettre le téléchargement séparé d'autres parties, comme le texte pour les différentes langues.</p> - -<p>Les trois types de paquetages chrome sont :</p> - -<p> </p> - -<dl> - <dt><strong>Content</strong> - Fenêtres et scripts</dt> - <dd>Contient les déclarations des fenêtres et des éléments d'interface utilisateur. Ceux-ci sont stockés dans les fichiers XUL, qui ont l'extension xul. Il peut y avoir plusieurs fichiers XUL, mais la fenêtre principale devrait toujours avoir un nom de fichier identique au nom du paquetage. Par exemple, le paquetage editor contiendra un fichier appelé <code>editor.xul</code>. Les scripts (<abbr title="Note du Traducteur">NdT</abbr> : javascript) sont placés dans des fichiers séparés à côté des fichiers XUL.</dd> - <dt><strong>Skin</strong> - feuilles de style, images et autres fichiers de thèmes</dt> - <dd>Les feuilles de style décrivent des détails de l'aspect d'une fenêtre. Elles sont stockées séparément des fichiers XUL pour faciliter la modification du thème d'une application. Toutes les images utilisées sont également stockées ici.</dd> - <dt><strong>Locale</strong> - fichiers spécifiques de langues</dt> - <dd>Tous les textes qui sont affichés dans une fenêtre sont stockés séparément. De cette façon, un utilisateur peut avoir une configuration pour sa propre langue.</dd> -</dl> - -<h3 id="Paquetages_de_contenu" name="Paquetages_de_contenu">Paquetages de contenu</h3> - -<p>Le nom du fichier JAR devrait décrire ce qu'il contient, mais vous pouvez vous en assurer en regardant son contenu. Examinons par exemple le paquetage du navigateur inclus avec Firefox. Si vous décompressez les fichiers de <code>browser.jar</code>, vous verrez qu'ils forment une structure de répertoire ressemblant à :</p> - -<pre>content - browser - browser.xul - browser.js - --d'autres fichiers XUL et JS ici-- - bookmarks - --les fichiers pour les marque-pages ici-- - preferences - --les fichiers pour les préférences ici-- -. -. -.</pre> - -<p>On peut facilement identifier cela comme le contenu d'un paquetage, car le dossier supérieur s'appelle <code>content</code>. Pour les thèmes, le dossier aurait été appelé <code>skin</code> et pour les localisations, il aurait été appelé <code>locale</code>. En fait, ce n'est pas une obligation mais vous devriez suivre cette convention pour rendre votre paquetage plus clair. Certains paquetages peuvent inclure une section <em>content</em>, <em>skin</em> et <em>locale</em>. Dans ces paquetages, vous trouverez un sous-répertoire pour chaque section. Par exemple, Chatzilla est distribué de cette manière.</p> - -<p>Le dossier <code>content/browser</code> contient un certain nombre de fichiers avec les extensions <code>.xul</code> et <code>.js</code>. Les fichiers XUL sont ceux qui ont une extension <code>.xul</code>. Les fichiers avec l'extension <code>.js</code> sont des fichiers de JavaScript contenant les scripts qui gèrent les fonctionnalités d'une fenêtre. Beaucoup de fichiers XUL ont un ou plusieurs fichiers de script qui leur est associé.</p> - -<p>Dans la liste ci-dessus, deux fichiers ont été montrés. Il y en a évidemment d'autres, mais qui n'apparaissent pas pour des raisons de simplicité. Le fichier <code>browser.xul</code> est le fichier XUL qui décrit la fenêtre principale du navigateur. La fenêtre principale du contenu d'un paquetage devrait toujours porter le même nom que le nom du paquetage, avec une extension <code>.xul</code>. Dans ce cas, le paquetage étant nommé 'browser', le fichier sera <code>browser.xul</code>. D'autres fichiers XUL vont décrire des fenêtres différentes, comme par exemple le fichier <code>pageInfo.xul</code> qui décrit la boîte de dialogue 'Information sur la page'.</p> - -<p>Tous les paquetages contiennent un fichier <code>contents.rdf</code> qui décrit le paquetage, son auteur et les overlays qu'il utilise. Ce fichier est cependant devenu obsolète et a été remplacé par une mécanisme plus simple. Cette nouvelle méthode est le fichier manifest mentionné précédemment, et vous trouverez ce fichier dans le répertoire chrome avec une extension <code>.manifest</code>. Par exemple, <code>browser.manifest</code> décrit le paquetage browser.</p> - -<p>Plusieurs sous-répertoires, tels que <code>bookmarks</code> et <code>preferences</code>, décrivent des sections complémentaires au composant du navigateur. Ils sont placés dans des répertoires différents pour une meilleure organisation des fichiers.</p> - -<h3 id="Styles_et_th.C3.A8mes_graphiques" name="Styles_et_th.C3.A8mes_graphiques">Styles et thèmes graphiques</h3> - -<p>Bien que le code sous-jacent de Mozilla les appelle <em>skins</em> et que l'interface utilisateur les appelle <em>thèmes</em>, ils désignent la même chose. Le fichier <code>classic.jar</code> décrit le thème graphique inclus par défaut avec Firefox. La structure est semblable aux paquetages de contenu. Examinons par exemple le fichier <code>classic.jar</code> :</p> - -<pre>skin - classic - browser - browser.css - -- les autres fichiers thèmes du navigateur sont ici -- - global - -- les fichiers thèmes globaux sont ici -- -. -. -.</pre> - -<p>Ici encore, le respect de cette structure de répertoires n'est pas nécessaire, mais elle est conventionnelle. En réalité, vous pouvez mettre les fichiers dans un seul répertoire de niveau supérieur sans aucun sous-répertoire. Cependant, pour des applications plus importantes, des sous-répertoires servent à séparer les différents composants. Dans l'exemple précédent, un répertoire est dédié aux fichiers du thème graphique du navigateur et un autre pour les fichiers du thème global. Le répertoire global contient les fichiers de styles applicables à tous les paquetages. Ces fichiers s'appliquent à tous les composants et seront inclus à toutes vos applications autonomes. La partie globale définit l'apparence de tous les éléments graphiques communs, tandis que les autres répertoires contiennent les fichiers propres à ces applications. Firefox inclut à la fois les fichiers du thème graphique global et du navigateur dans une seule archive, mais ils pourraient être inclus séparément.</p> - -<p>Un thème se compose de fichiers CSS et d'un certain nombre d'images utilisés pour définir l'aspect d'une interface. Le fichier <code>browser.css</code> est utilisé par <code>browser.xul</code> et contient les styles pour définir l'apparence des différences parties de l'interface du navigateur. À nouveau, notez le nom du fichier <code>browser.css</code>, qui a le même nom que le paquetage. En changeant de fichier CSS, vous pouvez modifier l'apparence d'une fenêtre sans changer son fonctionnement. C'est ainsi que vous pouvez créer un nouveau thème. La partie XUL est toujours la même, mais la partie contenant le thème peut varier indépendamment.</p> - -<h3 id="Localisation" name="Localisation">Localisation</h3> - -<p>Le fichier <code>en-US.jar</code> décrit l'information de langage pour chaque composant, dans le cas présent pour l'anglais des États-Unis. Comme pour les thèmes, chaque fichier de langue contient les fichiers qui indiquent le texte utilisé par le paquetage pour une langue spécifique. La structure de 'locale' étant similaire aux autres, elle ne sera pas listée ici.</p> - -<p>Le texte localisé est stocké dans deux types de fichiers, des fichiers DTD et des fichiers de propriétés. Les fichiers DTD ont une extension <code>.dtd</code> et contiennent les déclarations d'entités, une pour chaque chaîne de caractères qui est utilisée dans une fenêtre. Par exemple, le fichier <code>browser.dtd</code> contient des déclarations d'entités pour chaque commande du menu. En outre, des raccourcis clavier pour chaque commandes sont également définis, parce qu'ils peuvent être différents selon la langue. Les fichiers DTD sont utilisés par des fichiers XUL, et donc en général, vous en aurez un par fichier XUL. La partie 'locale' contient également des fichiers de propriétés qui sont similaires, mais qui sont utilisés par les fichiers de script. Le fichier <code>browser.properties</code> contient quelques chaînes de caractères de ce type.</p> - -<p>Cette structure vous permet de traduire Mozilla ou un composant dans une langue différente en ajoutant juste une nouvelle partie 'locale' pour cette langue. Vous n'avez pas à modifier le code XUL. De plus, d'autres personnes peuvent fournir des paquetages séparés qui appliquent des thèmes ou des localisations à votre partie contenu, apportant ainsi un nouveau thème ou une nouvelle langue sans avoir à modifier le paquetage original.</p> - -<h3 id="Autres_paquetages" name="Autres_paquetages">Autres paquetages</h3> - -<p>Il existe un paquetage spécial appelé toolkit (ou global). Nous avions déjà vu le répertoire global pour des thèmes. Le fichier <code>toolkit.jar</code> contient la partie du contenu lui correspondant. Il contient quelques boîtes de dialogues et définitions globales. Il définit également l'aspect par défaut et les fonctionnalités des divers éléments graphiques tels que des champs de saisie et des boutons. Les fichiers situés dans la partie globale de l'archive du thème contiennent l'apparence par défaut de tous les éléments XUL d'interface. Le paquetage toolkit est utilisé par toutes les applications XUL.</p> - -<h3 id="Ajouter_un_paquetage" name="Ajouter_un_paquetage">Ajouter un paquetage</h3> - -<p>Mozilla place dans le répertoire <code>chrome</code> les paquetages qui sont inclus avec l'installation, mais il n'y a pas d'obligation à cela. Lors de l'installation d'un autre paquetage, vous pouvez le placer n'importe où sur le disque dès lors que son fichier manifest pointe vers lui. Il est commun d'installer les nouveaux paquetages dans le répertoire <code>chrome</code> simplement par convenance. Cependant ils fonctionneront aussi bien à partir d'un autre répertoire, ou de quelque part sur votre réseau local. Vous ne pouvez pas les placer sur un site distant, à moins que le site distant soit monté sur le système de fichiers local.</p> - -<p>Il y a deux répertoires <code>chrome</code> utilisés par les applications XUL : l'un est au même emplacement que l'application, l'autre fait partie du profil utilisateur. Le premier permet aux paquetages d'être partagés à tous les utilisateurs tandis que le second permet un accès aux paquetages à un utilisateur spécifique. Les extensions qui sont installées dans un répertoire extension séparé ne sont également accessibles qu'à un utilisateur spécifique. Chaque fichiers manifest situés dans l'un ou l'autre des répertoires chrome seront examinés pour voir quels paquetages sont installés.</p> - -<hr> -<p>Dans la prochaine section, nous regarderons comment se référer aux paquetages en utilisant les URL chrome.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Introduction" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/L'URL_Chrome">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/le_modèle_de_boîte/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/le_modèle_de_boîte/index.html deleted file mode 100644 index 0075e90f94..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/le_modèle_de_boîte/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title: Le modèle de boîte -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Le_modèle_de_boîte -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/The_Box_Model ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Plus_de_caractéristiques_sur_les_boutons" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Positionnement_des_éléments">Suivant »</a></p> -</div> - -<p>Dans cette section, nous allons voir comment XUL gère la mise en page.</p> - -<h3 id="Introduction_aux_bo.C3.AEtes" name="Introduction_aux_bo.C3.AEtes">Introduction aux boîtes</h3> - -<p>La forme principale de mise en page dans XUL s'appelle le « Modèle de Boîte ». Ce modèle vous permet de diviser une fenêtre en une série de boîtes. Les éléments à l'intérieur d'une boîte se placeront horizontalement ou verticalement. En combinant une série de boîtes, d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> et d'éléments avec des attributs <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, vous pouvez contrôler la mise en page d'une fenêtre.</p> - -<p>Bien qu'une boîte soit la partie fondamentale de la disposition d'éléments dans XUL, elle suit quelques règles très simples. Une boîte peut présenter ses enfants dans une des deux orientations, soit horizontalement, soit verticalement. Une boîte horizontale aligne ses éléments horizontalement et une boîte verticale place ses éléments verticalement. Vous pouvez vous représenter une boîte comme étant une rangée ou une colonne d'un tableau HTML. Divers attributs placés sur les éléments enfants, en plus de certaines propriétés de style CSS, contrôlent la position et la taille exactes des enfants.</p> - -<h4 id=".C3.89l.C3.A9ments_de_bo.C3.AEte" name=".C3.89l.C3.A9ments_de_bo.C3.AEte">Éléments de boîte</h4> - -<p>La syntaxe de base d'une boîte est la suivante :</p> - -<pre><hbox> - <!-- éléments horizontaux --> -</hbox> - -<vbox> - <!-- éléments verticaux --> -</vbox> -</pre> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> est utilisé pour créer une boîte orientée horizontalement. Chaque élément placé dans la <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> sera placé horizontalement sur une rangée. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code> est utilisé pour créer une boîte orientée verticalement. Les éléments ajoutés seront placés les uns en dessous des autres en colonne.</p> - -<p>Il existe également un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code> générique qui s'oriente horizontalement par défaut, ce qui veut dire qu'il est similaire à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code>. Cependant, vous pouvez utiliser l'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> pour contrôler l'orientation dans la boîte. Vous pouvez positionner cet attribut à la valeur 'horizontal' pour créer une boîte horizontale et à la valeur 'vertical' pour créer une boîte verticale.</p> - -<p>Ainsi, les deux lignes ci-dessous sont équivalentes :</p> - -<pre><vbox></vbox> - -<box orient="vertical"></box> -</pre> - -<p>L'exemple suivant montre comment placer trois boutons verticalement.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxes_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxes_1.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_boxes-ex1.png" class="internal" src="/@api/deki/files/1498/=Xultu_boxes-ex1.png"></div> - -<pre><vbox> - <button id="yes" label="Oui"/> - <button id="no" label="Non"/> - <button id="maybe" label="Peut-être"/> -</vbox> -</pre> - -<p>Ces trois boutons sont orientés verticalement comme le spécifie la boîte. Pour faire en sorte que les boutons soient orientés horizontalement, tout ce que vous avez à faire est de remplacer l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code> par l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code>.</p> - -<h4 id="Exemple_d.27invite_de_login" name="Exemple_d.27invite_de_login">Exemple d'invite de login</h4> - -<p>Vous pouvez ajouter autant d'éléments que vous le souhaitez à l'intérieur de la boîte, y compris d'autres boîtes. Dans le cas d'une boîte horizontale, chaque élément additionnel sera placé à la droite du précédent. Les éléments ne se chevauchent pas, donc plus vous ajoutez d'éléments, plus large est la fenêtre. De même, chaque élément ajouté dans une boîte verticale sera placé sous le précédent. L'exemple ci-dessous montre une simple demande de login :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxes_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxes_2.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_boxes-ex2.png" class="internal" src="/@api/deki/files/1499/=Xultu_boxes-ex2.png"></div> - -<pre><vbox> - <hbox> - <label control="login" value="Login :"/> - <textbox id="login"/> - </hbox> - <hbox> - <label control="pass" value="Mot de passe :"/> - <textbox id="pass"/> - </hbox> - <button id="ok" label="OK"/> - <button id="cancel" label="Annuler"/> -</vbox> -</pre> - -<p>Ici quatre éléments ont été orientés verticalement, deux balises <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> internes et deux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/button" title="button">button</a></code>. Notez que seuls les éléments qui sont des descendants directs de la boîte sont orientés verticalement. Les libellés et les boîtes de texte sont à l'intérieur d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code>, donc ils sont orientés suivant ces boîtes, lesquelles sont horizontales. Vous pouvez voir sur l'image que chaque libellé et leur champ de saisie est orienté horizontalement.</p> - -<h4 id="Alignement_des_champs_de_saisie" name="Alignement_des_champs_de_saisie">Alignement des champs de saisie</h4> - -<p>Si vous regardez attentivement l'image de la boîte de dialogue de login, vous verrez que les deux champs de saisie ne sont pas alignés horizontalement. Ce serait certainement mieux s'ils l'étaient. Pour y parvenir, nous devons ajouter quelques boîtes supplémentaires.</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxes_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxes_3.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_boxes-ex3.png" class="internal" src="/@api/deki/files/1500/=Xultu_boxes-ex3.png"></div> - -<pre><vbox> - <hbox> - <vbox> - <label control="login" value="Login :"/> - <label control="pass" value="Mot de passe :"/> - </vbox> - <vbox> - <textbox id="login"/> - <textbox id="pass"/> - </vbox> - </hbox> - <button id="ok" label="OK"/> - <button id="cancel" label="Annuler"/> -</vbox> -</pre> - -<p>Notez que les champs de saisie sont maintenant alignés l'un avec l'autre. Pour cela, il nous a fallu ajouter des boîtes à l'intérieur de la boîte principale. Les deux libellés et les champs de saisie sont placés à l'intérieur d'une boîte horizontale. Ensuite, les libellés sont placés à l'intérieur d'une autre boîte, une verticale cette fois, de même que les champs de saisie. C'est cette boîte interne qui oriente verticalement les éléments. La boîte horizontale est nécessaire puisque nous voulons que la <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code> des libellés et que la <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code> des champs de saisie soient placées l'une à côté de l'autre. Si cette boîte était enlevée, les champs de saisie apparaîtraient sous les libellés.</p> - -<p>L'ennui est que le libellé « Mot de passe » est désormais trop haut. Il nous faudra utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/grid" title="grid">grid</a></code> pour résoudre ce phénomène, ce que nous verrons dans <a href="/fr/Tutoriel_XUL/Grilles" title="fr/Tutoriel_XUL/Grilles">une prochaine section</a>.</p> - -<div class="highlight"> -<h3 id="Des_bo.C3.AEtes_dans_la_bo.C3.AEte_de_dialogue_de_recherche_de_fichiers" name="Des_bo.C3.AEtes_dans_la_bo.C3.AEte_de_dialogue_de_recherche_de_fichiers">Des boîtes dans la boîte de dialogue de recherche de fichiers</h3> - -<p>Ajoutons quelques boîtes à la boîte de dialogue de recherche de fichiers. Une boîte verticale sera ajoutée autour de tous les éléments, et une boîte horizontale sera ajoutée autour du champ de saisie et des boutons. Le résultat sera que les boutons apparaîtront sous le champ de saisie.</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-boxes.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-boxes.xul">Voir</a></p> - -<pre class="eval"><span class="highlightred"><vbox flex="1"> <description> Entrez votre critère de recherche ci-dessous et sélectionnez le bouton Rechercher pour démarrer la recherche. </description> <hbox></span> - <label value="Rechercher :" control="find-text"/> - <textbox id="find-text"/> - <span class="highlightred"></hbox> <hbox> <spacer flex="1"/></span> - - <button id="find-button" label="Rechercher"/> - <button id="cancel-button" label="Annuler"/> - <span class="highlightred"></hbox> </vbox></span> -</pre> - -<div class="float-right"><img alt="Image:xultu_boxes1.png" class="internal" src="/@api/deki/files/1501/=Xultu_boxes1.png"></div> - -<p>La boîte verticale entraîne l'orientation verticale du texte principal, de la boîte contenant le champ de saisie ainsi que de la boîte avec les deux boutons. Les boîtes internes orientent leurs éléments horizontalement. Comme vous pouvez le voir sur l'image, le libellé et le champ de saisie de texte sont placés côte à côte. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> et les deux boutons sont aussi placés horizontalement dans leur boîte.</p> - -<div class="note">Notez que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code>, parce qu'il est flexible, force les boutons à apparaître sur le côté droit.</div> -</div> - -<hr> -<p>Dans la prochaîne section, nous verrons comment spécifier les tailles des éléments individuellement et comment contraindre leurs tailles.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Plus_de_caractéristiques_sur_les_boutons" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Positionnement_des_éléments">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_boîtes_de_groupe/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_boîtes_de_groupe/index.html deleted file mode 100644 index bba6701791..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_boîtes_de_groupe/index.html +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: Les boîtes de groupe -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_boîtes_de_groupe -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Groupboxes ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Détails_sur_le_modèle_de_boîte" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajouter_plus_d'éléments">Suivant »</a></p> -</div> - -<p>Cette section décrit la façon d'inclure des éléments dans des groupes.</p> - -<h3 id="Les_bo.C3.AEtes_de_groupes" name="Les_bo.C3.AEtes_de_groupes">Les boîtes de groupes</h3> - -<p>HTML fournit un élément, <code>fieldset</code>, qui peut être utilisé pour regrouper plusieurs éléments. Une bordure est affichée autour des éléments pour montrer qu'ils sont en relation. Un exemple pourrait être un groupe de cases à cocher. XUL fournit un élément équivalent, <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code>, qui peut être utilisé pour un usage similaire.</p> - -<p>Comme son nom l'indique, <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code> est un type de boîte. Ce qui signifie que les éléments à l'intérieur sont alignés selon l'application des règles des boîtes. Il y a deux différences entre les boîtes de groupes et les boîtes normales :</p> - -<ul> - <li>Une bordure incrustée est affichée par défaut autour de la boîte. Vous pouvez changer ce comportement en changeant le style CSS.</li> - <li>Les boîtes de groupe ont une légende qui est placée sur la partie haute de la bordure.</li> -</ul> - -<p>Puisque les boîtes de groupe sont des types de boîtes, vous pouvez utiliser les mêmes attributs tels que <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> et <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>. Vous pouvez mettre tous les éléments que vous voulez à l'intérieur de la boîte, mais il devra typiquement y avoir un rapport entre eux.</p> - -<p>Le libellé en haut de la boîte de groupe peut être créé en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code>. Il fonctionne comme l'élément HTML <code>legend</code>. Un simple élément <code><a href="/fr/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code> placé en tant que première balise fille est suffisant.</p> - -<h4 id="Un_simple_exemple_groupbox" name="Un_simple_exemple_groupbox">Un simple exemple groupbox</h4> - -<p>L'exemple ci-dessous montre un <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code> simple :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_titledbox_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_titledbox_1.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_titledbox1.png" class="internal" src="/@api/deki/files/1560/=Xultu_titledbox1.png"></div> - -<pre><groupbox> - <caption label="Réponse"/> - <description value="Banane"/> - <description value="Mandarine"/> - <description value="Cabine téléphonique"/> - <description value="Kiwi"/> -</groupbox> -</pre> - -<p>Cet exemple affiche quatre bouts de texte entourés par la boîte avec le libellé <em>Réponse</em>. Notez que la boîte de groupe a une orientation verticale par défaut nécessaire pour avoir les éléments texte empilés en une seule colonne.</p> - -<h4 id="L.C3.A9gendes_plus_complexes" name="L.C3.A9gendes_plus_complexes">Légendes plus complexes</h4> - -<p>Vous pouvez aussi ajouter des éléments fils à l'interieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code> pour créer une légende plus complexe. Par exemple, le panneau de préférence des polices de caractères de mozilla utilise un liste déroulante comme légende. Bien que vous puissiez utiliser n'importe quel contenu, vous utiliserez la plupart du temps une case à cocher ou une liste déroulante.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_titledbox_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_titledbox_2.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_groupbox2.png" class="internal" src="/@api/deki/files/1522/=Xultu_groupbox2.png"></div> - -<pre><groupbox flex="1"> - <caption> - <checkbox label="Activer la sauvegarde"/> - </caption> - <hbox> - <label control="dir" value="Répertoire :"/> - <textbox id="dir" flex="1"/> - </hbox> - <checkbox label="Compresser les fichiers archivés"/> -</groupbox> -</pre> - -<p>Dans cet exemple, <a href="/fr/Tutoriel_XUL/Les_champs_de_saisie#Les_cases_.C3.A0_cocher_et_les_boutons_radio" title="fr/Tutoriel_XUL/Les_champs_de_saisie#Les_cases_.C3.A0_cocher_et_les_boutons_radio">une case à cocher</a> a été utilisée comme légende. Nous devons utiliser un script pour activer et désactiver le contenu de la boîte de groupe, quand la case est cochée ou décochée. La boîte de groupe contient une boîte horizontale avec un libellé et un champ de saisie. Ces deux éléments sont flexibles donc le champ de saisie s'agrandit quand la fenêtre s'agrandit. La case à cocher supplémentaire apparait en dessous du champ de saisie à cause de l'orientation verticale de la boîte de groupe. Nous ajouterons une boîte de groupe à notre exemple de recherche de fichiers dans la prochaine section.</p> - -<h3 id="Les_groupes_de_boutons_radio" name="Les_groupes_de_boutons_radio">Les groupes de boutons radio</h3> - -<p>Vous pouvez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> pour regrouper des éléments boutons radios. <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> est un type de boîte. Vous pouvez y mettre n'importe quel élément, et à part le comportement spécial sur les boutons radios, il fonctionne comme n'importe quelle autre boîte.</p> - -<p>Tous les boutons radios placés à l'intérieur d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> seront groupés ensemble, même s'ils sont à l'intérieur de boîtes imbriquées. Ce fonctionnement est utilisé pour ajouter des éléments supplémentaires à l'intérieur de la structure, comme dans l'exemple suivant :</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_titledbox_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_titledbox_3.xul">Voir</a></p> - -<pre><radiogroup> - <radio id="no" value="no" label="Pas de nombre"/> - <radio id="random" value="random" label="Nombre aléatoire"/> - <hbox> - <radio id="specify" value="specify" label="Nombre spécifique :"/> - <textbox id="specificnumber"/> - </hbox> -</radiogroup> -</pre> - -<div class="note">Notez que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> n'a pas de bordure. Vous devez placer un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code> autour si vous voulez une bordure et une légende.</div> - -<hr> -<p>Maintenant, nous allons utiliser tout ce que nous avons appris pour ajouter des éléments supplémentaires dans la boîte de dialogue de recherche de fichiers.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Détails_sur_le_modèle_de_boîte" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajouter_plus_d'éléments">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_champs_de_saisie/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_champs_de_saisie/index.html deleted file mode 100644 index 6b2501c9fc..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_champs_de_saisie/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Les champs de saisie -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_champs_de_saisie -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Input_Controls ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_libellés_et_des_images" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_contrôles_numériques">Suivant »</a></p> -</div> - -<p> </p> - -<p>XUL possède des éléments qui sont similaires aux champs <a href="/fr/DOM/form" title="fr/DOM/form">des formulaires</a> HTML.</p> - -<h3 id="Les_champs_de_saisie_de_texte" name="Les_champs_de_saisie_de_texte">Les champs de saisie de texte</h3> - -<p>Le HTML possède une balise <code>input</code> pouvant être utilisée comme champ de saisie de texte. XUL possède un élément similaire, <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>, utilisé comme champ de saisie de texte. Sans aucun attribut, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> crée une boîte dans laquelle l'utilisateur peut entrer du texte. Les boîtes de texte acceptent plusieurs attributs similaires à la balise <code>input</code> de l'HTML. En voici quelques uns :</p> - -<dl> - <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> - <dd>Un identifiant unique permettant d'identifier la boîte de texte.</dd> - <dt><code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code> </dt> - <dd>La classe du style de la boîte de texte.</dd> - <dt><code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> </dt> - <dd>Si vous voulez donner une valeur par défaut à la boîte de texte, renseignez l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>.</dd> - <dt><code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> </dt> - <dd>Mettez la valeur 'true' pour empêcher l'insertion de texte.</dd> - <dt><code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> </dt> - <dd>Vous pouvez renseigner cet attribut avec la valeur spéciale 'password' pour créer une boîte de texte dans laquelle tout ce qui est saisi est caché. Il est utilisé habituellement pour les champs de saisie de mot de passe.</dd> - <dt><code id="a-maxlength"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxlength">maxlength</a></code> </dt> - <dd>Le nombre maximum de caractères que l'on peut saisir dans la boîte de texte.</dd> -</dl> - -<div class="note">Notez que, tandis qu'en HTML différentes sortes de champs peuvent être créées avec l'élément <code>input</code>, il y a un élément différent pour chaque type de champs en XUL.</div> - -<p>L'exemple suivant montre quelques boîtes de texte :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_inputs_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_inputs_1.xul">Voir</a></p> - -<pre><label control="some-text" value="Entrez du texte"/> -<textbox id="some-text"/> -<label control="some-password" value="Entrez un mot de passe"/> -<textbox id="some-password" type="password" maxlength="8"/> -</pre> - -<h4 id="Bo.C3.AEte_de_texte_multiligne" name="Bo.C3.AEte_de_texte_multiligne">Boîte de texte multiligne</h4> - -<p>Les exemples de boîtes de texte ci-dessus créent des champs de saisie qui ne peuvent être utilisés que pour la saisie d'une seule ligne de texte. Le HTML possède aussi un élément <code>textarea</code> pour créer une zone de saisie plus grande. Dans XUL, vous pouvez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> de la même façon -- deux éléments distincts ne sont pas nécessaires. Si vous mettez l'attribut <code id="a-multiline"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/multiline">multiline</a></code> à la valeur 'true', le champ de saisie de texte affichera plusieurs lignes.</p> - -<p>Par exemple :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_inputs_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_inputs_2.xul">Voir</a></p> - -<pre><textbox multiline="true" - value="Voici du texte qui pourrait s'étaler sur plusieurs lignes."/> -</pre> - -<p>Comme avec la balise <code>textarea</code> du HTML, vous pouvez utiliser les attributs <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> et <code id="a-cols"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/cols">cols</a></code> pour définir la taille. Ils vous permettent d'ajuster le nombre de lignes et de colonnes de caractères à afficher.</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h4> - -<p>Maintenant, ajoutons un champ de saisie de recherche à la boîte de dialogue de recherche de fichiers. Nous allons utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>.</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-inputs.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-inputs.xul">Voir</a></p> - -<pre class="eval"><span class="highlightred"><label value="Chercher :" control="find-text"/></span> -<span class="highlightred"><textbox id="find-text"/></span> - -<button id="find-button" label="Rechercher"/> -</pre> - -<div class="float-right"><img alt="Image:xultu_inputs1.png" class="internal" src="/@api/deki/files/1525/=Xultu_inputs1.png"></div> - -<p>Ajoutez ces lignes avant les boutons que nous avons créés dans la section précédente. Si vous ouvrez cette fenêtre, vous verrez quelque chose ressemblant à l'image ci-dessous.</p> -Notez que le libellé et le champ de saisie de texte sont maintenant apparus dans la fenêtre. La boîte de texte est complètement fonctionnelle et vous pouvez taper et sélectionner du texte dedans. Notez aussi que l'attribut <code id="a-control"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/control">control</a></code> a été utilisé. Ainsi, le champ de saisie est sélectionnée lorsque l'on clique sur son libellé.</div> - -<h3 id="Les_cases_.C3.A0_cocher_et_les_boutons_radio" name="Les_cases_.C3.A0_cocher_et_les_boutons_radio">Les cases à cocher et les boutons radio</h3> - -<p>Deux éléments supplémentaires sont utilisés pour la création des cases à cocher et des boutons radio. Ce sont des variantes de boutons. La case à cocher est utilisée pour des options qui peuvent être activées ou désactivées. Les boutons radio peuvent être utilisés dans un but similaire quand il y a un ensemble de boutons où un seul d'entre eux peut-être sélectionné à la fois.</p> - -<p>Vous pouvez employer la plupart des attributs des boutons avec les cases à cocher et les boutons radio. L'exemple ci-dessous montre des cases à cocher et boutons radio simples.</p> - -<pre><checkbox id="case-sensitive" checked="true" label="Sensible à la casse"/> -<radio id="orange" label="Orange"/> -<radio id="violet" selected="true" label="Violet"/> -<radio id="yellow" label="Jaune"/> -</pre> - -<p>La première ligne crée une simple case à cocher. Quand l'utilisateur clique sur la case à cocher, son état coché et décoché s'inverse. L'attribut <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code> peut être utilisé pour indiquer l'état par défaut. Il vous faudra l'initialiser soit à 'true', soit à 'false'. L'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> peut être utilisé pour ajouter un libellé qui apparaitra à côté de la case à cocher. Pour les boutons radio, vous utiliserez l'attribut <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> à la place de l'attribut <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code>. Initialisez le à 'true' pour avoir un bouton radio sélectionné par défaut, ou ne le mettez pas pour les autres boutons radio.</p> - -<h4 id=".C3.89lement_radiogroup" name=".C3.89lement_radiogroup">Élement <code>radiogroup</code></h4> - -<p>Pour grouper des boutons radio ensemble, vous devez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code>. Un seul bouton radio peut-être sélectionné dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code>. Cliquez sur l'un deux désélectionnera tous les autres du même groupe. C'est ce que démontre l'exemple suivant.</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_inputs_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_inputs_3.xul">Voir</a></p> - -<pre><radiogroup> - <radio id="orange" label="Orange"/> - <radio id="violet" selected="true" label="Violet"/> - <radio id="Jaune" label="Jaune"/> -</radiogroup> -</pre> - -<h4 id="Attributs" name="Attributs">Attributs</h4> - -<p>Comme pour les boutons, les cases à cocher et les boutons radio sont constitués d'un libellé et d'une image, où l'image change en fonction de l'état coché ou décoché. Les cases à cocher ont certains attributs communs aux boutons :</p> - -<dl> - <dt><code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> </dt> - <dd>Le libellé de la case à cocher ou du bouton radio.</dd> - <dt><code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> </dt> - <dd>Mettez la valeur à 'true' ou à 'false' pour désactiver ou activer la case à cocher ou le bouton radio.</dd> - <dt><code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> </dt> - <dd>La touche clavier pouvant être utilisée comme raccourci pour sélectionner l'élément. La lettre spécifiée est habituellement soulignée dans le libellé.</dd> -</dl> - -<hr> -<p>Dans la prochaine section, nous allons voir quelques éléments pour la création de boîtes de listes.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Ajouter_des_libellés_et_des_images" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_contrôles_numériques">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_contrôles_de_listes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_contrôles_de_listes/index.html deleted file mode 100644 index 3a5349caa9..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_contrôles_de_listes/index.html +++ /dev/null @@ -1,134 +0,0 @@ ---- -title: Les contrôles de listes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_contrôles_de_listes -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/List_Controls ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_contrôles_numériques" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Indicateurs_de_progression">Suivant »</a></p> -</div> -<p>XUL dispose de nombreux types d'éléments pour créer des boîtes de listes.</p> -<h3 id="Zones_de_listes" name="Zones_de_listes">Zones de listes</h3> -<p>Une zone de liste est utilisée pour afficher un nombre d'items dans une liste. L'utilisateur doit pouvoir choisir un des item de la liste.</p> -<p>XUL propose deux types d'éléments pour créer des listes, un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> pour créer des zones de liste multi-lignes, et un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> pour créer des zones de listes déroulantes. Ils fonctionnent de la même manière que l'élément <code>select</code> du langage HTML qui réalise ces deux fonctions, mais les élements XUL ont plus de fonctionnalités.</p> -<p>La zone de liste la plus simple utilise l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> pour créer la boîte, et l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> pour chacun des items. Par exemple, cette zone de liste a quatre lignes, une pour chaque item.</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_1.xul">Voir</a></p> -<pre><listbox> - <listitem label="Beurre de cacahuète"/> - <listitem label="Chocolat à tartiner"/> - <listitem label="Confiture de fraise"/> - <listitem label="Crême chantilly"/> -</listbox> -</pre> -<div class="float-right"> - <img alt="Image:xultu_list1.png" class="internal" src="/@api/deki/files/1527/=Xultu_list1.png"></div> -<p>À l'instar de la balise <code>option</code> du langage HTML, vous pouvez assigner une valeur à chaque item en utilisant l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. Vous pouvez ensuite utiliser cette valeur dans un script. Par défaut, la zone de liste ajustera sa taille à son contenu, mais vous pouvez contrôler sa taille avec l'attribut <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code>. Affectez lui le nombre de lignes que vous souhaitez voir apparaître dans la zone de liste. Un ascenseur apparaîtra pour permettre à l'utilisateur d'afficher les lignes supplémentaires.</p> -<p>L'exemple suivant montre ces fonctionnalités supplémentaires :</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_2.xul">Voir</a></p> -<pre><listbox rows="3"> - <listitem label="Beurre de cacahuète" value="becacah"/> - <listitem label="Chocolat à tartiner" value="chotart"/> - <listitem label="Confiture de fraise" value="confraise"/> - <listitem label="Creme chantilly" value="crchant"/> -</listbox> -</pre> -<p>L'exemple a été modifié pour n'afficher que 3 lignes à la fois. Des valeurs ont également été ajoutées à chaque item de la liste. Les zones de liste ont beaucoup d'autres fonctionnalités qui seront décrites plus tard.</p> -<h3 id="Bo.C3.AEte_de_liste_multi-colonnes" name="Bo.C3.AEte_de_liste_multi-colonnes">Boîte de liste multi-colonnes</h3> -<p>Les boîtes de liste supportent également les colonnes multiples. Chaque cellule peut avoir un contenu arbitraire bien qu'il s'agisse souvent seulement de texte. Quand un utilisateur sélectionne un item dans la liste, la ligne entière est sélectionnée. Il n'est pas possible de sélectionner une seule cellule.</p> -<p>Deux balises sont utilisées pour spécifier les colonnes dans une boîte de liste. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listcols" title="listcols">listcols</a></code> est utilisé pour contenir l'information sur les colonnes, chacune d'elles est spécifiée en utilisant un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listcol" title="listcol">listcol</a></code> Vous aurez besoin d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listcol" title="listcol">listcol</a></code> pour chaque colonne de la liste.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code> doit être utilisé pour chaque cellule dans une ligne. Si vous voulez avoir trois colonnes, vous aurez besoin d'ajouter trois éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code> à l'intérieur de chaque <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code>. Pour spécifier le contenu d'un texte de la cellule, placez un attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> sur cet élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code>. Dans le cas simple où il n'y a qu'une seule colonne, vous pouvez aussi placer l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> directement sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> et omettre complètement les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code>, comme cela a été montré dans les exemples de listes précédents.</p> -<p>L'exemple suivant est une boîte de liste de deux colonnes et trois lignes.</p> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_3.xul">Voir</a></p> -<pre><listbox> - <listcols> - <listcol/> - <listcol/> - </listcols> - <listitem> - <listcell label="George"/> - <listcell label="Peintre en bâtiment"/> - </listitem> - <listitem> - <listcell label="Mary Ellen"/> - <listcell label="Fabriquant de bougies"/> - </listitem> - <listitem> - <listcell label="Roger"/> - <listcell label="Bravache"/> - </listitem> -</listbox> -</pre> -<h3 id="Lignes_d.27en-t.C3.AAte" name="Lignes_d.27en-t.C3.AAte">Lignes d'en-tête</h3> -<p>Les boîtes de liste permettent également l'utilisation d'une ligne d'en-tête spéciale. Elle n'est rien d'autre qu'une ligne normale, sauf qu'elle est affichée différemment. Elle servira à créer des en-têtes de colonnes grâce à deux nouveaux éléments.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listhead" title="listhead">listhead</a></code> est utilisé pour définir la ligne d'en-tête, comme l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code> est utilisé pour définir une ligne normale. La ligne d'en-tête n'est toutefois pas une ligne normale, ainsi un script permettant de lire la première ligne d'une boîte de liste ne tiendra pas compte de cette ligne d'en-tête.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listheader" title="listheader">listheader</a></code> est utilisé pour chaque cellule de l'en-tête. Utilisez l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> pour définir le libellé de la cellule d'en-tête.</p> -<p>Voici l'exemple précédent avec une ligne d'en-tête :</p> -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_4.xul">Voir</a></p> -<pre><listbox> - - <listhead> - <listheader label="Nom"/> - <listheader label="Activité"/> - </listhead> - - <listcols> - <listcol/> - <listcol flex="1"/> - </listcols> - - <listitem> - <listcell label="George"/> - <listcell label="Peintre en bâtiment"/> - </listitem> - <listitem> - <listcell label="Mary Ellen"/> - <listcell label="Fabriquant de bougies"/> - </listitem> - <listitem> - <listcell label="Roger"/> - <listcell label="Bravache"/> - </listitem> - -</listbox> -</pre> -<div class="float-right"> - <img alt="Image:xultu_lists_3.png" class="internal" src="/@api/deki/files/1529/=Xultu_lists_3.png"></div> -<p>Dans cet exemple, l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> est utilisé pour rendre la colonne flexible. Cet attribut sera décrit dans une section ultérieure, mais ici, il permet à la colonne de remplir tout l'espace disponible horizontalement. Vous pouvez retailler la fenêtre pour voir que la colonne s'adapte en même temps que la fenêtre. Si vous diminuez la taille horizontalement, les libellés sur les cellules seront raccourcis automatiquement, en affichant des points de suite. Vous pouvez utiliser l'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> sur les cellules ou sur les items, avec une valeur 'none' pour désactiver cette coupure.</p> -<h3 id="Zones_de_listes_d.C3.A9roulantes" name="Zones_de_listes_d.C3.A9roulantes">Zones de listes déroulantes</h3> -<p>Des listes déroulantes peuvent être créées en HTML avec la balise <code>select</code>. L'utilisateur ne voit qu'un unique choix dans une boîte de texte et doit cliquer sur une flèche ou un bouton similaire à côté de la boîte de texte pour changer la sélection. Les autres choix apparaitront alors dans une fenêtre surgissante. XUL dispose de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> qui peut servir à cet usage. Il est formé d'une boîte de texte avec un bouton à son côté. Son nom a été choisi parce qu'il propose un menu surgissant pour le choix.</p> -<p>Trois éléments sont nécessaires pour former une liste déroulante. Le premier est l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> qui crée la boîte de texte avec son bouton à côté. Le second, <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>, crée la fenêtre surgissante qui apparaît lorsque le bouton est cliqué. Le troisième, <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>, crée les choix individuels.</p> -<p>Cette syntaxe est mieux décrite dans l'exemple ci-dessous :</p> -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_5.xul">Voir</a></p> -<pre><menulist label="Bus"> - <menupopup> - <menuitem label="Voiture"/> - <menuitem label="Taxi"/> - <menuitem label="Bus" selected="true"/> - <menuitem label="Train"/> - </menupopup> -</menulist> -</pre> -<div class="float-right"> - <img alt="Image:xultu_list2.png" class="internal" src="/@api/deki/files/1528/=Xultu_list2.png"></div> -<p>Ce menu contient quatre choix, un pour chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>. Pour voir les choix possibles, cliquez sur le bouton flèche du menu. Lorsqu'un item est sélectionné, il apparaît comme le choix fait dans le texte du menu. L'attribut <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> est utilisé pour définir la valeur sélectionnée par défaut.</p> -<h4 id="menulist_.C3.A9ditable" name="menulist_.C3.A9ditable">menulist éditable</h4> -<p>Par défaut, vous ne pouvez sélectionner que des choix proposés dans la liste. Vous ne pouvez pas entrer votre propre sélection en la tapant au clavier. Une variante de <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> le permet. Par exemple, le champ URL du navigateur dispose d'une liste déroulante pour afficher les adresses précédemment utilisées, mais vous pouvez aussi la saisir vous même.</p> -<p>Pour créer une liste déroulante éditable, ajoutez l'attribut <code id="a-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/editable">editable</a></code> comme ceci :</p> -<p><span id="Exemple_6"><a id="Exemple_6"></a><strong>Exemple 6</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_6.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_lists_6.xul">Voir</a></p> -<pre><menulist '''editable="true"'''> - <menupopup> - <menuitem label="www.mozilla.org"/> - <menuitem label="www.xulplanet.com"/> - <menuitem label="www.dmoz.org"/> - </menupopup> -</menulist> -</pre> -<p>Le champ URL créé ici a trois adresses pré-saisies que l'utilisateur peut sélectionner ou alors il peut taper la sienne dans le champ. Le texte entré par l'utilisateur ne sera pas ajouté comme un futur choix à cette liste. Comme l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> n'a pas été utilisé dans cet exemple, sa valeur par défaut sera vide.</p> -<hr> -<p>Dans la section suivante, nous apprendrons comment ajouter des indicateurs de progression.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_contrôles_numériques" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Indicateurs_de_progression">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_contrôles_numériques/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_contrôles_numériques/index.html deleted file mode 100644 index 73c81e4d9f..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_contrôles_numériques/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: Les contrôles numériques -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_contrôles_numériques -tags: - - Firefox 3 - - Traduction_à_relire - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Numeric_Controls ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_champs_de_saisie" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_contrôles_de_listes">Suivant »</a></p> -</div> - -<p>XUL comprend deux éléments servant aux entrées de valeurs ou de plages numériques, ainsi que de deux éléments pour la saisie des dates et heures. Ces éléments ne sont disponibles que dans Firefox 3 et suivant.</p> -<h3 id="Champs_num.C3.A9rique" name="Champs_num.C3.A9rique">Champs numérique</h3> -<p>Une boîte de texte peut servir à la saisie de nombres en lui définissant un attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> avec la valeur <code>number</code>. Ce type de boîte ne peut servir que pour entrer des nombres. Tout autre caractère tapé ne sera pas accepté et sera ignoré. De plus, des flèches apparaitront à côté de la boîte de texte pour permettre à l'utilisateur de faire défiler les valeurs.</p> -<div class="float-right"> - <img alt="Image:Controlguide-textbox-number.png" class="internal" src="/@api/deki/files/1249/=Controlguide-textbox-number.png"></div> -<p>Comme avec les autres boîtes de texte, la valeur par défaut peut être définie avec l'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>. Naturellement, cette valeur doit être un nombre. Toutefois, les valeurs minimale et maximale peuvent être définies avec les attributs <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code> et <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code>. S'ils sont précisés, vous pouvez contrôler l'intervalle de valeurs permis par la boîte de texte. Si l'utilisateur tente d'entrer une valeur inférieure ou supérieure à cet intervalle, elle sera réinitialisée avec le minimum ou le maximum. Par exemple, la boîte de texte suivante a un intervalle de 1 à 20.</p> -<pre><textbox type="number" min="1" max="20"/> -</pre> -<p>Comme la valeur par défaut n'est pas définie, la boîte aura la valeur 1, la valeur minimum. L'attribut <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code> est défini à <code>1</code> pour indiquer la plus petite valeur possible, et l'attribut <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code> est défini à <code>20</code> pour indiquer la plus grande valeur possible. Si la valeur minimale n'est pas définie, elle aura une valeur par défaut de 0. La valeur maximale par défaut est la valeur spéciale <code>Infinity</code> signifiant qu'il n'y a aucune limite.</p> -<h4 id="Autres_attributs_des_champs_num.C3.A9riques" name="Autres_attributs_des_champs_num.C3.A9riques">Autres attributs des champs numériques</h4> -<p>L'attribut <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code> peut servir à spécifier de combien est modifiée la valeur lorsque les flèches sont pressées. La valeur par défaut est 1, mais une valeur différente permettra au nombre de changer d'une plus grosse valeur. L'exemple suivant effectue des écarts de multiples de 10.</p> -<pre><textbox type="number" increment="10" max="100"/> -</pre> -<p>Cette boîte de texte change par multiples de 10 de 0 à 100. Comme l'attribut <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code> n'a pas été défini, sa valeur par défaut est 0. Notez que l'utilisateur peut parfaitement entrer une autre valeur. L'attribut <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code> n'affecte que les flèches. L'utilisateur peut également incrémenter ou décrémenter la valeur en utilisant les flèches haut et bas du clavier lorsque la boîte de texte à le focus.</p> -<p>L'attribut <code id="a-decimalplaces"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/decimalplaces">decimalplaces</a></code> indique le nombre de décimales à afficher. La valeur par défaut est 0, ce qui signifie que la boîte n'affiche que des entiers. Une valeur différente permet d'afficher des nombres décimaux.</p> -<pre><textbox type="number" decimalplaces="2"/> -</pre> -<p>Dans cet exemple, deux chiffres après la virgule sont affichés. Les valeurs comportant d'autres décimales sont arrondies à 2 chiffres après la virgule.</p> -<h3 id=".C3.89chelles_de_valeurs" name=".C3.89chelles_de_valeurs">Échelles de valeurs</h3> -<p>Un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/scale" title="scale">scale</a></code> peut également être utilisé pour sélectionner une plage de valeurs. Plutôt que d'avoir une boîte de texte, un curseur glissant est utilisé. L'utilisateur peut déplacer le curseur de l'échelle pour ajuster la valeur.</p> -<div class="float-right"> - <img alt="Image:Controlguide-scale.png" class="internal" src="/@api/deki/files/1246/=Controlguide-scale.png"></div> -<p>La plupart des attributs de la boîte de texte numérique peuvent servir avec une échelle : <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code>, <code id="a-min"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min">min</a></code>, <code id="a-max"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max">max</a></code> et <code id="a-increment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/increment">increment</a></code> peuvent servir de la même façon. L'échelle de valeur n'affiche en fait aucune valeur, mais peut le faire grâce à un script. Une échelle déclenche un événement <code>change</code> à chaque fois que sa valeur est modifiée.</p> -<pre><scale value="40" min="1" max="50"/> -</pre> -<p>La valeur par défaut de cette échelle est 40, et elle a une plage comprise entre 1 et 50.</p> -<p>Une boîte de texte numérique est employée généralement lorsque la valeur est importante pour l'utilisateur, comme un champs pour saisie un nombre de jours ou la taille maximale d'un fichier. Une échelle de valeur servira plutôt lorsque la valeur n'est pas très importante, comme l'augmentation ou la diminution d'un état, par exemple pour le volume sonore ou un zoom.</p> -<p>La disposition par défaut d'une échelle est horizontale avec à gauche les valeurs les plus basses et à droite, les plus hautes. Vous pouvez toutefois modifier cette orientation avec les attributs <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> et <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>.</p> -<pre><scale orient="vertical" dir="reverse"/> -</pre> -<p>Cette échelle de valeurs s'affichera verticalement avec les valeurs les plus basses en bas, et les plus élevées en haut.</p> -<h3 id="Champs_de_saisie_de_date_et_heure" name="Champs_de_saisie_de_date_et_heure">Champs de saisie de date et heure</h3> -<p>Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/datepicker" title="datepicker">datepicker</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/timepicker" title="timepicker">timepicker</a></code> permettent à l'utilisateur d'entrer des dates et des heures. À leur utilisation, ils affichent une série de boîtes de texte numérique pour entrer chaque composants de la date et de l'heure.</p> -<pre><datepicker value="2004/3/24"/> -<timepicker value="15:30:00"/> -</pre> -<div class="float-right"> - <img alt="Image:Controlguide-timepicker.png" class="internal" src="/@api/deki/files/1253/=Controlguide-timepicker.png"></div> -<p>L'attribut <code>value</code> permet de définir la valeur par défaut ; et si cet attribut est omis, le champ sera initialisé avec la date et l'heure courante. Le format de l'attribut est exactement comme ci-dessus, c'est-à-dire que les dates sont de la forme YYY/MM/DD et les heures sont de la forme HH:MM:SS (bien que les secondes et les autres colonnes peuvent être omises).</p> -<p>Ces deux éléments garantissent que l'utilisateur a bien entré une valeur date et une heure. De cette manière, vous n'avez pas à vous soucier qu'il s'agit d'une date valide, en vérifiant que le jour n'est pas supérieur au nombre de jour dans le mois, en gérant les années bissextiles, et ainsi de suite.</p> -<p>Tandis que <code><a href="/fr/docs/Mozilla/Tech/XUL/timepicker" title="timepicker">timepicker</a></code> ne possède qu'un seul style, <code><a href="/fr/docs/Mozilla/Tech/XUL/datepicker" title="datepicker">datepicker</a></code> possède trois variations différentes. Le style par défaut affiche trois champs pour l'année, le mois et le jour. L'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> permet de choisir les deux autres. Une valeur de <code>grid</code> utilise une grille de calendrier, comme affichée dans l'image ci-dessous.</p> -<p><img alt="Image:Controlsguide-datepicker-grid.png" class="internal" src="/@api/deki/files/1260/=Controlsguide-datepicker-grid.png"></p> -<p>Vous pouvez également utiliser la valeur <code>popup</code> pour créer une combinaison des deux types. Ce type a trois champs pour entrer l'année, le mois et la date, ainsi qu'un bouton pour afficher un calendrier surgissant pour choisir un jour.</p> -<pre><datepicker type="popup"/> -</pre> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/Les_champs_de_saisie" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Les_contrôles_de_listes">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_fichiers_de_propriétés/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_fichiers_de_propriétés/index.html deleted file mode 100644 index a644660bf3..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_fichiers_de_propriétés/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: Les fichiers de propriétés -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_fichiers_de_propriétés -tags: - - Localisation - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Property_Files ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Localisation" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Introduction_à_XBL">Suivant »</a></p> -</div> -<p> </p> -<p>Dans un script, les entités ne peuvent être utilisées. On utilise alors plutôt les fichiers de propriétés.</p> -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s">Propriétés</h3> -<p>Les fichiers DTD sont adaptés à des chaînes issues d'un fichier XUL. Néanmoins, dans un script, les entités ne sont pas analysées pour être remplacées. De plus, vous pourriez souhaiter afficher un message généré par un script, sans par exemple connaître à l'avance son contenu. Les fichiers de propriétés peuvent être utilisés dans ce but.</p> -<p>Un fichier de propriétés contient une suite de chaînes de caractères. Vous trouverez les fichiers de propriétés aux côtés des fichiers DTD avec l'extension <code>.properties</code>. Les propriétés dans un de ces fichiers sont déclarées selon une structure <code>nom=valeur</code>. Un exemple est décrit ci-dessous :</p> -<pre>notFoundAlert=Aucun fichier trouvé correspondant aux critères. -deleteAlert=Cliquez sur OK pour effacer tous vos fichiers. -resultMessage=%2$S fichiers trouvés dans le répertoire %1$S. -</pre> -<p>Ici, le fichier de propriétés contient deux propriétés. Elles pourront être lues par un script et affichées.</p> -<h3 id="Stringbundles" name="Stringbundles">Stringbundles</h3> -<p>Vous pouvez écrire le code de lecture des propriétés vous-mêmes, néanmoins XUL fournit l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stringbundle" title="stringbundle">stringbundle</a></code> qui le fait pour vous. Cet élément dispose de plusieurs fonctions pouvant être utilisées pour récupérer les chaînes de caractères des fichiers de propriétés et d'autres informations de localisation. Cet élément lit le contenu des fichiers de propriétés et construit une liste de ces propriétés pour vous. Vous pouvez donc ensuite y accéder par leur nom.</p> -<pre><stringbundleset id="strbundles"> -<stringbundle id="strings" src="strings.properties"/> -</stringbundleset> -</pre> -<p>L'inclusion de cet élément permettra de lire les propriétés via le fichier 'strings.properties' dans le même répertoire que le fichier XUL. Utilisez une URL chrome pour lire un fichier de localisation. Comme pour d'autres éléments non affichables, vous devriez déclarer tous les stringbundles à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stringbundleset" title="stringbundleset">stringbundleset</a></code> pour les regrouper.</p> -<h4 id="Obtention_d.27une_cha.C3.AEne_d.27une_collection" name="Obtention_d.27une_cha.C3.AEne_d.27une_collection">Obtention d'une chaîne d'une collection</h4> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stringbundle" title="stringbundle">stringbundle</a></code> a plusieurs propriétés. La première est <code id="a-getString"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/getString">getString</a></code> pouvant être utilisée dans un script pour lire une chaîne de caractères de la collection.</p> -<pre>var strbundle = document.getElementById("strings"); -var nofilesfound=strbundle.getString("notFoundAlert"); - -alert(nofilesfound); -</pre> -<ul> <li>Cet exemple récupère tout d'abord une référence sur la collection en utilisant son id.</li> <li>Puis il recherche la chaîne de caractères 'notFoundAlert' dans le fichier de propriétés. La fonction <code>getString()</code> retourne la valeur de la chaîne ou 'null' si la chaîne n'existe pas.</li> <li>Enfin, la chaîne de caractères est affichée dans une boîte d'alerte.</li> -</ul> -<h5 id=".C3.80_propos_de_l.27obtention_d.27une_cha.C3.AEne_d.27une_collection" name=".C3.80_propos_de_l.27obtention_d.27une_cha.C3.AEne_d.27une_collection">À propos de l'obtention d'une chaîne d'une collection</h5> -<p>Si vous souhaitez utiliser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stringbundle" title="stringbundle">stringbundle</a></code> au sein d'un <overlay>, merci de faire attention. Vous devrez placer votre <code><a href="/fr/docs/Mozilla/Tech/XUL/stringbundle" title="stringbundle">stringbundle</a></code> dans un élément <window>, d'identifiant 'main-window'. Sinon, vous ne serez pas à même de récupérer les chaînes depuis votre code JavaScript, sans comprendre pourquoi. Ainsi, le code que vous auriez écrit aurait pu être :</p> -<pre><overlay id="OverLayId"> - <stringbundleset id="strbundles"> - <stringbundle id="strings" src="strings.properties"/> - </stringbundleset> -</overlay> -</pre> -<p>Il sera donc :</p> -<pre><overlay id="OverLayId"> - <window id="main-window"> - <stringbundleset id="strbundles"> - <stringbundle id="strings" src="strings.properties"/> - </stringbundleset> - </window> -</overlay> -</pre> -<h4 id="Formatage_de_texte" name="Formatage_de_texte">Formatage de texte</h4> -<p>La méthode suivante est <code>getFormattedString()</code>. Elle permet également d'obtenir avec une clef donnée une chaîne de la collection. Mais en plus, chaque occurrence de code de formatage (par ex. %S) est remplacée par chaque élément successif dans le tableau transmis.</p> -<pre>var dir = "/usr/local/document"; -var count = 10; - -var strbundle = document.getElementById("strings"); -var result = strbundle.getFormattedString("resultMessage", [ dir, count ]); - -alert(result); -</pre> -<p>Cet exemple affichera le message suivant dans une boîte d'alerte.</p> -<pre>10 fichiers trouvés dans le répertoire /usr/local/document.</pre> -<p>Vous noterez que les codes de formatage <code>%1$S</code> et <code>%2$S</code> sont utilisés, et sont remplacés par les différents membres dans le tableau. Un code de formatage %<em>n</em>$S spécifie directement la position du paramètre correspondant. Bien que l'ordre des mots soit différent dans tous les langages, l'utilisation de <code>getFormattedString()</code> permet de préciser l'ordre dans les fichiers de propriétés.</p><h3 id=".C3.89chappement_de_caract.C3.A8res_non-ASCII" name=".C3.89chappement_de_caract.C3.A8res_non-ASCII">Échappement de caractères non-ASCII</h3> -<p> </p> -<p><strong>Avant Gecko 1.8</strong></p> -<p>Bien que la plupart des langages nécessitent des caractères non-ASCII, les fichiers de propriétés doivent être écrits en n'utilisant que des caractères ASCII. Cependant, les fichiers de propriétés supportent d'autres caractères grâce à des séquences échappées de la forme : <code>\uXXXX</code> où XXXX est le code du caractère. Ainsi, si votre fichier de propriété contient des caractères non-ASCII, vous devrez le convertir au format 'échappement-unicode'. Pour faire cela, vous pouvez utiliser l'utilitaire en ligne de commande native2ascii fourni avec le kit de développement Java de Sun (JDK).</p> -<p><strong>À partir de Gecko 1.8.x (et versions ultérieures) </strong></p> -<p>Les fichiers .properties encodés en UTF-8 sont pris en charge. Vous pouvez donc utiliser des caractères non-ASCII sans avoir à les "échapper".</p> -<hr> -<p>Dans la prochaine section, nous découvrirons XBL qui peut être utilisé pour définir le comportement d'un élément.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Localisation" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Introduction_à_XBL">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_fichiers_manifest/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_fichiers_manifest/index.html deleted file mode 100644 index 50ea0d2e3e..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_fichiers_manifest/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: Les fichiers manifest -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_fichiers_manifest -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Manifest_Files ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/L'URL_Chrome" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Créer_une_fenêtre">Suivant »</a></p> -</div> -<p>Dans cette section, nous allons voir comment mettre des fichiers XUL et chrome dans un paquetage et créer les fichiers manifest associés.</p> -<h3 id="Paquetages" name="Paquetages">Paquetages</h3> -<p>Un paquetage est un ensemble de fichiers XUL et de scripts qui définissent la fonctionnalité d'une interface utilisateur. Les paquetages peuvent être installés dans Mozilla et référencés avec des URLs chrome. Un paquetage peut contenir tous les fichiers que l'on veut et peut-être découpé en sous-répertoires pour les différentes parties du paquetage. Un paquetage peut-être enregistré soit comme un répertoire ou soit comme une archive JAR.</p> -<h3 id="Les_fichiers_manifest" name="Les_fichiers_manifest">Les fichiers manifest</h3> -<p>Un fichier manifest décrit un paquetage et relie son emplacement sur le disque à son adresse URL chrome. Les fichiers manifest situés dans le répertoire chrome sont examinés au lancement d'une application Mozilla pour déterminer les paquetages installés. Cela signifie que tout ce que vous avez à faire pour installer un nouveau paquetage est d'ajouter un fichier manifest soit dans le répertoire chrome de l'application, soit dans le répertoire chrome du profil de l'utilisateur. Le second emplacement est normalement le seul utilisé puisque les permissions ne devraient pas être suffisantes pour écrire dans le répertoire de l'application.</p> -<p>Si vous voulez tester un code XUL à privilèges dans le navigateur Firefox, un simple fichier manifest contenant une seule ligne est nécessaire :</p> -<ol> - <li>Créez un nouveau répertoire quelque part. Par exemple, sur une plateforme Windows, utilisez C:\testfiles.</li> - <li>Créez un nouveau fichier <abbr title="American Standard Code for Information Interchange">ASCII</abbr> (un format UTF-8 avec BOM ne fonctionnera pas) appelé test.manifest dans le répertoire chrome. Le nom du fichier importe peu dès lors qu'il possède une extension .manifest.</li> - <li>Ajoutez la ligne suivante à ce fichier :</li> -</ol> -<pre class="eval">content tests <a class="external" rel="freelink">file:///C:/testfiles/</a> -</pre> -<p>Le chemin mentionné dans cette ligne doit pointer vers le répertoire créé plus haut. Si vous avez un doute sur la syntaxe de ce chemin, ouvrez ce répertoire dans un navigateur et copiez l'URL obtenue dans la barre d'adresse.</p> -<p>C'est fait ! Maintenant, tout ce qu'il vous reste à faire est d'ajouter des fichiers XUL dans ce nouveau répertoire, et vous serez capable de les charger en tapant une URL chrome de la forme <code><a class="external" rel="freelink">chrome://tests/content/</a><filename></code>. Bien entendu, vous devrez redémarrer votre navigateur pour les changements soient pris en compte. Si le fichier ne se charge pas, vérifiez que le chemin vers le répertoire est correct.</p> -<p>La syntaxe de base des lignes du manifest du paquetage de contenu est :</p> -<p>'content <nom_du_paquetage> <chemin_vers>'</p> -<p>Le premier mot 'content' indique qu'il s'agit d'un paquetage de contenu. Pour les thèmes graphiques, le mot serait 'skin' et pour les fichiers de langue, il serait 'locale'. Le nom du paquetage dans l'exemple ci-dessus est 'tests', donc le premier champ dans l'URL chrome est 'tests' comme dans <code><a class="external" rel="freelink">chrome://tests/content/exemple.xul</a></code>. Si le nom du paquetage était 'browser', l'URL chrome serait <code><a class="external" rel="freelink">chrome://browser/content</a></code>. Le dernier champ <chemin_vers> correspond à l'emplacement des fichiers. Il peut être soit un une URL file vers un répertoire local, soit une URL jar vers une archive JAR qui sera décrit plus tard. Vous pouvez déclarer plusieurs paquetages dan le même fichier manifest en ajoutant des lignes.</p> -<p>Le fichier browser.manifest utilisé par Firefox ressemble à ceci :</p> -<pre>content branding jar:browser.jar!/content/branding/ xpcnativewrappers=yes -content browser jar:browser.jar!/content/browser/ xpcnativewrappers=yes -overlay chrome://global/content/viewSource.xul chrome://browser/content/viewSourceOverlay.xul -overlay chrome://global/content/viewPartialSource.xul chrome://browser/content/viewSourceOverlay.xul -overlay chrome://browser/content/pageInfo.xul chrome://pippki/content/PageInfoOverlay.xul -</pre> -<p>Deux paquetages sont déclarés ici : 'branding' et 'browser'. Trois overlays sont également spécifiés pour permettre aux différents paquetages de se combiner entre eux. Les extensions font un large usage des overlays pour fusionner leurs interfaces à celle du navigateur.</p> -<p>Les deux chemins des paquetages branding et browser utilisent des URLs jar car leur contenu se trouve dans une archive. Une archive JAR peut être créée avec un utilitaire ZIP. Pour un fichier JAR situé dans un répertoire chrome, la syntaxe est assez simple :</p> -<p>jar:<nom_de_fichier.jar>!<chemin_dans_archive></p> -<p>Pour le paquetage du navigateur, l'archive est browser.jar et elle est située à côté du fichier manifest dans le répertoire chrome. Le chemin 'content/browser' spécifie le chemin à l'intérieur de l'archive où les fichier XUL sont situés. Il n'est pas nécessaire de préciser un chemin s'il n'y a aucun répertoire dans l'archive. Sur notre exemple, il y en a un puisque les fichiers du paquetage branding sont enregistrés dans un chemin différent de la même archive.</p> -<p>Pour le paquetage 'tests' créé ci-dessus, les fichiers ne sont pas empaquetés dans une archive, donc un chemin direct vers les fichiers est utilisé à la place. Cette méthode est bonne pour le développement puisque vous n'avez pas à réempaqueter tous les fichiers à chaque modification. Cependant, pour distribuer une application ou une extension, vous devriez les empaqueter dans une archive pour éviter l'installation d'une multitudes de petits fichiers.</p> -<p>La partie <code>xpcnativewrappers=yes</code> à la fin de la ligne du fichier manifest est un drapeau optionnel. En JavaScript, une page Web peut remplacer des fonctions natives avec son propre code. La présence de ce drapeau <code>xpcnativewrappers=yes</code> indique aux scripts tournant dans un contexte à privilèges de ne pas appeler ses versions remplacées, mais plutôt leurs versions natives. Sans cela, une extension pourrait tenter d'appeler ses versions modifiées et mal fonctionner, ou pire, ouvrir un trou de sécurité. Ce drapeau a été ajouté pour éviter ce genre de problème et devrait toujours être utilisé pour de nouvelles extensions, mais des anciennes extensions pourraient ne plus fonctionner sans lui. Pour plus d'informations concernant cette fonctionnalité, consultez <a href="/fr/XPCNativeWrapper" title="fr/XPCNativeWrapper">XPCNativeWrapper</a>.</p> -<h3 id="Th.C3.A8mes_graphiques_et_langues" name="Th.C3.A8mes_graphiques_et_langues">Thèmes graphiques et langues</h3> -<p>La syntaxe pour les thèmes et les langues est similaire aux paquetages de contenu, mais vous devrez préciser à quel paquetage de contenu ils s'appliquent. Par exemple :</p> -<pre>skin browser classic/1.0 jar:classic.jar!/skin/classic/browser/ -locale browser en-US jar:en-US.jar!/locale/browser/</pre> -<p>Pour cet exemple, le champ supplémentaire a été ajouté pour indiquer que le thème graphique et la langue s'applique au navigateur (browser). Le nom du thème est 'classic/1.0'. Dans le cas présent, un numéro de version est indiqué avec le nom du thème mais il est facultatif si vous développez votre propre thème. Mozilla n'effectue aucun traitement sur ce numéro qui est simplement une partie du nom du thème graphique. La langue est 'en-US'. Les adresses URLs résultant de cet exemple seront '<a class="external" rel="freelink">chrome://browser/skin</a>' et '<a class="external" rel="freelink">chrome://browser/locale</a>'. Si vous créez votre propre thème graphique ou langue, il vous suffit d'adapter ces deux lignes en conséquence.</p> -<p>Pour plus d'informations sur les thèmes graphiques, consultez <a href="/fr/Thèmes" title="fr/Thèmes">Thèmes</a>. Pour plus d'informations sur la localisation, consultez <a href="/fr/Localisation" title="fr/Localisation">Localisation</a>.</p> -<div class="highlight"> - <h3 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h3> - <p>Créons un fichier manifest pour notre boîte de dialogue de recherche de fichiers. Vous pouvez mettre ces trois types dans un même fichier. Lors de la création d'une extension, assurez vous que tous les types soient déclarés. Nous procèderons ainsi pour notre exemple. Créez un fichier findfile.manifest dans le répertoire chrome et ajoutez-y les lignes suivantes :</p> - <pre>content findfile file:///findfile/content/ -skin findfile classic/1.0 file:///findfile/skin/ -locale findfile en-US file:///findfile/locale/ -</pre> - <p>Créez les nouveaux répertoires listés ci-dessus. Peu importe où vous les créez, mais leurs emplacements doivent être indiqués dans le fichier manifest. Naturellement, vous adapterez les chemins en fonction de votre système de fichiers. Si nous voulions distribuer le paquetage, nous le placerions dans un fichier JAR en modifiant les chemins. Pour l'instant, il s'agit d'un exemple de création d'un fichier manifest et une préparation des répertoires pour les exemples à venir dans les sections suivantes.</p> - <p>Notez que les deuxièmes champs pour les lignes 'skin' et 'locale' sont 'findfile'. Elles signifient que le thème graphique et la langue modifient le paquetage 'findfile' défini à la première ligne. Les trois chemins mentionnés correspondent chacun à un sous répertoire différent. Vous devrez procéder ainsi pour séparer les fichiers de chaque catégorie.</p> -</div> -<h3 id="Installer_un_paquetage" name="Installer_un_paquetage">Installer un paquetage</h3> -<p>Pour installer une application, vous devez soit lui créer un installeur, soit l'inclure dans une autre application. La méthode dépend du type d'application que vous créez. Pour des extensions, vous devez créer un fichier d'installation <a href="/fr/Manifestes_d'installation" title="fr/Manifestes_d'installation">install.rdf</a> décrivant ce qui doit être installé, l'auteur de l'extension et avec quelles versions du navigateur ou d'autres applications elles sont compatibles. <a href="/fr/Bundles" title="fr/Bundles">Une structure de répertoires</a> bien spécifique est nécessaires car l'emplacement des fichiers des extensions est limité. Une extension est paquetagée dans un fichier <a href="/fr/XPI" title="fr/XPI">XPI</a>. XPI est le raccourci pour <a href="/fr/XPInstall" title="fr/XPInstall">XPInstall</a> utilisé par Mozilla pour l'installation de composants. Comme pour un fichier JAR, un fichier XPI n'est autre qu'un fichier ZIP avec une extension différente, donc il vous suffit de disposer d'un utilitaire ZIP pour créer ou visualiser un XPI.</p> -<p>Le gestionnaire d'extensions de Firefox gère automatique les fichiers XPI pour installer les extensions. Il est recommandé de transférer les extensions sur le <a class="link-https" href="https://addons.mozilla.org/">Mozilla Add-ons</a> où les utilisateurs pourront les retrouver. Elles peuvent être installées depuis n'importe quel site, mais la configuration par défaut devra être modifiée pour permettre d'autres sites.</p> -<p>Il est également possible d'utiliser un script d'installation écrit en JavaScript. Cela vous permet de copier des fichiers vers d'autres emplacements et de réaliser d'autres tâches de gestion de fichiers. Cependant, les extensions installées avec un script ne seront pas listées dans le gestionnaire d'extensions, et il n'existe aucune méthode automatisée pour les désinstaller. Pour cette raison, les scripts d'installation ne sont pas souvent utilisés.</p> -<p>Les applications autonomes peuvent être empaquetées en utilisant XULRunner. Ceci permet d'obtenir un fichier exécutable séparé, et l'application peut être distribuée indépendamment d'un navigateur.</p> -<p>Pour plus d'informations sur la création d'extensions, consultez la page <a href="/fr/Extensions" title="fr/Extensions">Extensions</a>. Pour plus d'informations sur XULRunner, consultez la page <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a>.</p> -<h3 id="Applications_anciennes" name="Applications_anciennes">Applications anciennes</h3> -<p>Si vous créez des applications pour des logiciels Mozilla plus anciens, c'est-à-dire précédent Firefox 1.5 ou Mozilla 1.8, le processus est un peu plus élaboré. Les explications qui suivent décrivent comment définir un paquetage pour des anciennes versions. Ce chapitre peut être omis si vous écrivez de nouvelles extensions ou applications XUL.</p> -<div class="note"> - <strong>Note :</strong> Cet ancien processus s'applique également à SeaMonkey 1.0 qui n'a pas encore adopté le format des <em>"manifest"</em>.</div> -<ol> - <li>Créez un répertoire n'importe où sur votre disque. De nombreuses personnes le placent dans un sous répertoire du répertoire chrome de Mozilla, mais ce n'est pas nécessaire. Le répertoire peut être ailleurs. Placez-y vos fichiers XUL.</li> - <li>Créez un fichier appelé contents.rdf et placez le dans ce répertoire. Copiez le texte suivant dans ce fichier contents.rdf. Ce fichier sert à identifier l'id de l'application, son nom, son auteur, sa version, etc. - <pre><?xml version="1.0"?> - -<RDF:RDF xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> - -<RDF:Seq about="urn:mozilla:package:root"> <RDF:li resource="urn:mozilla:package:<span style="color:red">monapplication</span>"/> </RDF:Seq> - -<RDF:Description about="urn:mozilla:package:<span style="color:red">monapplication</span>" chrome:displayName="<span style="color:blue">Titre de l'application</span>" chrome:author="<span style="color:blue">Nom de l'auteur</span>" chrome:name="<span style="color:red">monapplication</span>" chrome:extension="true"/> - -</RDF:RDF></pre> - </li> - <li>Modifiez les textes surlignés du fichier ci-dessus avec vos propres informations. Le texte rouge <strong>monapplication</strong> devrait être l'ID de votre application. Habituellement, l'ID est le même que le nom de votre application. Remplacez le texte en bleu avec le titre et l'auteur de votre application.</li> - <li>Si le champ 'chrome:extension' est à 'true', l'application est une extension de Mozilla Firefox qui apparaîtra dans la fenêtre des extensions du navigateur. S'il est à 'faux', elle n'apparaîtra pas.</li> - <li>Sauvegardez le fichier contents.rdf et assurez vous qu'il se trouve bien dans le répertoire que vous avez créé à l'étape 1.</li> - <li>Ouvrez le fichier <mozilla-directory>/chrome/installed-chrome.txt, où <mozilla-directory> est le répertoire dans lequel est installé Mozilla. Quittez Mozilla avant cette opération.</li> - <li>Ensuite, vous allez enregistrer la nouvelle application pour que Mozilla sache la localiser. Ajoutez une ligne à la fin du fichier installed-chrome.txt pointant vers le nouveau répertoire que vous avez créé à l'étape 1. Modifiez le texte surligné correspondant au chemin du répertoire. Assurez vous que son URL finisse par un slash, et que vous avez appuyé sur <code>Entrée</code> en fin de ligne. Si vous n'êtes pas certain de l'écriture de cette URL, ouvrez le répertoire que vous avez créé à l'étape 1 dans le navigateur Mozilla et recopiez l'URL de la barre d'adresse. Notez que la référence doit toujours être un répertoire, pas un fichier. content,install,url,<span style=""><a class="external" rel="freelink">file:///main/app/</a></span></li> - <li>Effacez le fichier <mozilla-directory>/chrome/chrome.rdf.</li> - <li>Démarrez Mozilla. Vous devriez être capable de visualiser les fichiers XUL que vous avez placé dans ce répertoire en utilisant une URL de la forme : <code>chrome://<span style="">applicationid</span>/content/file.xul</code> où file.xul est le nom du fichier. Le nom de votre fichier principal doit être applicationid.xul, et il sera automatiquement chargé depuis l'URL raccourcie <code>chrome://<span style="">applicationid</span>/content/</code>.</li> -</ol> -<p>Si vous créez des portions de skin ou de locale, répétez les étapes précédentes à l'exception du format du fichier contents.rdf qui est légèrement différent. Regardez des fichiers contents.rdf dans d'autres applications pour plus de détails.</p> -<h3 id="Probl.C3.A8mes" name="Probl.C3.A8mes">Problèmes</h3> -<p>La création de paquetage chrome peut parfois s'avérer difficile et il est difficile de diagnostiquer les problèmes. Voici quelques astuces au cas où vous bloquez.</p> -<ul> - <li>Ouvrez le fichier <mozilla-directory>/chrome/chrome.rdf. Vous devriez y trouver des références à l'ID de votre application. S'il n'y en a pas, un problème a eu lieu avec l'enregistrement chrome. S'il y en a, vous avez probablement utilisé une mauvaise URL chrome pour charger le fichier.</li> - <li>Essayez d'effacer le fichier <mozilla-directory>/chrome/chrome.rdf. Il sera recréé. Effacez également tout le répertoire <mozilla-directory>/chrome/overlayinfo/ si vous utilisez des overlays.</li> - <li>Vérifiez que l'URL dans la ligne ajoutée dans installed-chrome.txt termine par un slash et que le fichier lui même se termine par une ligne vide.</li> - <li>Sous Windows, les URLs de fichiers sont de la forme '<a class="external" rel="freelink">file:///C</a>|/rep/app/', où C est la lettre du lecteur.</li> - <li>Vérifiez que le fichier contents.rdf est dans le bon répertoire et qu'il soit bien formé. Ouvrez le dans Mozilla pour voir s'il est traité comme du XML bien formé. S'il ne l'est pas, vous verrez un erreur sur un fond jaune.</li> - <li>Si vous utilisez une version de déboggage de Mozilla, certaines informations seront affichées dans le terminal lors du démarrage. Elles indiqueront quelle application chrome a été testée. Regardez si votre application y est listée.</li> - <li>Le message d'erreur "XML Parsing Error: undefined entity" dans votre fichier XUL peut être causé par une erreur dans le manifest ou dans le fichier JAR référencé par le manifest. Par exemple, dans <code><!DOCTYPE window SYSTEM "<a class="external" rel="freelink">chrome://fireclipse/locale/fireclipse.dtd</a>"></code>, le fichier dtd doit exister et son répertoire doit être correctement adressé dans le manifest "locale" pour que le traitement du XML n'échoue pas.</li> -</ul> -<p>Pour plus d'information concernant les fichiers manifest, consultez la page <a href="/fr/Enregistrement_chrome" title="fr/Enregistrement_chrome">Enregistrement chrome</a>.</p> -<p>Dans la section suivante, nous aborderons le langage XUL.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL/L'URL_Chrome" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL/Créer_une_fenêtre">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_objets_boîtes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_objets_boîtes/index.html deleted file mode 100644 index 98826074eb..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_objets_boîtes/index.html +++ /dev/null @@ -1,159 +0,0 @@ ---- -title: Les objets boîtes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_objets_boîtes -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Box_Objects ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Manipulation_de_listes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Interfaces_XPCOM">Suivant »</a></p> -</div> - -<p>Cette section décrit l'objet boîte qui contient des informations relatives à l'affichage et à la mise en page d'une boîte XUL aussi bien que des détails sur la mise en page XUL.</p> - -<h3 id=".C3.80_propos_de_la_mise_en_page_XUL" name=".C3.80_propos_de_la_mise_en_page_XUL">À propos de la mise en page XUL</h3> - -<p>Mozilla divise son fonctionnement en deux séries d'arbres, l'arbre du contenu et l'arbre de mise en page. L'arbre de contenu stocke les nœuds trouvés tels quels dans le code source. L'arbre de mise en page contient un arbre différent des nœuds pour chaque composant individuel pouvant être affiché. L'arbre de mise en page contient la structure d'affichage des nœuds. Il n'y a pas forcément de relation directe entre le contenu et la mise en page des nœuds. Certains nœuds de contenu peuvent avoir plusieurs objets de mise en page, par exemple, chaque ligne d'un paragraphe a un objet de mise en page séparé. Réciproquement, certains nœuds de contenu n'ont aucun objet de mise en page. Par exemple, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> n'a aucun objet de mise en page puisqu'il n'est jamais affiché. De même, tout élément masqué n'aura plus d'objet de mise en page.</p> - -<p><abbr title="Document Object Model"><a href="/fr/DOM" title="fr/DOM">DOM</a></abbr> est généralement utilisé pour récupérer et modifier des informations concernant le contenu ou la structure d'un document. Il est relativement simple de déterminer quelle sorte de nœud de l'arbre sera créé pour un élément donné. Un élément XUL, par exemple, aura un type de nœud de contenu <code>XULElement</code>.</p> - -<p>Les objets de mise en page qui seront créés sont déterminés de manière plus complexe. Diverses parties d'information sont utilisées telles que le nom de la balise, les attributs d'un élément, diverses propriétés <a href="/fr/CSS" title="fr/CSS">CSS</a>, les éléments et les objets de mise en page autour de l'élément, et les liaisons <abbr title="eXtensible Binding Language">XBL</abbr> associées à un élément (les XBL seront décrites dans <a href="/fr/Tutoriel_XUL/Introduction_à_XBL" title="fr/Tutoriel_XUL/Introduction_à_XBL">une section ultérieure</a>). À moins que vous ne changiez le style d'un élément, la plupart des éléments XUL utilisent habituellement l'objet de boîte de mise en page ou un de ses sous-types. Souvenez-vous que tous les éléments XUL sont des types de boîtes, et que les boîtes sont la base de l'affichage de tous les éléments XUL. Toutefois, Il y a un certain nombre de sous-types, environ 25 ou plus, pour des éléments XUL spécifiques. Certains de ces sous-types, tels que les piles ou les boîtes de liste ont besoin d'une mise en page plus complexe qu'une simple boîte, tandis que d'autres, tels que les boutons, ne sont utilisés que pour ajouter la gestion des événements souris ou clavier.</p> - -<p>L'objet de mise en page associé à un élément peut être enlevé pour créer un objet de type complètement différent en changeant simplement la propriété <code>display</code> CSS. Par exemple, l'affectation de la valeur 'block' à la propriété <code>display</code> d'un élément bouton va effacer l'objet de mise en page et créer un objet 'block' à la place. Naturellement, ce changement modifiera l'apparence et les fonctionnalités de cet élément.</p> - -<p>Il n'est pas nécessaire de connaître les détails de la construction des objets de mise en page, mais il est quand même utile d'avoir la connaissance de comment est décrit la mise en page XUL pour aborder un développement avancé sous XUL.</p> - -<h3 id="Les_objets_de_bo.C3.AEte" name="Les_objets_de_bo.C3.AEte">Les objets de boîte</h3> - -<p>Les objets de mise en page ne peuvent pas être manipulés par les développeurs. Ils font partie des composants internes à la mise en page XUL. Toutefois, XUL fournit quelques objets d'aide, appelés objets de boîte, qui fournissent quelques informations concernant la mise en page. Comme leurs noms l'indiquent, ils sont disponibles pour tous éléments de type boîte.</p> - -<p>Il y a plusieurs sous-types d'objet boîte, bien que seul un petit nombre d'entre eux soit généralement employé. Les autres ont des fonctions plus accessibles par des méthodes liées directement à l'élément, car ces types sont généralement seulement utilisés avec un élément particulier. L'objet de boîte, ou l'interface <a class="external" href="http://www.xulplanet.com/references/objref/BoxObject.html">BoxObject</a>, toutefois, a un nombre de propriétés pouvant être utile pour le développement XUL.</p> - -<p>L'objet de boîte de base a deux fonctionnalités utiles. Premièrement, vous pouvez récupérer la position et les dimensions d'un élément XUL affiché, et deuxièmement, vous pouvez déterminer l'ordre d'affichage des éléments dans une boîte, au lieu de leurs ordres d'enregistrement dans le DOM.</p> - -<h4 id="R.C3.A9cup.C3.A9rer_la_position_et_les_dimensions" name="R.C3.A9cup.C3.A9rer_la_position_et_les_dimensions">Récupérer la position et les dimensions</h4> - -<p>L'objet de boîte fournit quatre propriétés, <code>x</code>, <code>y</code>, <code>width</code> et <code>height</code>, pour déterminer la position et les dimensions d'un élément. Les coordonnées <code>x</code> et <code>y</code> sont relatives au coin haut à gauche du document dans la fenêtre (en excluant le bord de la fenêtre et son titre). Elles sont mesurées en pixels. Les propriétés <code>width</code> et <code>height</code> sont également mesurées en pixels et retournent la largeur et la hauteur d'un élément en incluant les styles CSS <code>padding</code> et <code>border</code>, s'ils existent.</p> - -<p>Les valeurs sont toujours la position et les dimensions correspondant à l'affichage en cours, donc ces valeurs peuvent être différentes si l'élément est déplacé ou redimensionné. Par exemple, un élément flexible changera de taille et les dimensions de son objet de boîte seront mises à jour en conséquence. L'exemple suivant en offre une illustration :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_1.xul">Voir</a></p> - -<pre><button label="Cliquez ici" - oncommand="alert('La largeur est ' + this.boxObject.width);"/> -</pre> - -<p>Vous pouvez utiliser les attributs <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> et <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code> pour définir respectivement la largeur et la hauteur d'un élément. Normalement, ces attributs n'ont pas à être modifiés et l'élément ajuste ses dimensions pour s'adapter au contenu. Ainsi, la définition de ces attributs substitue les valeurs spécifiées aux dimensions par défaut. Les propriétés <code>width</code> et <code>height</code> correspondantes peuvent être employées pour ajuster les dimensions d'un élément à tout moment, si vous souhaitez afficher un élément à une dimension précise. La récupération des valeurs de ces propriétés vous donnera les dimensions explicitement indiquées. Notez que ces propriétés renverront une chaîne vide si les attributs ou propriétés <code>width</code> et <code>height</code> n'ont pas encore été initialisées. Par conséquent, vous ne pouvez pas récupérer les dimensions actuelles avec ces propriétés ; vous devrez utiliser les propriétés de l'objet de boîte à la place.</p> - -<p>Cela doit vous sembler un peu confus, mais la clef est de se souvenir que les propriétés <code>width</code> et <code>height</code> d'un élément retournent les dimensions qui ont été définies dans le fichier XUL, tandis que les propriétés <code>width</code> et <code>height</code> de l'objet de boîte retournent les dimensions courantes réelles.</p> - -<h4 id=".C3.89l.C3.A9ment_cach.C3.A9_et_r.C3.A9duit" name=".C3.89l.C3.A9ment_cach.C3.A9_et_r.C3.A9duit">Élément caché et réduit</h4> - -<p>L'attribut <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> cachera un élément de telle sorte qu'il ne sera pas affiché. Comme il n'est pas affiché, les quatre propriétés de position et de dimensions de l'objet de boîte auront une valeur '0'. Lorsqu'un élément est caché, il est supprimé de l'affichage et ses objets de mise en page sont effacés. Ainsi, comme il n'est affiché nulle part, il n'aura ni position ni dimensions.</p> - -<p>L'attribut <code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code> aura le même effet visuel sur cet élément pour l'utilisateur, excepté le fait qu'il laisse l'élément sur l'écran et conserve les objets de mise en page intacts, mais en mettant ses dimensions à '0'. Cela signifie que même si les éléments cachés et réduits ont une largeur et une hauteur de '0', les éléments cachés auront une position <code>x</code> et <code>y</code> de '0' tandis que les éléments réduits conserveront leur position dans la fenêtre.</p> - -<p>Pour rechercher ou modifier les états <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> ou <code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, utilisez leurs propriétés respectives comme dans l'exemple suivant.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_2.xul">Voir</a></p> - -<pre><script> -function showPositionAndSize() -{ - var labelbox = document.getElementById('thelabel').boxObject; - - alert("La position est (" + labelbox.x + "," + labelbox.y + - ") et les dimensions sont (" + labelbox.width + "," + - labelbox.height + ")"); -} -</script> - -<button label="Caché" - oncommand="document.getElementById('thelabel').hidden = true;"/> -<button label="Montré" - oncommand="document.getElementById('thelabel').hidden = false;"/> -<button label="Réduit" - oncommand="document.getElementById('thelabel').collapsed = true;"/> -<button label="Non réduit" - oncommand="document.getElementById('thelabel').collapsed = false;"/> -<button label="Montrer la position et les dimensions - oncommand="showPositionAndSize();"/> -<label id="thelabel" value="Je suis un libellé"/> -</pre> - -<div class="note">Notez que si vous cachez ou réduisez le libellé, il sera invisible. Vous devrez changer ses attributs <code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code> ou <code>colapsed</code> pour le voir réapparaître.</div> - -<h3 id="Ordonnancement_des_.C3.A9l.C3.A9ments_XUL" name="Ordonnancement_des_.C3.A9l.C3.A9ments_XUL">Ordonnancement des éléments XUL</h3> - -<p>L'objet de boîte peut également être employé pour déterminer l'ordre d'affichage des éléments, qui peut ne pas être le même que dans la source. Souvenez-vous que les propriétés DOM telles que <code><a href="/fr/DOM/element.childNodes" title="fr/DOM/element.childNodes">childNodes</a></code>, <code><a href="/fr/DOM/element.firstChild" title="fr/DOM/element.firstChild">firstChild</a></code> et <code><a href="/fr/DOM/element.nextSibling" title="fr/DOM/element.nextSibling">nextSibling</a></code> peuvent être utilisées pour parcourir l'arbre de document. L'objet de boîte permet de naviguer de façon similaire mais retourne les éléments dans leur ordre d'affichage.</p> - -<p>L'objet de boîte fournit plusieurs propriétés, <code>firstChild</code>, <code>lastChild</code>, <code>nextSibling</code>, <code>previousSibling</code> et <code>parentBox</code>. Leurs noms devraient vous expliquer d'eux-même leur fonctionnement. Ces propriétés renvoient des éléments, par exemple, la propriété <code>firstChild</code> renvoie le premier élément enfant affiché. Il n'y a pas de propriété <code>childNodes</code> correspondante pour naviguer entre les boîtes ; à la place, vous devez utiliser les propriétés <code>nextSibling</code> et <code>previousSibling</code> pour parcourir les frères et sœurs.</p> - -<p>Contrairement à la navigation dans l'arbre DOM, les éléments cachés ne sont pas inclus dans la navigation avec les objets de boîte. Donc, si une boîte a six enfants dont les deux premiers sont cachés, la propriété <code>firstChild</code> renverra le troisième élément. Toutefois, les éléments réduits seront inclus car ils sont affichés même sans avoir de dimensions. Par exemple, la boîte sœur suivant le bouton 1 de l'exemple suivant sera le bouton 3, parce que le bouton 2 est caché. Mais la boîte sœur suivant le bouton 3 sera le bouton 4 qui est seulement réduit.</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_3.xul">Voir</a></p> - -<pre><hbox> - <button label="Bouton 1" - oncommand="alert('Le suivant est : ' + this.boxObject.nextSibling.label);"/> - <button label="Bouton 2" hidden="true"/> - <button label="Bouton 3" - oncommand="alert('Le suivant est : ' + this.boxObject.nextSibling.label);"/> - <button label="Bouton 4" collapsed="true"/> -</hbox> -</pre> - -<h4 id="Attributs_d.27ordonnancement_de_bo.C3.AEte" name="Attributs_d.27ordonnancement_de_bo.C3.AEte">Attributs d'ordonnancement de boîte</h4> - -<p>Lorsqu'une boîte XUL est placée dans une fenêtre, les éléments sont ordonnés selon un certain nombre de propriétés, par exemple l'orientation, leur groupe ordinal et leur direction.</p> - -<h5 id="Attribut_XULAttrorient" name="Attribut_XULAttrorient">Attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code></h5> - -<p>L'orientation est communément modifiée en utilisant l'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>. Il existe également une propriété CSS <a href="/fr/docs/Web/CSS/-moz-box-orient" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>-moz-box-orient</code></a> correspondante qui peut remplacer l'attribut, en fonction de la situation. Cet attribut a été expliqué dans une section précédente sur les boîtes.</p> - -<h5 id="Attribut_XULAttrordinal" name="Attribut_XULAttrordinal">Attribut <code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code></h5> - -<p>L'attribut <code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code> d'un élément peut être placé pour spécifier un groupe ordonné d'éléments, ou vous pouvez utiliser la propriété CSS <a href="/fr/docs/Web/CSS/-moz-box-ordinal-group" title="La propriété -moz-box-ordinal-group indique le groupe ordinal auquel appartient l'élément. Les éléments dont le groupe ordinal est inférieur seront affichés avant ceux dont le groupe ordinal est plus élevé."><code>-moz-box-ordinal-group</code></a>.</p> - -<p>Les éléments avec une valeur ordinale inférieure sont placés dans la boîte avant les éléments ayant une plus grande valeur ordinale. Par exemple, un élément avec une valeur ordinale de '2' sera placé avant un élément ayant une valeur ordinale de '3' ou plus, mais après un élément ayant un ordinal de '1'. La valeur ordinale par défaut, si elle n'est pas définie, est de '1'. Cela signifie que si vous voulez modifier l'ordre d'affichage des éléments, vous aurez souvent besoin d'ajuster les ordinaux de plusieurs éléments.</p> - -<p>L'ajustement de l'ordinal d'un élément ne se fait pas aussi simplement par le placement des éléments dans un certain ordre dans la source. Il peut être utilisé pour réarranger les éléments plus tard sans ajuster le DOM. L'exemple suivant en est une illustration.</p> - -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_4.xul">Voir</a></p> - -<pre><hbox> - <button label="Un" oncommand="this.ordinal++;"/> - <button label="Deux" oncommand="this.ordinal++;"/> - <button label="Trois" oncommand="this.ordinal++;"/> -</hbox> -</pre> - -<p>Si vous pressez le premier bouton, son ordinal augmentera de un, de '1' à '2'. Il apparaîtra à la fin de la ligne puisque les autres boutons ont un ordinal de '1'. Si vous pressez le second bouton, son ordinal sera augmenté de un et sera déplacé à la fin de la ligne. Les éléments de même ordinal apparaîtront dans le même ordre que dans la source. Si vous pressez une nouvelle fois le bouton libellé 'Un', son ordinal augmentera à '3' et il sera déplacé à la fin. Finalement, presser le bouton libellé 'Trois' augmentera son ordinal à '2' et le fera apparaître entre les deux autres boutons.</p> - -<h5 id="Attribut_XULAttrdir" name="Attribut_XULAttrdir">Attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code></h5> - -<p>L'attribut final d'ordonnancement de boîte est l'attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, ou la propriété CSS <a href="/fr/docs/Web/CSS/-moz-box-direction" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>-moz-box-direction</code></a>. S'il est initialisé à 'reverse', tous les enfants dans la boîte sont affichés dans l'ordre inverse. Dans une boîte horizontale, les éléments seront affichés de la droite vers la gauche et dans une boîte verticale, les éléments seront affichés du bas vers le haut. Voici un exemple :</p> - -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxobject_5.xul">Voir</a></p> - -<pre><hbox dir="reverse"> - <button label="Gauche"/> - <button label="Centre"/> - <button label="Droite"/> -</hbox> -</pre> - -<p>Parcourir les nœuds en utilisant l'ordonnancement des objets de boîte vous renverra les éléments dans leur ordre d'affichage en tenant compte des ajustements faits sur leur ordinaux. Ainsi, si vous changez l'ordinal d'un élément, celui-ci aura une position différente dans la boîte. Toutefois, le renversement de la direction n'affectera pas l'ordre de la boîte.</p> - -<hr> -<p>Ensuite, nous verrons comment utiliser les objets XPCOM à partir de XUL et des scripts.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Manipulation_de_listes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Interfaces_XPCOM">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_objets_boîtes_des_arbres/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_objets_boîtes_des_arbres/index.html deleted file mode 100644 index 60924214cb..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_objets_boîtes_des_arbres/index.html +++ /dev/null @@ -1,193 +0,0 @@ ---- -title: Les objets boîtes des arbres -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_objets_boîtes_des_arbres -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Tree_Box_Objects ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Détails_sur_les_vues_d'arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Introduction_à_RDF">Suivant »</a></p> -</div> - -<p>Cette section va décrire l'objet de boîte d'arbre qui est utilisé pour gérer l'affichage d'un arbre.</p> - -<h3 id=".C3.80_propos_de_l.27objet_de_bo.C3.AEte" name=".C3.80_propos_de_l.27objet_de_bo.C3.AEte">À propos de l'objet de boîte</h3> - -<p>Les objets de boîte ont été décrits dans <a href="/fr/Tutoriel_XUL/Les_objets_boîtes" title="fr/Tutoriel_XUL/Les_objets_boîtes">une section précédente</a>. L'objet de boîte d'arbre est un objet de boîte spécial utilisé spécifiquement pour les arbres (tree). La boîte d'arbre implémente l'interface <code><a class="external" href="http://www.xulplanet.com/references/objref/TreeBoxObject.html">TreeBoxObject</a></code>.</p> - -<h4 id="Rafraichissement_de_l.27arbre" name="Rafraichissement_de_l.27arbre">Rafraichissement de l'arbre</h4> - -<p>Nous avons déjà vu la fonction <code>rowCountChanged()</code> de l'objet de boîte d'arbre dans la section précédente. Elle est employée pour indiquer qu'une ou plusieurs lignes de l'arbre ont été ajoutées ou enlevées. L'arbre rafraîchira l'affichage de la zone affectée. Vous n'avez pas besoin d'appeler la fonction <code>rowCountChanged()</code> lorsqu'une ligne a simplement été modifiée, comme par exemple lors du changement du libellé d'une cellule. Dans ce cas, d'autres fonctions d'affichage peuvent être utilisées. La plus simple est la fonction <code>invalidateRow()</code> qui rafraîchit l'affichage d'une ligne spécifique d'un arbre. L'arbre appellera la vue pour obtenir les données mises à jour et actualise son contenu à l'écran.</p> - -<p>Les autres fonctions de rafraichissement sont :</p> - -<ul> - <li><code>invalidateCell()</code> pour le rafraichissement d'une unique cellule,</li> - <li><code>invalidateColumn()</code> pour le rafraichissement d'une colonne,</li> - <li><code>invalidateRange()</code> pour le rafraichissement d'une plage de lignes,</li> - <li><code>invalidate()</code> pour le rafraichissement de l'arbre entier.</li> -</ul> - -<p>Notez que le rafraichissement de l'affichage n'aura lieu qu'une fois les tâches des scripts achevées, car Mozilla n'effectue pas cette opération en tâche de fond.</p> - -<h4 id="D.C3.A9filement_de_l.27arbre" name="D.C3.A9filement_de_l.27arbre">Défilement de l'arbre</h4> - -<p>Vous pouvez également faire défiler l'arbre en utilisant quatre méthodes différentes, similaires à celles disponibles pour les menus déroulants. La fonction <code>scrollToRow()</code> peut être utilisée pour faire le défilement jusqu'à une ligne particulière. Voici un exemple simple :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treeboxobject_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treeboxobject_1.xul">Voir</a></p> - -<pre><script> -function doScroll(){ - var value = document.getElementById("tbox").value; - var tree = document.getElementById("thetree"); - - var boxobject = tree.boxObject; - boxobject.QueryInterface(Components.interfaces.nsITreeBoxObject); - boxobject.scrollToRow(value); -} -</script> - -<tree id="thetree" rows="4"> - <treecols> - <treecol id="row" label="Ligne" primary="true" flex="1"/> - </treecols> - <treechildren> - <treeitem label="Ligne 0"/> - <treeitem label="Ligne 1"/> - <treeitem label="Ligne 2"/> - <treeitem label="Ligne 3"/> - <treeitem label="Ligne 4"/> - <treeitem label="Ligne 5"/> - <treeitem label="Ligne 6"/> - <treeitem label="Ligne 7"/> - <treeitem label="Ligne 8"/> - <treeitem label="Ligne 9"/> - </treechildren> -</tree> - -<hbox align="center"> - <label value="Défile jusqu'à la ligne :"/> - <textbox id="tbox"/> - <button label="Défile" oncommand="doScroll();"/> -</hbox> -</pre> - -<div class="note">Notez que nous utilisons l'attribut <code id="a-rows"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/rows">rows</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> pour spécifier que quatre lignes seulement doivent être affichées à la fois. Ainsi, il est plus facile de se représenter l'exemple. Notez également que la première ligne commence à '0'.</div> - -<p>La fonction <code>doScroll()</code> récupère l'objet de boîte et appelle la fonction <code>scrollToRow()</code> avec comme argument la valeur saisie dans le champ texte. Vous noterez que l'objet de boîte d'arbre peut être obtenu de la même manière qu'avec d'autres objets de boîte, en utilisant la propriété <code>boxObject</code>. Nous devons cependant appeler <code>QueryInterface()</code> pour invoquer l'objet de boîte spécifique aux arbres. Les fonctions générales de l'objet de boîte sont également disponibles pour les arbres.</p> - -<p>Les méthodes supplémentaires de défilement incluent les fonctions <code>scrollByLines()</code>, <code>scrollByPages()</code>, et <code>ensureRowIsVisible()</code>.</p> - -<p>La fonction <code>scrollByLines()</code> fait défiler vers le haut ou vers le bas d'un certain nombre de lignes ; un nombre positif fait défiler vers le bas, un nombre négatif fait défiler vers le haut. La fonction <code>scrollByPages()</code> fait défiler d'un certain nombre de pages. Elle est automatiquement appelée lorsque l'utilisateur appuie sur une des touches <code>Page Up</code> ou <code>Page Down</code> et que l'arbre a le focus. Une page est égale au nombre de lignes visibles. Par exemple, si un arbre affiche 10 lignes en même temps, une page sera équivalente à 10 lignes. C'est une méthode pratique dès lors que l'utilisateur redimensionne un arbre flexible : la taille de la page augmentera ou diminuera automatiquement sans avoir à la recalculer manuellement. Il n'est pas trop difficile de calculer cette taille manuellement car l'objet de boîte d'arbre fournit également une fonction <code>getPageLength()</code> qui retourne le nombre de lignes dans une page. Dans l'exemple de défilement ci-dessus, <code>getPageLength()</code> retournerait '4'.</p> - -<div class="note">Notez que dans Firefox 1.0 et Mozilla 1.7, et les versions plus récentes, la fonction <code>getPageLength()</code> est plutôt appelée <code>getPageCount()</code>. Le nom a été changé en <code>getPageLength()</code> afin d'éviter les confusions avec une fonction qui ne retourne pas le nombre de pages d'un arbre, mais la taille de chaque page. Vous pouvez déterminer le nombre de pages en divisant le nombre total de lignes par la taille d'une page.</div> - -<p>La fonction <code>ensureRowIsVisible()</code> fera défiler l'arbre jusqu'à une ligne, comme avec la fonction <code>scrollToRow()</code>, mais seulement si la ligne n'est pas visible au moment de l'appel.</p> - -<h3 id="Coordonn.C3.A9es_d.27une_cellule" name="Coordonn.C3.A9es_d.27une_cellule">Coordonnées d'une cellule</h3> - -<p>Certaines des fonctions les plus intéressantes d'un objet de boîte d'arbre sont utilisées pour obtenir les parties d'un arbre se trouvant à des coordonnées spécifiques et vice versa.</p> - -<ul> - <li>La fonction <code>getCellAt()</code> peut être utilisée pour obtenir une cellule précise située à un emplacement défini en pixels,</li> - <li>La fonction <code>getRowAt()</code> peut être utilisée pour obtenir une ligne à un emplacement défini lui aussi en pixels. La fonction <code>getRowAt()</code> prend deux arguments qui sont les coordonnées horizontales (x) et verticales (y).</li> -</ul> - -<pre>tree.boxObject.getRowAt( 50, 100 );</pre> - -<p>Cet exemple retournera l'index de la ligne ayant une position horizontale de '50' pixels et verticale de '100' pixel. Naturellement, la coordonnée x semble ne pas avoir beaucoup de sens dès lors que la ligne occupe tout l'espace horizontal de l'arbre.</p> - -<div class="note">Il est important de noter que les coordonnées sont mesurées à partir du coin supérieur gauche du document et non de l'arbre lui-même.</div> - -<p>Il est donc facile de passer à ces fonctions les coordonnées événementielles de l'objet <code>event</code>, comme avec la fonction <code>getCellAt()</code> dans l'exemple suivant.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treeboxobject_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treeboxobject_2.xul">Voir</a></p> - -<pre><script> -function updateFields(event){ - var row = {}, column = {}, part = {}; - var tree = document.getElementById("thetree"); - - var boxobject = tree.boxObject; - boxobject.QueryInterface(Components.interfaces.nsITreeBoxObject); - boxobject.getCellAt(event.clientX, event.clientY, row, column, part); - - if (column.value && typeof column.value != "string") - column.value = column.value.id; - - document.getElementById("row").value = row.value; - document.getElementById("column").value = column.value; - document.getElementById("part").value = part.value; -} -</script> - -<tree id="thetree" flex="1" onmousemove="updateFields(event);"> - <treecols> - <treecol id="utensil" label="Ustensiles" primary="true" flex="1"/> - <treecol id="count" label="Nombre" flex="1"/> - </treecols> - <treechildren> - <treeitem> - <treerow> - <treecell label="Fourchette"/> - <treecell label="5"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="Couteau"/> - <treecell label="2"/> - </treerow> - </treeitem> - <treeitem> - <treerow> - <treecell label="Cuillère"/> - <treecell label="8"/> - </treerow> - </treeitem> - </treechildren> -</tree> - -<label value="Ligne:"/> -<label id="row"/> -<label value="Colonne:"/> -<label id="column"/> -<label value="Type enfant:"/> -<label id="part"/> -</pre> - -<p>La fonction <code>getCellAt()</code> prend cinq arguments, les coordonnées où regarder et trois autres paramètres. Un argument par référence est utilisé parce que la fonction a besoin de retourner plusieurs valeurs. Vous verrez de nombreuses interfaces utilisant des arguments par référence avec <a class="external" href="http://www.xulplanet.com/references/objref/">les objets disponibles</a>. Ces arguments sont marqués avec un préfixe 'out'. Pour ceux-ci, vous devez transmettre un objet vide et la fonction remplira sa propriété <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> avec la valeur adéquate.</p> - -<p>Les trois paramètres par référence seront renseignés avec la ligne, la colonne et le type enfant. L'objet row contient l'index de la ligne survolée par la souris au moment où la fonction a été appelée par un événement mousemove, avec les coordonnées de cet événement. Si les coordonnées ne sont pas au-dessus d'une ligne de l'arbre, la valeur <code>row.value</code> sera égale à '-1'. La variable column est un objet <code>column</code> tel que défini dans Mozilla 1.8 et supérieur. Dans les versions plus anciennes, les colonnes étaient identifiées avec une chaîne de caractères (string) : l'identifiant <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de la colonne. Avec les versions plus récentes, un objet de colonne spécifique existe et permet de réaliser des requêtes sur les données en colonne.</p> - -<p>La ligne suivante est utilisée pour que l'exemple ci-dessus puisse fonctionner avec toutes les versions.</p> - -<pre>if (column.value && typeof column.value != "string") - column.value = column.value.id; -</pre> - -<p>Si la colonne est une chaîne de caractères, nous tournons sur Mozilla 1.7 ou inférieur, mais pour les versions récentes, nous obtenons l'identifiant de la colonne à partir de l'objet column. Si vous écrivez du code pour des versions multiples, vous devrez effectuer un test comme indiqué ci-avant.</p> - -<p>Le dernier argument de la fonction <code>getCellAt()</code> est le type enfant renseigné avec une chaîne dépendante de la partie de la cellule pointée par les coordonnées. Si vous déplacez la souris dans l'exemple précédent, vous noterez que le libellé passe de 'text' à 'cell'. La valeur 'text' indique la zone où le texte est dessiné et la valeur 'cell' indique la zone autour du texte ; par exemple, la marge gauche où sont habituellement dessinées les poignées ouvrantes et fermantes. Toutefois, s'il y avait une poignée, la valeur aurait plutôt été 'twisty'. Cette information pratique permet de déterminer si l'utilisateur a cliqué sur une poignée plutôt que sur une autre partie de la ligne. En fait, lorsque l'utilisateur double-clique sur la poignée, le code natif sous-jacent utilise cette méthode. La dernière valeur qui peut être retournée est 'image' si une image se trouve dans la cellule et que les coordonnées correspondent à celles de cette image. Bien entendu, dans la plupart des cas, vous ne désirez pas connaître quelle partie de la cellule pointe les coordonnées, mais seulement la ligne et la colonne concernées.</p> - -<p>Pour inverser la recherche et obtenir les coordonnées spécifiques d'une cellule, utilisez la fonction <code>getCoordsForCellItem()</code>. Elle prend sept arguments tels que décrits ci-dessous.</p> - -<pre>var x = {}, y = {}, width = {}, height = {}; -if (typeof tree.columns != "undefined") column = tree.columns[column]; -tree.boxObject.getCoordsForCellItem( row, column, part, x, y, width, height ); -</pre> - -<p>Les arguments 'row', 'column' et 'part' sont similaires à ceux retournés par la fonction <code>getCellAt()</code>. De nouveau, le type de l'argument 'column' dépend de la version que vous utilisez, soit une chaîne de caractères (string), soit un objet column. Le type de la zone de la cellule peut être utilisé pour obtenir les coordonnées, soit du texte, soit de toute la cellule, soit de la poignée, soit de l'image dans la cellule. Les mêmes valeurs que la fonction <code>getCellAt()</code> sont utilisées. La fonction <code>getCoordsForCellItem()</code> retourne par le biais des arguments passés en référence les coordonnées horizontales (x) et verticales (y), accompagnées de la largeur et la hauteur.</p> - -<hr> -<p>Par la suite, nous verrons comment RDF peut être utilisé automatiquement pour peupler des arbres et d'autres éléments.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Détails_sur_les_vues_d'arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Introduction_à_RDF">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/les_scripts_d'installation/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/les_scripts_d'installation/index.html deleted file mode 100644 index 0f5213a192..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/les_scripts_d'installation/index.html +++ /dev/null @@ -1,147 +0,0 @@ ---- -title: Les scripts d'installation -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Les_scripts_d'installation -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Install_Scripts ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Création_d'un_programme_d'installation" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Fonctions_additionnelles_d'installation">Suivant »</a></p> -</div> - -<div class="note">NdT : Attention, cette section décrit le mécanisme XPInstall propre à la suite Mozilla et à des versions anciennes de Mozilla Firefox. Pour les versions récentes de Mozilla Firefox, ce mode d'installation n'est plus le même, mais il n'est pas encore décrit dans ce tutoriel. Voir <a class="external" href="http://xulfr.org/wiki/ExtensionsFirefox">comment faire des extensions pour firefox</a> sur xulfr.org.</div> - -<p>Cette section décrit le script d'installation.</p> - -<h3 id="Cr.C3.A9ation_d.27un_script_d.27installation" name="Cr.C3.A9ation_d.27un_script_d.27installation">Création d'un script d'installation</h3> - -<div class="note"><strong>Note :</strong> Pour des extensions Firefox, <code>install.js</code> n'est plus utilisé. Vous devez utiliser <a href="/fr/Tutoriel_XUL/Les_fichiers_manifest" title="fr/Tutoriel_XUL/Les_fichiers_manifest">install.rdf</a> à la place.</div> - -<p>Vous voulez généralement avoir une forme de contrôle sur vos processus d'installation. Par exemple, vous pouvez souhaiter vérifier les versions des fichiers existants et n'installer que des mises à jour, ou peut être souhaiteriez-vous simplement appliquer des corrections. Le script d'installation est même assez souple pour vous permettre de désinstaller des fichiers. Pour ces raisons, les programmes d'installation incluent un script propre à cette tâche.</p> - -<p>Le script d'installation doit s'appeler 'install.js' et doit être placé à la racine de l'archive de l'installeur. Ce script contient du code JavaScript qui appelle un certain nombre de fonctions d'installation.</p> - -<p>Dans un document HTML ou un document XUL, l'objet window est l'objet global racine. Il signifie que vous pouvez appeler les méthodes de l'objet window sans les faire précéder de leur qualificateur, ainsi <code>window.open()</code> peut simplement être écrit <code>open()</code>. Dans un script d'installation, il n'y a pas de fenêtre associée, toutefois l'objet global sera l'objet <code>Install</code> qui contient un certain nombre de fonctions pour personnaliser le processus d'installation. Certaines fonctions de l'objet global <code>Install</code> seront décrites ci dessous.</p> - -<p>Le script d'installation doit suivre les étapes suivantes :</p> - -<ol> - <li>Initialiser l'installation en précisant le paquetage et sa version.</li> - <li>Utiliser les fonctions d'installation pour spécifier les fichiers et les répertoires qui doivent être installés. Vous pouvez aussi spécifier les fichiers à déplacer ou à effacer.</li> - <li>Démarrer le processus qui installe les fichiers nécessaires.</li> -</ol> - -<p>Il est important de signaler que pendant l'étape numéro deux, vous n'indiquez seulement quels sont les fichiers qui seront installés et quelles autres opérations vous souhaitez réaliser. Aucun fichier ne sera copié avant l'étape trois. En procédant de la sorte, vous pouvez facilement définir plusieurs fichiers à installer, et en cas d'erreurs, vous pouvez annuler tout le processus d'installation sans modifier le système de l'utilisateur.</p> - -<h3 id="Le_registre_d.27extensions" name="Le_registre_d.27extensions">Le registre d'extensions</h3> - -<p>Mozilla tient à jour un fichier qui est un registre de toutes les extensions actuellement installées. Les extensions incluent les nouveaux paquetages chrome, les thèmes graphiques et les plugins. Lorsqu'une nouvelle extension est installée, le registre est mis à jour. Le registre stocke aussi l'ensemble des informations des fichiers et de leurs versions sur les extensions installées. De cette manière, il est aisé de vérifier si une version de votre extension est déjà présente et de la mettre à jour seulement si nécessaire.</p> - -<p>Le registre d'extensions fonctionne presque comme la base de registre de Windows. Il consiste en une série hiérarchisée de clefs et de valeurs. Vous n'avez pas besoin d'en savoir plus à son sujet pour créer des applications XUL à moins que vous ne créiez vos propres composants <a href="/fr/Tutoriel_XUL/Interfaces_XPCOM" title="fr/Tutoriel_XUL/Interfaces_XPCOM">XPCOM</a>.</p> - -<p>Ce que vous devez savoir pour une installation est que le registre stocke une série d'informations sur votre application, tels que la liste des fichiers et leurs versions. Toutes ces informations sont stockées dans une clef (et à l'intérieur, des sous clefs) que vous fournissez dans le script d'installation (dans l'étape 1 mentionnée ci dessus).</p> - -<p>Cette clef est structurée comme une arborescence de répertoire comme ceci :</p> - -<pre>/Auteur/Nom du Paquetage</pre> - -<p>Remplacez le mot 'Auteur' par votre nom et remplacez le 'Nom du Paquetage' avec le nom de votre paquetage que vous installez. Par exemple :</p> - -<pre>/Xulplanet/Find Files - -/Netscape/Personal Security Manager</pre> - -<p>Le premier exemple est celui utilisé pour notre exemple de boite de dialogue de recherche de fichiers. Le second est la clef utilisée pour le gestionnaire de données privées.</p> - -<h3 id="Initialisation_de_l.27installation" name="Initialisation_de_l.27installation">Initialisation de l'installation</h3> - -<p>L'objet <code>Install</code> a une fonction, <code>initInstall()</code>, servant à initialiser l'installation. Elle doit être appelée au lancement de votre script d'installation. La syntaxe de cette fonction est la suivante :</p> - -<pre>initInstall( packageName , regPackage , version ); - -'''Exemple:''' - -initInstall("Find Files","/Xulplanet/Find Files","0.5.0.0");</pre> - -<ul> - <li>Le premier argument est le nom du paquetage sous une forme lisible pour l'utilisateur.</li> - <li>Le second argument est la clef du registre utilisée pour mémoriser l'information du paquetage comme décrit ci avant.</li> - <li>Le troisième argument est la version du paquetage à installer.</li> -</ul> - -<p>Ensuite, nous devons indiquer le répertoire où seront installés les fichiers. Il y a deux façons de le faire.</p> - -<ul> - <li>La méthode simple est d'assigner un répertoire d'installation et d'y copier tous les fichiers.</li> - <li>La seconde méthode vous permet d'assigner une destination à chaque fichier (ou répertoire). La première méthode est décrite ci dessous.</li> -</ul> - -<p>La fonction <code>setPackageFolder()</code> assigne un répertoire d'installation. Pour l'exemple de recherche de fichiers, vous installerons les fichiers dans le répertoire chrome (nous pourrions aussi bien les mettre autre part). Cette fonction <code>setPackageFolder()</code> ne requiert qu'un argument, le répertoire d'installation. Pour une compatibilité maximale, vous ne devez pas spécifier un répertoire absolu. Au lieu de cela, vous utiliserez un identifiant d'un répertoire connu et pointerez sur un de ses sous répertoires. Ainsi, si votre application a besoin d'installer quelques librairies systèmes, vous n'avez pas besoin de connaître le nom de ces répertoires.</p> - -<p>Les identifiants de sélection de répertoires sont expliqués sur la page de <a class="external" href="http://www.xulplanet.com/references/elemref/ref_Install.html#prop_getFolder">XULPlanet référence</a>. Pour le répertoire chrome, l'identifiant est 'Chrome'. La fonction <code>getFolder()</code> peut être utilisée pour récupérer un de ces répertoires spéciaux. Cette fonction prend deux arguments, le premier étant l'identifiant et le second étant un sous répertoire. Par exemple :</p> - -<pre>findDir = getFolder("Chrome","findfile"); setPackageFolder(findDir);</pre> - -<p>Ici, nous récupérons l'emplacement du sous répertoire 'findfile' dans répertoire Chrome et nous le passons directement à la fonction <code>setPackageFolder()</code>. Le second argument de la fonction <code>getFolder()</code> est le sous répertoire qui servira à l'installation de l'exemple et qui n'a pas besoin d'avoir été créé d'abord. Vous pouvez ignorer cet argument si vous n'en avez pas besoin.</p> - -<h3 id="Marquage_des_fichiers_d.27installation" name="Marquage_des_fichiers_d.27installation">Marquage des fichiers d'installation</h3> - -<p>Ensuite, vous devez indiquer quels seront les fichiers à installer. Deux fonctions doivent être employées pour cela, <code>addDirectory()</code> et <code>addFile()</code>. La fonction <code>addDirectory()</code> précise à l'installeur un répertoire de l'archive XPI (et tout son contenu) qui devra être installé à un emplacement particulier. La fonction <code>addFile()</code> est similaire mais seulement pour un fichier.</p> - -<p>Les deux fonctions <code>addDirectory()</code> et <code>addFile()</code> ont plusieurs paramétrages. Le plus simple ne prend qu'un seul argument qui est le répertoire servant à l'installation.</p> - -<pre class="eval">addDirectory ( <em>dir</em> ); -addFile ( <em>dir</em> ); - -<strong>Exemple:</strong> - -addDirectory("findfile"); -</pre> - -<p>L'exemple ci dessus spécifie que le répertoire 'findfile' de l'archive d'installation est à installer. Nous pouvons appeler ces fonctions autant de fois que nécessaire pour les autres fichiers.</p> - -<p>Ensuite, nous voulons enregistrer les fichiers de notre exemple dans le registre chrome afin de pouvoir les appeler par une URL chrome. La fonction <code>registerChrome()</code> est utilisée pour cela. Elle prend deux arguments, le premier étant le type d'enregistrement chrome ('content' pour du contenu, 'skin' pour du thème graphique, ou 'locale' pour la localisation), le second pointant vers l'emplacement du fichier manifest 'contents.rdf' à enregistrer. Comme notre exemple de recherche de fichiers contient les trois types, la fonction <code>registerChrome()</code> devra être appelée trois fois.</p> - -<pre>registerChrome(Install.CONTENT | Install.DELAYED_CHROME, getFolder(findDir, "content")); -registerChrome(Install.SKIN | Install.DELAYED_CHROME, getFolder(findDir, "skin")); -registerChrome(Install.LOCALE | Install.DELAYED_CHROME, getFolder(findDir, "locale")); -</pre> - -<p>L'indicateur DELAYED_CHROME sert à indiquer que le chrome devra être installé au prochain lancement de Mozilla.</p> - -<h3 id="Finalisation_de_l.27installation" name="Finalisation_de_l.27installation">Finalisation de l'installation</h3> - -<p>Les fonctions <code>addDirectory()</code> et <code>addFile()</code> ne copient aucun fichier. Elles ne servent qu'à pointer quels fichiers devront être installés. De la même manière, la fonction <code>registerChrome()</code> ne fait que pointer quel chrome devra être enregistré. Pour achever le processus et commencer la copie des fichiers, appelez la fonction <code>performInstall()</code> sans argument.</p> - -<div class="highlight"> -<p>Le script final pour installer notre exemple de recherche de fichiers est le suivant :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_xpiscript_1.js.txt">Source</a></p> - -<pre>initInstall("Find Files","/Xulplanet/Find Files","0.5.0.0"); - -findDir = getFolder("Chrome","findfile"); -setPackageFolder(findDir); - -addDirectory("findfile"); - -registerChrome(Install.CONTENT | Install.DELAYED_CHROME, getFolder(findDir, "content")); -registerChrome(Install.SKIN | Install.DELAYED_CHROME, getFolder(findDir, "skin")); -registerChrome(Install.LOCALE | Install.DELAYED_CHROME, getFolder(findDir, "locale")); - -performInstall(); -</pre> -</div> - -<hr> -<p>Dans la section suivantes, nous verrons quelques fonctions supplémentaires pour l'installation.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Création_d'un_programme_d'installation" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Fonctions_additionnelles_d'installation">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/localisation/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/localisation/index.html deleted file mode 100644 index 3bc67299f8..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/localisation/index.html +++ /dev/null @@ -1,328 +0,0 @@ ---- -title: Localisation -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Localisation -tags: - - Localisation - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Localization ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Créer_un_thème" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_fichiers_de_propriétés">Suivant »</a></p> -</div> - -<p>XUL et XML fournissent des entités qui sont une solution permettant la localisation.</p> - -<h3 id="Entit.C3.A9s" name="Entit.C3.A9s">Entités</h3> - -<p>De nombreuses applications sont construites de telle sorte que la traduction de l'interface en différentes langues soit le plus simple possible. En général, une table de chaînes de caractères est créée pour chaque langue. Au lieu de la coder directement dans l'application, chaque partie de texte est seulement une référence dans la table de chaînes. <a href="/fr/XML" title="fr/XML">XML</a> fournit des entités qui peuvent être utilisées dans un but similaire.</p> - -<p>Vous devriez déjà être familier avec les entités si vous avez déjà écrit en <a href="/fr/HTML" title="fr/HTML">HTML</a>. Les codes <code>&lt;</code> et <code>&gt;</code> sont des exemples d'entités qui peuvent être utilisées pour placer les signes "inférieur" et "supérieur" dans le texte. XML a une syntaxe qui autorise la déclaration de vos propres entités. Vous pouvez les utiliser de manière à ce que l'entité soit remplacée par sa valeur qui peut être une chaîne de caractères. Des entités peuvent être employées toutes les fois où du texte est utilisé, y compris pour les valeurs des attributs. L'exemple ci-dessous décrit l'utilisation d'une entité dans un bouton.</p> - -<pre><button label="&findLabel;"/></pre> - -<p>Le texte qui apparaîtra sur le libellé sera la valeur de l'entité <code>&findlabel;</code></p> - -<p>Un fichier contenant les déclarations d'entités pour chaque langue supportée est créé. En français, on affectera probablement la valeur de texte 'Rechercher' à l'entité <code>&findlabel;</code></p> - -<h3 id="Les_fichiers_DTD" name="Les_fichiers_DTD">Les fichiers DTD</h3> - -<p> </p> - -<p>Les entités sont déclarées dans des fichiers DTD (<em>Document Type Declaration</em>). Ces types de fichiers sont en général utilisés pour déclarer la syntaxe et la sémantique d'un fichier XML particulier, mais ils autorisent aussi la déclaration d'entités. Dans le système chrome de Mozilla, vous trouverez les fichiers DTD dans le sous-répertoire <code>locales</code>. Vous devriez normalement avoir un fichier DTD (avec un extension <code>dtd</code>) par fichier XUL.</p> - -<p> </p> - -<p>Si vous regardez dans le répertoire chrome, vous devriez voir une archive pour votre langue (<code>fr.jar</code> par défaut pour le français). Vous pouvez avoir les fichiers de locales dans des langues multiples, par exemple, Anglais US (en-US) et Danois (dk). Dans ces archives, vous trouverez les fichiers qui contiennent les traductions pour chaque fenêtre. La structure de l'archive est très similaire à la structure des répertoires utilisée pour <a href="/fr/Tutoriel_XUL/Créer_un_thème" title="fr/Tutoriel_XUL/Créer_un_thème">les thèmes</a>.</p> - -<p> </p> - -<p>Dans les archives, vous placerez les fichiers DTD, dans lesquels vous déclarez les entités. Normalement vous aurez un fichier DTD par fichier XUL, en général avec le même nom de fichier excepté qu'il aura une extension <code>.dtd</code>. Donc pour la fenêtre de dialogue de recherche de fichiers, vous aurez besoin d'un fichier nommé <code>findfile.dtd</code>.</p> - -<p> </p> - -<p>Pour les fichiers chromes non installés, vous pouvez juste mettre le fichier DTD dans le même répertoire que le fichier XUL.</p> - -<div class="note"><strong>Note :</strong> Vous devez encoder les fichiers en UTF-8 à cause des caractères non ASCII. De ce fait, vous devez les sauvegarder au format UTF-8 (<a class="external" href="http://www.mozdev.org/notes/l10n/unicode/editors-en.html">sans BOM</a>). Pour plus d'information, consultez <a class="external" href="http://www.mozilla.org/projects/l10n/mlp_chrome.html#text">Mozilla language Packs</a>.</div> - -<p>Une fois que vous avez créé le fichier DTD pour votre fichier XUL, vous aurez besoin d'ajouter une ligne dans le fichier XUL qui indiquera que vous voulez utilisez le fichier DTD. Sinon, des erreurs seront générées car il ne sera pas capable de trouver les entités. Il vous suffit d'ajouter une ligne de la forme suivante vers le début du fichier XUL :</p> - -<pre><!DOCTYPE window SYSTEM "chrome://findfile/locale/findfile.dtd"></pre> - -<p>Cette ligne spécifie que l'URL indiquée est à utiliser en tant que fichier DTD. Dans ce cas, nous avons déclaré que nous voulons utiliser le fichier DTD <code>findfile.dtd</code>. Cette ligne est en général placée juste avant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>.</p> - -<p>Vous devez également ajouter la localisation dans le fichier <a href="/fr/Enregistrement_chrome#locale" title="fr/Enregistrement_chrome#locale">chrome.manifest</a>, par exemple :</p> - -<pre class="eval">locale findfile fr locale/ -</pre> - -<h3 id="D.C3.A9clarer_les_entit.C3.A9s" name="D.C3.A9clarer_les_entit.C3.A9s">Déclarer les entités</h3> - -<p>Les entités sont déclarées en utilisant une syntaxe simple vue ci-dessous :</p> - -<pre><!ENTITY findLabel "Rechercher"></pre> - -<p>Cet exemple crée une entité avec le nom 'findLabel' et la valeur 'Rechercher'. Elle signifie que quelque soit l'endroit où le texte '&findLabel;' apparaîtra dans le fichier XUL, il sera remplacé par le texte 'Rechercher'. Notez que les déclarations d'entités n'ont pas de slash terminal. Dans le fichier DTD d'une autre langue, le texte pour cette langue sera utilisé à la place.</p> - -<pre class="eval"><strong>pour l'anglais:</strong> -<!ENTITY findLabel "Find"> -</pre> - -<p>Par exemple, le texte suivant :</p> - -<pre><description value="&findLabel;"/></pre> - -<p>est converti en :</p> - -<pre class="eval"><strong>version française:</strong> -<description value="Rechercher"/> - -<strong>version anglaise</strong> -<description value="Find"/> -</pre> - -<p>Vous devrez déclarer une entité pour chaque libellé ou chaîne de caractères que vous utiliserez dans votre interface. Vous ne devriez plus avoir de texte affiché directement dans le fichier XUL.</p> - -<p>En plus d'utiliser les entités pour les libellés, vous devriez les utiliser pour chaque valeur qui pourrait être différente selon la langue ; <a href="/fr/Tutoriel_XUL/Raccourcis_clavier" title="fr/Tutoriel_XUL/Raccourcis_clavier">les touches d'accès et les raccourcis claviers</a> par exemple.</p> - -<pre class="eval"><strong>XUL</strong> -<menuitem label="&undo.label;" accesskey="&undo.key;"/> -<strong>DTD</strong> -<!ENTITY undo.label "Annuler"> -<!ENTITY undo.key "u"> -</pre> - -<p>L'exemple ci-dessus utilise deux entités, une pour le libellé de l'élément de menu Annuler et une seconde pour la touche d'accès.</p> - -<div class="highlight"> -<h3 id="Modification_de_la_bo.C3.AEte_de_dialogue_de_recherche_de_fichiers" name="Modification_de_la_bo.C3.AEte_de_dialogue_de_recherche_de_fichiers">Modification de la boîte de dialogue de recherche de fichiers</h3> - -<p>Jetons un œil sur la manière dont nous pourrions utiliser tout ce que nous avons appris en modifiant la boîte de dialogue de recherche de fichiers de manière à ce qu'elle utilise un fichier DTD pour toutes ses chaînes de caractères. La totalité du fichier XUL est décrite ci-dessous avec les changements décrits en rouge.</p> - -<pre class="eval"><?xml version="1.0"?> - -<?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> -<?xml-stylesheet href="findfile.css" type="text/css"?> - -<span class="highlightred"><!DOCTYPE window SYSTEM "<a class="external" rel="freelink">chrome://findfile/locale/findfile.dtd</a>"></span> - -<window - id="findfile-window" - title="<span class="highlightred">&findWindow.title;</span>" - persist="screenX screenY width height" - orient="horizontal" - onload="initSearchList()" - xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> - -<script src="findfile.js"/> - -<popupset> - <menupopup id="editpopup"> - <menuitem label="<span class="highlightred">&cutCmd.label;</span>" accesskey="<span class="highlightred">&cutCmd.accesskey;</span>"/> - <menuitem label="<span class="highlightred">&copyCmd.label;</span>" accesskey="<span class="highlightred">&copyCmd.accesskey;</span>"/> - <menuitem label="<span class="highlightred">&pasteCmd.label;</span>" accesskey="<span class="highlightred">&pasteCmd.accesskey;</span>" disabled="true"/> - </menupopup> -</popupset> - -<keyset> - <key id="cut_cmd" modifiers="accel" key="<span class="highlightred">&cutCmd.commandkey;</span>"/> - <key id="copy_cmd" modifiers="accel" key="<span class="highlightred">&copyCmd.commandkey;</span>"/> - <key id="paste_cmd" modifiers="accel" key="<span class="highlightred">&pasteCmd.commandkey;</span>"/> - <key id="close_cmd" keycode="VK_ESCAPE" oncommand="window.close();"/> -</keyset> - -<vbox flex="1"> - - <toolbox> - - <menubar id="findfiles-menubar"> - <menu id="file-menu" label="<span class="highlightred">&fileMenu.label;</span>" - accesskey="<span class="highlightred">&fileMenu.accesskey;</span>"> - <menupopup id="file-popup"> - <menuitem label="<span class="highlightred">&openCmd.label;</span>" - accesskey="<span class="highlightred">&openCmd.accesskey;</span>"/> - <menuitem label="<span class="highlightred">&saveCmd.label;</span>" - accesskey="<span class="highlightred">&saveCmd.accesskey;</span>"/> - <menuseparator/> - <menuitem label="<span class="highlightred">&closeCmd.label;</span>" - accesskey="<span class="highlightred">&closeCmd.accesskey;" key="close_cmd" oncommand="window.close();</span>"/> - </menupopup> - </menu> - <menu id="edit-menu" label="<span class="highlightred">&editMenu.label;</span>" - accesskey="<span class="highlightred">&editMenu.accesskey;</span>"> - <menupopup id="edit-popup"> - <menuitem label="<span class="highlightred">&cutCmd.label;</span>" - accesskey="<span class="highlightred">&cutCmd.accesskey;</span>" key="cut_cmd"/> - <menuitem label="<span class="highlightred">&copyCmd.label;</span>" - accesskey="<span class="highlightred">&copyCmd.accesskey;</span>" key="copy_cmd"/> - <menuitem label="<span class="highlightred">&pasteCmd.label;</span>" - accesskey="<span class="highlightred">&pasteCmd.accesskey;</span>" key="paste_cmd" disabled="true"/> - </menupopup> - </menu> - </menubar> - - <toolbar id="findfiles-toolbar"> - <toolbarbutton id="opensearch" label="<span class="highlightred">&openCmdToolbar.label;</span>"/> - <toolbarbutton id="savesearch" label="<span class="highlightred">&saveCmdToolbar.label;</span>"/> - </toolbar> - </toolbox> - - <tabbox> - <tabs> - <tab label="<span class="highlightred">&searchTab;</span>" selected="true"/> - <tab label="<span class="highlightred">&optionsTab;</span>"/> - </tabs> - - <tabpanels> - - <tabpanel id="searchpanel" orient="vertical" context="editpopup"> - - <description> - <span class="highlightred">&findDescription;</span> - </description> - - <spacer class="titlespace"/> - - <groupbox orient="horizontal"> - <caption label="<span class="highlightred">&findCriteria;</span>"/> - - <menulist id="searchtype"> - <menupopup> - <menuitem label="<span class="highlightred">&type.name;</span>"/> - <menuitem label="<span class="highlightred">&type.size;</span>"/> - <menuitem label="<span class="highlightred">&type.date;</span>"/> - </menupopup> - </menulist> - <spacer class="springspace"/> - <menulist id="searchmode"> - <menupopup> - <menuitem label="<span class="highlightred">&mode.is;</span>"/> - <menuitem label="<span class="highlightred">&mode.isnot;</span>"/> - </menupopup> - </menulist> - <spacer class="springspace"/> - - <menulist id="find-text" flex="1" - editable="true" - datasources="<a class="external" rel="freelink">file:///mozilla/recents.rdf</a>" - ref="<span class="nowiki">http://www.xulplanet.com/rdf/recent/all</span>"> - <template> - <menupopup> - <menuitem label="<span class="nowiki">rdf:http://www.xulplanet.com/rdf/recent#Label</span>" uri="rdf:*"/> - </menupopup> - </template> - </menulist> - - </groupbox> - - </tabpanel> - - <tabpanel id="optionspanel" orient="vertical"> - <checkbox id="casecheck" label="<span class="highlightred">&casesensitive;</span>"/> - <checkbox id="wordscheck" label="<span class="highlightred">&matchfilename;</span>"/> - </tabpanel> - - </tabpanels> - </tabbox> - - <tree id="results" style="display: none;" flex="1"> - <treecols> - <treecol id="name" label="<span class="highlightred">&results.filename;</span>" flex="1"/> - <treecol id="location" label="<span class="highlightred">&results.location;</span>" flex="2"/> - <treecol id="size" label="<span class="highlightred">&results.size;</span>" flex="1"/> - </treecols> - - <treechildren> - <treeitem> - <treerow> - <treecell label="mozilla"/> - <treecell label="/usr/local"/> - <treecell label="<span class="highlightred">&bytes.before;</span>2520<span class="highlightred">&bytes.after;</span>"/> - </treerow> - </treeitem> - </treechildren> - </tree> - - <splitter id="splitbar" resizeafter="grow" style="display: none;"/> - - <spacer class="titlespace"/> - - <hbox> - <progressmeter id="progmeter" value="50%" style="display: none;"/> - <spacer flex="1"/> - <button id="find-button" label="<span class="highlightred">&button.find;</span>" - oncommand="doFind()"/> - <button id="cancel-button" label="<span class="highlightred">&button.cancel;</span>" - oncommand="window.close();"/> - </hbox> -</vbox> - -</window> -</pre> - -<p>Chaque chaîne de caractères a été remplacée par une référence à une entité. Un fichier DTD a été inclus au début du fichier XUL. Chaque entité qui a été ajoutée doit être déclarée dans le fichier DTD. La fenêtre ne sera pas affichée si une entité non déclarée est trouvée dans le fichier XUL.</p> - -<p>Notez que le nom de l'entité n'est pas important. Dans l'exemple ci-dessus, les mots dans les entités ont été séparés par des points. Vous n'avez pas à faire ça. Les noms des entités ici suivent des conventions similaires au reste du code de Mozilla.</p> - -<p>Vous aurez noté que le texte '2520 octets' a été remplacé par deux entités. En fait, la structure de la phrase pourrait être différente dans une autre langue. Par exemple, le nombre pourrait apparaître après l'équivalent du mot 'octets' au lieu d'avant. Bien sûr, il est beaucoup plus compliqué de vouloir l'affichage des Ko ou des Mo selon les besoins.</p> - -<p>Les touches d'accès et les raccourcis claviers ont aussi été traduits dans les entités car ils seront peut être différents dans une autre langue.</p> - -<p>Voici le fichier DTD (findfile.dtd) :</p> - -<pre><!ENTITY findWindow.title "Recherche de fichiers"> -<!ENTITY fileMenu.label "Fichier"> -<!ENTITY editMenu.label "Edition"> -<!ENTITY fileMenu.accesskey "f"> -<!ENTITY editMenu.accesskey "e"> -<!ENTITY openCmd.label "Ouvrir une recherche..."> -<!ENTITY saveCmd.label "Sauvegarder une recherche..."> -<!ENTITY closeCmd.label "Fermer"> -<!ENTITY openCmd.accesskey "o"> -<!ENTITY saveCmd.accesskey "s"> -<!ENTITY closeCmd.accesskey "f"> -<!ENTITY cutCmd.label "Couper"> -<!ENTITY copyCmd.label "Copier"> -<!ENTITY pasteCmd.label "Coller"> -<!ENTITY cutCmd.accesskey "p"> -<!ENTITY copyCmd.accesskey "c"> -<!ENTITY pasteCmd.accesskey "l"> -<!ENTITY cutCmd.commandkey "X"> -<!ENTITY copyCmd.commandkey "C"> -<!ENTITY pasteCmd.commandkey "V"> -<!ENTITY openCmdToolbar.label "Ouvrir"> -<!ENTITY saveCmdToolbar.label "Sauvegarder"> -<!ENTITY searchTab "Rechercher"> -<!ENTITY optionsTab "Options"> -<!ENTITY findDescription "Entrez votre critère de recherche ci-dessous et appuyer sur le bouton Rechercher."> -<!ENTITY findCriteria "Critère de recherche"> -<!ENTITY type.name "Nom"> -<!ENTITY type.size "Taille"> -<!ENTITY type.date "Date de modification"> -<!ENTITY mode.is "Est"> -<!ENTITY mode.isnot "N'est pas"> -<!ENTITY casesensitive "Recherche sensible à la casse"> -<!ENTITY matchfilename "Rechercher un nom entier"> -<!ENTITY results.filename "Nom de fichier"> -<!ENTITY results.location "Emplacement"> -<!ENTITY results.size "Taille"> -<!ENTITY bytes.before ""> -<!ENTITY bytes.after "octets"> -<!ENTITY button.find "Rechercher"> -<!ENTITY button.cancel "Annuler"> -</pre> - -<p>Maintenant pour changer de langue, tout ce que vous avez à faire est de créer un nouveau fichier DTD. En utilisant le système chrome pour ajouter le fichier DTD dans une langue différente, le même fichier XUL peut être utilisé pour toutes les langues.</p> -</div> - -<hr> -<p>Dans la prochaine section, nous regarderons les fichiers de propriétés.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Créer_un_thème" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_fichiers_de_propriétés">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/manipulation_de_listes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/manipulation_de_listes/index.html deleted file mode 100644 index 12a2c19574..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/manipulation_de_listes/index.html +++ /dev/null @@ -1,132 +0,0 @@ ---- -title: Manipulation de listes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Manipulation_de_listes -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Manipulating_Lists ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Modification_d'une_interface_XUL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes">Suivant »</a></p> -</div> -<p>La boîte de liste XUL fournit un certain nombre de méthodes spécialisées.</p> -<h3 id="Manipulation_d.27une_liste" name="Manipulation_d.27une_liste">Manipulation d'une liste</h3> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> fournit de nombreuses méthodes pour rechercher et manipuler ses items. Bien que les boîtes de liste puissent être manipulées en utilisant les fonctions standard de <a href="/fr/DOM" title="fr/DOM">DOM</a>, il est recommandé d'employer les fonctions spécialisées de <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> autant que possible. Ces fonctions sont plus simples et feront correctement leur travail.</p> -<p>La fonction <code>appendItem()</code> est utilisée pour ajouter un nouvel item à la fin d'une liste. Elle est similaire à la fonction <code><a href="/fr/DOM/element.appendChild" title="fr/DOM/element.appendChild">appendChild()</a></code> du DOM sauf qu'elle prend un libellé texte, et que vous n'avez pas à vous soucier où placer votre item dans la structure de la liste. Voici un exemple :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_1.xul">Voir</a></p> -<pre><script> -function addItem(){ - document.getElementById('laliste').appendItem("Jeudi", "jeu"); -} -</script> - -<listbox id="laliste"/> - -<button label="Ajouter" oncommand="addItem();"/> -</pre> -<p>La fonction <code>appendItem()</code> prend deux arguments, le libellé, dans l'exemple 'Jeudi', et une valeur 'jeu'. Les deux arguments correspondent aux attributs <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code>. L'attribut <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> est optionnel et sert à affecter à un item une valeur que vous pouvez réutiliser ensuite dans un script.</p> -<p>De même, il existe les fonctions <code>insertItemAt()</code> et <code>removeItemAt()</code>, qui ajoutent respectivement un nouvel item et suppriment un item existant. La syntaxe est la suivante :</p> -<pre>list.insertItemAt(3, "Jeudi", "jeu"); -list.removeItemAt(3); -</pre> -<p>La fonction <code>insertItemAt()</code> prend un argument supplémentaire, la position pour insérer le nouvel item. Le nouvel item est inséré à cet index. Ainsi, dans l'exemple, le nouvel item sera ajouté à la position 3 et l'item qui avait cette position aura maintenant l'index 4. Rappelez-vous que le premier item est 0. La fonction <code>removeItemAt()</code> supprimera l'item à un index spécifique.</p> -<p>Ces trois méthodes sont également disponibles pour plusieurs autres éléments XUL et fonctionnent de la même manière. En fait, ces méthodes font parties de l'interface <code><a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/nsIDOMXULSelectControlElement.html">nsIDOMXULSelectControlElement</a></code> donc tous les éléments XUL qui implémentent cette interface héritent de ces méthodes. Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> en font partie. Par exemple, pour ajouter un nouvel item à un <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>, vous pouvez employer la même syntaxe qu'une <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>. Le bon type d'élément sera ajouté dans chaque cas.</p> -<h3 id="S.C3.A9lection_de_liste" name="S.C3.A9lection_de_liste">Sélection de liste</h3> -<p>L'interface <code>nsIDOMXULSelectControlElement</code> fournit deux propriétés supplémentaires, <code>selectedIndex</code> et <code>selectedItem</code>. La première renvoie l'index de l'item sélectionné tandis que la seconde renvoie l'élément sélectionné. Par exemple, la valeur de retour de <code>selectedItem</code> sera le <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> sélectionné. Si aucun item n'est sélectionné, <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code></code> retournera '-1', et <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedItem">selectedItem</a></span></code></code> renverra 'null'.</p> -<h4 id="R.C3.A9cup.C3.A9rer_l.27item_s.C3.A9lectionn.C3.A9" name="R.C3.A9cup.C3.A9rer_l.27item_s.C3.A9lectionn.C3.A9">Récupérer l'item sélectionné</h4> -<p>Ces deux propriétés sont généralement inspectées durant un événement de sélection, comme dans l'exemple suivant :</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_2.xul">Voir</a></p> -<pre><listbox id="thelist" onselect="alert(this.selectedItem.label);"> - <listitem label="Petit"/> - <listitem label="Moyen"/> - <listitem label="Grand"/> -</listbox> -</pre> -<p>L'événement de sélection est exécuté par une <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> quand un item de la liste est sélectionné. Le gestionnaire affiche ici une alerte contenant le libellé de l'item sélectionné dans la liste. Puisque l'événement de sélection s'est exécuté, nous pouvons supposer qu'un item est sélectionné. Dans d'autres cas, vous devrez vous assurer que <code>selectedItem</code> n'est pas 'null' avant de poursuivre.</p> -<p>L'événement de sélection est également exécuté quand un bouton radio dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> est sélectionné et quand un onglet est sélectionné dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code>. Cependant, les <code><a href="/fr/docs/Mozilla/Tech/XUL/menulists" title="menulists">menulists</a></code> ne génèrent pas d'événement de sélection ; vous pouvez écouter l'événement "command" à la place pour traiter la sélection d'un item.</p> -<p>Pour l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code>, il est souvent plus commode d'employer les fonctions de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. Il a aussi une fonction <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code></code> qui renverra l'index de l'onglet sélectionné. Cependant, pour récupérer l'item sélectionné, utilisez plutôt la fonction <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedTab">selectedTab</a></span></code></code> de <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. Ou alors, utilisez la fonction <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedPanel">selectedPanel</a></span></code></code> pour récupérer la page d'onglet sélectionnée, ce qui renvoie le contenu associé à l'onglet.</p> -<h4 id="Modifier_la_s.C3.A9lection" name="Modifier_la_s.C3.A9lection">Modifier la sélection</h4> -<p>Toutes les propriétés de sélection décrites ci-dessus peuvent également se voir assigner une nouvelle valeur pour modifier la sélection. Dans l'exemple suivant, la propriété <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> est modifiée avec la valeur entrée dans un champ de saisie. Ce code n'est cependant pas performant ; par exemple, il ne vérifie pas si la valeur entrée est hors limite. Il est conseillé d'ajouter ce genre de vérification d'erreur.</p> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_3.xul">Voir</a></p> -<pre><script> -function doSelect(){ - var val = document.getElementById('number').value; - val = Number(val); - if (val != null) - document.getElementById('level').selectedIndex = val - 1; -} -</script> - -<hbox align="center"> - <label value="Entrez un nombre compris entre 1 et 3 :"/> - <textbox id="number"/> - <button label="Sélectionnez" oncommand="doSelect();"/> -</hbox> - -<radiogroup id="level"> - <radio label="Excellent"/> - <radio label="Bon"/> - <radio label="Mauvais"/> -</radiogroup> -</pre> -<p>Les boîtes de liste supportent aussi les sélections multiples et les fonctions de l'interface <code><a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/nsIDOMXULMultiSelectControlElement.html">nsIDOMXULMultiSelectControlElement</a></code>. Cette interface fournit un certain nombre de fonctions dédiées pour contrôler la sélection multiple. Par exemple, la propriété <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedItems">selectedItems</a></span></code></code> contient une liste des items qui sont sélectionnés, alors que la propriété <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedCount">selectedCount</a></span></code></code> contient le nombre d'items sélectionnés. En général, vous utiliserez ces propriétés pour parcourir la liste et y effectuer quelques opérations sur chaque item. Faites attention lorsque vous parcourez les items sélectionnés de la liste ; si vous modifiez les items dans la liste pendant que vous les parcourez, la liste sera modifiée et les propriétés de sélection pourraient retourner des valeurs différentes. C'est une raison pour laquelle il est utile de manipuler la liste par item plutôt que par l'index.</p> -<h4 id="Effacer_des_items_s.C3.A9lectionn.C3.A9s" name="Effacer_des_items_s.C3.A9lectionn.C3.A9s">Effacer des items sélectionnés</h4> -<p>L'exemple suivant montre une méthode correcte de suppression des items sélectionnés :</p> -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_4.xul">Voir</a></p> -<pre><script> -function deleteSelection(){ - var list = document.getElementById('thelist'); - var count = list.selectedCount; - while (count--){ - var item = list.selectedItems[0]; - list.removeItemAt(list.getIndexOfItem(item)); - } -} -</script> - -<button label="Supprimer" oncommand="deleteSelection();"/> - -<listbox id="thelist" seltype="multiple"> - <listitem label="Cheddar"/> - <listitem label="Cheshire"/> - <listitem label="Edam"/> - <listitem label="Gouda"/> - <listitem label="Havartie"/> -</listbox> -</pre> -<p>À l'intérieur de la boucle <code>while</code>,</p> -<ul> <li>Nous récupérons d'abord l'item sélectionné à l'index 0. Le premier item sélectionné est toujours recherché car la taille du tableau diminuera au fur et à mesure que les items seront supprimés.</li> <li>Ensuite, nous supprimons l'item en utilisant la fonction <code>removeItemAt</code>. Comme cette fonction nécessite un index,</li> <li>Nous pouvons faire correspondre un item et son index en utilisant la fonction <code>getIndexOfItem()</code>. La fonction inverse correspondante est <code>getItemAtIndex()</code></li> -</ul> -<p>L'interface <code><a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/nsIDOMXULMultiSelectControlElement.html">nsIDOMXULMultiSelectControlElement</a></code> fournit également des méthodes pour modifier les items sélectionnés. Par exemple, la fonction <code>addItemToSelection()</code> ajoute un nouvel item à la liste des items sélectionnés, sans vider la sélection existante. La fonction <code>removeItemFromSelection()</code> supprime un seul item dans la sélection.</p> -<h3 id="D.C3.A9filement_de_liste" name="D.C3.A9filement_de_liste">Défilement de liste</h3> -<p>Si la boîte de liste contient plus de lignes qu'elle ne peut en afficher, une barre de défilement apparaîtra pour permettre à l'utilisateur de faire défiler la liste. La position du défilement peut être ajustée en utilisant quelques méthodes de <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code>.</p> -<p>La méthode <code>scrollToIndex()</code> fait défiler jusqu'à une ligne donnée. Cette boîte de liste défilera jusqu'à ce que la ligne soit la première ligne visible, à moins que la ligne ne soit proche de la fin de la liste des items. La méthode <code>ensureIndexIsVisible()</code> est similaire puisqu'elle fait défiler la liste pour afficher une ligne, mais cette méthode ne défilera pas si l'item est déjà visible. Ainsi, la première fonction est utilisée pour faire défiler jusqu'à une ligne précise alors que la deuxième est utilisée pour s'assurer que la ligne soit visible. Il y a également <code>ensureItemIsVisible()</code> qui nécessite un item en argument au lieu d'un index. Comparez l'effet de ces deux fonctions à des positions de défilement différentes dans cet exemple :</p> -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_domlists_5.xul">Voir</a></p> -<pre><button label="scrollToIndex" - oncommand="document.getElementById('thelist').scrollToIndex(4);"/> -<button label="ensureIndexIsVisible" - oncommand="document.getElementById('thelist').ensureIndexIsVisible(4);"/> - -<listbox id="thelist" rows="5"> - <listitem label="1"/> - <listitem label="2"/> - <listitem label="3"/> - <listitem label="4"/> - <listitem label="5"/> - <listitem label="6"/> - <listitem label="7"/> - <listitem label="8"/> - <listitem label="9"/> - <listitem label="10"/> - <listitem label="11"/> - <listitem label="12"/> -</listbox> -</pre> -<hr> -<p>Nous verrons ensuite les objets boîtes XUL.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Modification_d'une_interface_XUL" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Les_objets_boîtes">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/menus_défilants/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/menus_défilants/index.html deleted file mode 100644 index 7772a15f15..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/menus_défilants/index.html +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: Menus défilants -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Menus_défilants -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Scrolling_Menus ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Menus_surgissants" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaires_d'évènements">Suivant »</a></p> -</div> -<p>Cette section va décrire les menus défilants et comment utiliser le mécanisme avec d'autres éléments.</p> -<h3 id="Cr.C3.A9er_un_grand_menu" name="Cr.C3.A9er_un_grand_menu">Créer un grand menu</h3> -<p>Vous vous demandez peut-être ce qu'il se passerait si vous créez un menu avec beaucoup de commandes, de telle manière que tous les items ne peuvent pas s'afficher tous à l'écran en même temps. Mozilla fournit un mécanisme de défilement permettant de faire défiler les items.</p> -<div class="float-right"><img alt="Image:xultu_menuscroll1.png" class=" internal" src="/@api/deki/files/1534/=Xultu_menuscroll1.png"></div> -<p>Si l'espace disponible est trop petit, des flèches vont apparaître sur chaque extrémité du menu. Si vous bougez la souris sur les flèches, le menu va défiler vers le haut et vers le bas. Si l'espace disponible est assez grand, les flèches n'apparaîtront pas. Notez que le comportement exact du défilement dépendra du thème graphique utilisé.</p> -<p>Ce comportement est automatique. Vous n'avez pas à faire quoi que se soit pour avoir des menus défilants. Il va s'appliquer aux menus des barres de menu, aux menus surgissants ou listes déroulantes. Il est implémenté en utilisant un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/arrowscrollbox" title="arrowscrollbox">arrowscrollbox</a></code>. Cet élément peut être utilisé pour créer une boîte de défilement avec des flèches.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/arrowscrollbox" title="arrowscrollbox">arrowscrollbox</a></code> peut être utilisé n'importe où une boîte normale peut être utilisée. Vous n'êtes pas obligé de l'utiliser pour des menus. Il s'agit toujours une boîte verticale pouvant contenir n'importe quel élément à l'intérieur. Vous pouvez l'utiliser pour implémenter une liste que vous ne voulez pas déroulante.</p> -<h4 id="Exemple_-_liste_d.C3.A9filante_de_boutons" name="Exemple_-_liste_d.C3.A9filante_de_boutons">Exemple - liste défilante de boutons</h4> -<p>L'exemple suivant montre comment créer une liste défilante de boutons (vous devrez redimensionner la fenêtre pour voir les boutons de flèches) :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_menuscroll_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_menuscroll_1.xul">Voir</a></p> -<pre><arrowscrollbox orient="vertical" flex="1"> - <button label="Rouge"/> - <button label="Bleu"/> - <button label="Vert"/> - <button label="Jaune"/> - <button label="Orange"/> - <button label="Argent"/> - <button label="Lavande"/> - <button label="Or"/> - <button label="Turquoise"/> - <button label="Pêche"/> - <button label="Bordeaux"/> - <button label="Noir"/> -</arrowscrollbox> -</pre> -<p>Si vous essayez cet exemple, il va d'abord s'ouvrir en pleine taille. Cependant, si vous réduisez la taille de la fenêtre, les flèches de défilement vont apparaître. Rendre la fenêtre plus grande à nouveau va faire disparaître les flèches.</p> -<p>Vous pouvez mettre une propriété CSS <code>max-height</code> sur les <code><a href="/fr/docs/Mozilla/Tech/XUL/arrowscrollbox" title="arrowscrollbox">arrowscrollbox</a></code> pour limiter la taille de la boîte de défilement et ainsi faire apparaître les flèches tout le temps.</p> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/arrowscrollbox" title="arrowscrollbox">arrowscrollbox</a></code> est principalement utile dans les menus et boîtes surgissantes.</p> -<hr> -<p>Par la suite, nous allons voir comment ajouter des gestionnaires d'événements à des éléments XUL.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Menus_surgissants" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaires_d'évènements">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/menus_surgissants/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/menus_surgissants/index.html deleted file mode 100644 index e5e70a93c6..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/menus_surgissants/index.html +++ /dev/null @@ -1,214 +0,0 @@ ---- -title: Menus surgissants -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Menus_surgissants -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Popup_Menus ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Plus_de_fonctionnalités_de_menu" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Menus_défilants">Suivant »</a></p> -</div> - -<p>Dans la section précédente, nous avons vu comment créer un menu sur une barre de menu. XUL a aussi la capacité de créer des menus surgissants. Les menus surgissants sont habituellement affichés lorsque l'utilisateur presse le bouton droit de la souris.</p> - -<h3 id="Cr.C3.A9er_un_menu_surgissant" name="Cr.C3.A9er_un_menu_surgissant">Créer un menu surgissant</h3> - -<p>XUL a trois différentes types de boîtes surgissantes, décrites ci-dessous. La différence majeure est leurs façons d'apparaître.</p> - -<dl> - <dt>Boîte surgissante simple </dt> - <dd>La boîte surgissante simple est une fenêtre surgissante qui apparaît quand l'utilisateur presse le bouton gauche de la souris sur un élément. Elles sont assez semblables aux menus sur les barres de menu, excepté qu'elles peuvent être placées n'importe où et peuvent contenir n'importe quel contenu. Un bon exemple est le menu déroulant qui apparaît quand vous maintenez le bouton de la souris enfoncé sur les boutons "précédent" et "suivant" dans la fenêtre d'un navigateur.</dd> -</dl> - -<dl> - <dt>Boîte contextuelle </dt> - <dd>La boîte contextuelle est une fenêtre surgissante qui apparaît quand l'utilisateur presse le bouton de menu contextuel, qui est habituellement le bouton droit de la souris. Sur certaines plates-formes, Il peut s'agir d'un bouton différent - mais c'est toujours le bouton ou une combinaison de touches et de bouton de souris qui invoque un menu spécifique au contexte. Sur le Macintosh par exemple, l'utilisateur doit soit presser la touche Control et le bouton de la souris, soit maintenir le bouton de la souris enfoncé un certain temps.</dd> -</dl> - -<dl> - <dt>Bulle d'aide </dt> - <dd>Une fenêtre surgissante « bulle d'aide » va apparaître quand l'utilisateur survolera un élément avec la souris. Ce type de boîte surgissante est habituellement utilisé pour fournir la description d'un bouton de façon plus détaillée que le bouton le permet lui-même.</dd> -</dl> - -<p>Ces trois types de boîtes surgissantes diffèrent dans la façon dont l'utilisateur les invoque. <span class="comment">Elles peuvent contenir n'importe quel contenu, bien que des menus soient courants pour les boîtes simples et contextuelles, et qu'une simple chaîne de caractères soit courante pour une bulle d'aide.</span> Le type de boîte surgissante est déterminé par l'élément qui invoque la boîte.</p> - -<h4 id="D.C3.A9claration_d.27un_menu_surgissant" name="D.C3.A9claration_d.27un_menu_surgissant">Déclaration d'un menu surgissant</h4> - -<p>Une boîte sugissante est décrite en utilisant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. C'est un type de boîte sans attributs spéciaux. Quand elle est invoquée, une fenêtre contenant tout ce que vous avez pu mettre dans le <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> va s'afficher. Cependant, vous devez toujours insérer un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sur le <code><a href="/fr/docs/Mozilla/Tech/XUL/popup" title="popup">popup</a></code> car il doit être associé à un élément. Nous verrons bientôt sa signification. D'abord, un exemple :</p> - -<pre><popupset> - <menupopup id="clipmenu"> - <menuitem label="Couper"/> - <menuitem label="Copier"/> - <menuitem label="Coller"/> - </menupopup> -</popupset> -</pre> - -<p>Comme vous pouvez le voir ici, un simple menu surgissant contenant trois commandes a été créé. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> entoure les trois items de menu. Vous remarquerez également que l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> a été mis sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> lui-même.</p> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/popupset" title="popupset">popupset</a></code> entoure l'entière déclaration de menu surgissant. Il s'agit d'un container générique pour les boîtes surgissantes, et il est optionnel. Il ne s'affiche pas à l'écran mais il est utilisé comme une section dans laquelle vous pouvez déclarer tous vos menus surgissants. Comme le nom <code><a href="/fr/docs/Mozilla/Tech/XUL/popupset" title="popupset">popupset</a></code> sous-entend, vous pouvez placer plusieurs déclarations de menus surgissants à l'intérieur. Ajoutez en simplement d'autres après le premier élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Vous pouvez avoir plus d'un <code><a href="/fr/docs/Mozilla/Tech/XUL/popupset" title="popupset">popupset</a></code> dans un fichier, mais habituellement vous n'en aurez qu'un.</p> - -<h4 id="Association_d.27un_menu_surgissant_.C3.A0_un_.C3.A9l.C3.A9ment" name="Association_d.27un_menu_surgissant_.C3.A0_un_.C3.A9l.C3.A9ment">Association d'un menu surgissant à un élément</h4> - -<p>Maintenant que nous avons créé le menu surgissant, il est temps de le faire apparaître. Pour cela, nous avons besoin d'associer le menu à un élément d'où il devra apparaître. Nous faisons cela car nous voulons seulement que le menu apparaisse quand l'utilisateur clique à un certain endroit de la fenêtre. Habituellement, il s'agira d'un bouton spécifique ou d'une boîte.</p> - -<p>Pour associer le menu surgissant à un élément, ajoutez un de ces trois attributs à l'élément. L'attribut que vous ajoutez dépend du type de menu surgissant vous voulez créer. Pour les menus surgissants simples, ajoutez l'attribut <code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code> à l'élément. Pour les menus contextuels, ajoutez l'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>. Enfin, pour les bulles d'aide, ajoutez l'attribut <code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>.</p> - -<p>La valeur de l'attribut doit être celle de l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> du <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> que vous voulez faire apparaître. C'est pour cela que vous devez mettre un <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> sur le <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Par ce moyen, il est facile d'avoir plusieurs menus surgissants dans un seul fichier.</p> - -<p>Dans l'exemple ci-dessus, nous voulons faire un menu surgissant contextuel. Nous devons donc utiliser l'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code> et l'ajouter à l'élément sur lequel nous voulons associer le menu surgissant. L'exemple ci-dessous montre comment procéder :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_popups_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_popups_1.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_popups1.png" class="internal" src="/@api/deki/files/1538/=Xultu_popups1.png"></div> - -<pre><popupset> - <menupopup id="clipmenu"> - <menuitem label="Couper"/> - <menuitem label="Copier"/> - <menuitem label="Coller"/> - </menupopup> -</popupset> - -<box context="clipmenu"> - <label value="Faites un clic contextuel pour afficher le menu"/> -</box> -</pre> - -<p>Ici, le menu contextuel a été associé à une boîte. À chaque fois que vous faîtes un clic contextuel (clic droit) n'importe où dans la boîte, le menu surgissant apparaîtra. Le menu apparaîtra aussi même si vous cliquez sur un enfant de la boîte, donc il apparaîtra aussi si vous cliquez sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/label" title="label">label</a></code>. L'attribut <code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code> a été utilisé pour associer la boîte au menu contextuel de même <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>. Dans ce cas, le menu 'clipmenu' va apparaître. De cette façon, vous pouvez disposer de plusieurs menus surgissants et les associer avec différents éléments.</p> - -<p>Vous pouvez associer plusieurs menus surgissants avec le même élément en mettant plusieurs d'attributs de différents types sur un élément. Vous pouvez aussi associer le même menu surgissant à plusieurs éléments, ce qui est un avantage de l'utilisation de la syntaxe popup. Les menus surgissants ne peuvent être associés qu'avec des éléments XUL. Ils ne peuvent pas être associés à des éléments HTML.</p> - -<h3 id="Bulles_d.27aide" name="Bulles_d.27aide">Bulles d'aide</h3> - -<p>Nous allons voir un moyen simple de créer des bulles d'aide. Il y a deux façons de créer des bulles d'aide. La méthode la plus simple, qui est la plus commune, est d'ajouter un attribut <code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code> à un élément sur lequel vous voulez assigner une bulle d'aide.</p> - -<p>La deuxième méthode consiste à utiliser un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code> contenant le contenu d'une bulle d'aide. Il nécessite que vous ayez un bloc séparé de contenu pour chaque bulle d'aide ou que vous ayez un script contenant le contenu, bien que certains contenus hormis du texte dans une bulle d'aide ne sont pas permis.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_popups_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_popups_2.xul">Voir</a></p> - -<pre><button label="Sauvegarder" tooltiptext="Cliquez ici pour enregistrer vos trucs"/> - -<popupset> - <tooltip id="moretip" orient="vertical" style="background-color: #33DD00;"> - <description value="Cliquez ici pour voir plus d'information"/> - <description value="Vraiment!" style="color: red;"/> - </tooltip> -</popupset> - -<button label="Plus" tooltip="moretip"/> -</pre> - -<p>Ces deux boutons ont chacun une bulle d'aide. Le premier utilise le style par défaut de bulle d'aide. Le second utilise une bulle d'aide modifiée qui a une couleur d'arrière-plan différente et un texte stylisé. La bulle d'aide est associée au bouton 'Plus' en utilisant l'attribut <code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, correspondant à l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code>. Notez que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code> est également placé à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/popset" title="popset">popset</a></code> comme pour les autres types de menus surgissants.</p> - -<h3 id="Alignement_des_menus_surgissants" name="Alignement_des_menus_surgissants">Alignement des menus surgissants</h3> - -<p>Par défaut, les menus surgissants et contextuels vont apparaître là où le pointeur de la souris se trouve. Les bulles d'aides seront placées légèrement sous l'élément pour que le pointeur de la souris ne les cache pas. Il y a des cas toutefois, où vous voudrez préciser l'emplacement du menu surgissant. Par exemple, le menu surgissant qui apparaît quand vous cliquez sur le bouton Précédent dans un navigateur doit apparaître sous le bouton Précédent, non pas là ou se situe le pointeur de la souris.</p> - -<p>Pour changer la position du menu, vous pouvez utiliser un attribut additionnel, <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, sur le <code><a href="/fr/docs/Mozilla/Tech/XUL/popup" title="popup">popup</a></code>. Vous pouvez aussi l'ajouter à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Cet attribut est utilisé pour indiquer l'emplacement du menu relativement à l'élément invoquant la boîte. Ses différentes valeurs applicables sont décrites brièvement ci-dessous :</p> - -<dl> - <dt>'after_start' </dt> - <dd>Le menu surgissant apparaît sous l'élément avec les bords gauche de l'élément et du menu alignés. Si le menu surgissant est plus large que l'élément, il s'étend à droite. C'est cette valeur qui est utilisée pour les menus déroulants associés avec les boutons Précédent et Suivant du navigateur.</dd> -</dl> - -<dl> - <dt>'after_end' </dt> - <dd>Le menu surgissant apparaît sous l'élément avec les bords droit de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'before_start' </dt> - <dd>Le menu surgissant apparaît au-dessus de l'élément avec les bords gauche de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'before_end' </dt> - <dd>Le menu surgissant apparaît au-dessus de l'élément avec les bords droit de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'end_after' </dt> - <dd>Le menu surgissant apparaît à droite de l'élément avec les bords inférieurs de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'end_before' </dt> - <dd>Le menu surgissant apparaît à droite de l'élément avec les bords supérieurs de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'start_after' </dt> - <dd>Le menu surgissant apparaît à gauche de l'élément avec les bords inférieurs de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'start_before' </dt> - <dd>Le menu surgissant apparaît à gauche de l'élément avec les bords supérieurs de l'élément et du menu alignés.</dd> -</dl> - -<dl> - <dt>'overlap' </dt> - <dd>Le menu surgissant apparaît par dessus l'élément.</dd> -</dl> - -<dl> - <dt>'at_pointer' </dt> - <dd>Le menu surgissant apparaît à la position du pointeur de la souris.</dd> -</dl> - -<dl> - <dt>'after_pointer' </dt> - <dd>Le menu surgissant apparaît à la même position horizontale que le pointeur de la souris mais apparaît sous l'élément. C'est ainsi que les bulles d'aide apparaissent.</dd> -</dl> - -<p>En ajoutant l'attribut <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code> à un élément popup, vous pouvez spécifier précisément où le menu surgissant doit apparaître. Vous ne pouvez pas spécifier une position exacte en pixels. L'attribut <code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code> peut être utilisé pour les trois types de menus surgissants, bien que vous ne changerez probablement pas la valeur pour les bulles d'aide.</p> - -<p>L'exemple ci-dessous montre la création d'un bouton Précédent avec un menu surgissant :</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_popups_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_popups_3.xul">Voir</a></p> - -<pre><popupset> - <menupopup id="backpopup" position="after_start"> - <menuitem label="Page 1"/> - <menuitem label="Page 2"/> - </menupopup> -</popupset> - -<button label="Affiche moi" popup="backpopup"/> -</pre> - -<div class="highlight"> -<h3 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h3> - -<p>Ajoutons un simple menu surgissant à la boîte de dialogue de recherche de fichiers. Pour plus de simplicité, nous allons juste recopier le contenu du menu 'Edition'. Le menu apparaîtra quand l'on clique sur le premier onglet :</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-popups.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-popups.xul">Voir</a></p> - -<pre class="eval"><span class="highlightred"><popupset> <menupopup id="editpopup"> <menuitem label="Couper" accesskey="c"/> <menuitem label="Copier" accesskey="p"/> <menuitem label="Coller" accesskey="l" disabled="true"/> </menupopup> </popupset></span> - -<vbox flex="1"> -. -. -. - -<span class="highlightred"><tabpanel id="searchpanel" orient="vertical" context="editpopup"></span> -</pre> -Ici un simple menu surgissant, similaire au menu Edition, a été ajouté au premier onglet. Si vous faîtes un clic droit (Control-clic sur Macintosh) n'importe où sur la page de ce premier onglet, le menu surgissant va apparaître. Cependant, le menu n'apparaîtra pas si vous cliquez autre part. - -<div class="note">Notez que le champs de saisie a son propre menu surgissant qui supplantera celui que nous avons spécifié.</div> -</div> - -<hr> -<p>Par la suite, nous allons voir comment créer des menus défilants.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Plus_de_fonctionnalités_de_menu" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Menus_défilants">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/mise_à_jour_de_commandes/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/mise_à_jour_de_commandes/index.html deleted file mode 100644 index ca785b61a8..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/mise_à_jour_de_commandes/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: Mise à jour de commandes -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Mise_à_jour_de_commandes -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Updating_Commands ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Commandes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Broadcasters_et_Observateurs">Suivant »</a></p> -</div> - -<p>Dans cette section, nous verrons comment mettre à jour des commandes.</p> - -<h3 id="Appel_des_commandes" name="Appel_des_commandes">Appel des commandes</h3> - -<p>Si une commande a un attribut <code id="a-oncommand"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommand">oncommand</a></code>, vous pouvez simplement l'appeler en utilisant la méthode <code><span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span></code> de la commande ou un élément qui lui est attaché. Pour d'autres commandes, vous aurez besoin de quelques lignes de codes supplémentaires. Vous devrez passer par ces étapes spéciales dans le cas où les commandes appelées sont implémentées par un contrôleur. Vous aurez aussi besoin de le faire dans le cas où vous créez votre propre menu de commandes, par exemple pour implémenter les commandes du menu d'édition de votre propre application.</p> - -<p>Heureusement, le code spécial est assez simple. Tout ce que nous avons besoin de faire est d'obtenir le contrôleur demandé et d'appeler la commande. Une manière simple de le faire est la suivante :</p> - -<pre>var controller = document.commandDispatcher.getControllerForCommand("cmd_paste"); -if (controller && controller.isCommandEnabled("cmd_paste")){ - controller.doCommand(command); -} -</pre> - -<p>Le code ci-dessus recherche d'abord le contrôleur pour la commande '<code>cmd_paste</code>' grâce au répartiteur de commandes. Puis, il teste si la commande est activée, et enfin exécute la commande utilisant la méthode <code>doCommand</code> du contrôleur. Notez que nous n'avons pas besoin de préciser l'élément ou le contrôleur à utiliser. Le répartiteur de commandes s'en charge. En outre, nous pourrions juste appeler <code>doCommand</code> sans vérifier si la commande est activée ou non, mais il vaut mieux le faire.</p> - -<p>Le code ci-dessus est tellement générique qu'il pourrait être une fonction prenant une commande en argument et exécutant cette commande. Cette fonction pourrait être ainsi réutilisée pour toutes les commandes. En fait, c'est tellement commun que Mozilla inclut une bibliothèque qui ne fait que ça. Si vous incluez le script '<code><a class="external" rel="freelink">chrome://global/content/globalOverlay.js</a></code>' dans un fichier XUL, vous pouvez appeler la méthode <span id="m-goDoCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/goDoCommand">goDoCommand</a></code></span> qui exécute la commande passée en argument. Le code pour cette fonction ne fait que quelques lignes, ainsi vous pourriez l'inclure directement dans votre code si pour certaines raisons vous ne souhaitez pas inclure la bibliothèque.</p> - -<pre><script src="chrome://global/content/globalOverlay.js"/> - -<command id="cmd_paste" oncommand="goDoCommand('cmd_paste');/> -<button label="Coller" command="cmd_paste"/> -</pre> - -<p>L'exemple ci-dessus va implémenter un bouton pour « Coller ». Il est relié à la commande qui va appeler la commande du contrôleur concerné lorsqu'il est appelé. Le code ci-dessus est tout ce dont vous avez besoin pour implémenter la fonctionnalité de la commande Coller dans votre application. La seule autre chose dont vous avez besoin est de vous assurer que le statut de la commande Coller qui est activé, et donc du bouton, est mis à jour au bon moment, comme décrit ci-dessous.</p> - -<h3 id="Dispositifs_de_mise_.C3.A0_jour_de_commande" name="Dispositifs_de_mise_.C3.A0_jour_de_commande">Dispositifs de mise à jour de commande</h3> - -<p>Un dispositif de mise à jour de commande est un dispositif spécial de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/commandset" title="commandset">commandset</a></code> qui lui permet de mettre à jour les statuts activés d'une ou plusieurs commandes lorsque certains événements se produisent. Vous devrez y pensez lorsqu'une commande est valide et lorsqu'elle ne l'est pas. De plus, vous devrez considérer quand l'état pourrait changer et quand les commandes devraient être mises à jour.</p> - -<p>Par exemple, la commande « Coller » est valide lorsque le champ de saisie de texte a le focus et qu'il y a quelque chose dans le presse-papiers à coller. La commande deviendra active chaque fois que le champ de saisie aura le focus et lorsque le contenu du presse-papiers changera. Un dispositif de mise à jour de contenu surveillera ces situations et le code qui active et désactive les commandes pourra être exécuté selon les besoins.</p> - -<p>Un simple dispositif de mise à jour de commandes ressemble à ceci :</p> - -<pre><commandset id="updatePasteItem" - commandupdater="true" - events="focus" - oncommandupdate="goUpdateCommand('cmd_paste');"/> -</pre> - -<p>Un dispositif de mise à jour de commandes est indiqué en utilisant l'attribut <code id="a-commandupdater"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/commandupdater">commandupdater</a></code>, qui devrait être déclaré à 'true'. L'attribut <code id="a-events"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/events">events</a></code> est utilisé pour lister les événements que le dispositif de mise à jour de commandes surveille. Vous pouvez spécifier de multiples événements en les séparant par des virgules. Dans l'exemple ci-dessus, le dispositif de mise à jour de commandes surveille les événements de focus. Il a pour effet de mettre à jour les commandes lorsqu'un élément reçoit le focus.</p> - -<p>Lorsqu'un événement de focus se produit, le code dans l'attribut <code id="a-oncommandupdate"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/oncommandupdate">oncommandupdate</a></code> est appelé. Dans l'exemple, la méthode <code>goUpdateCommand</code>, qui est une fonction provenant du script globalOverlay.js décrit plus tôt, est appelée. Elle va mettre à jour la commande et activer ou désactiver les items de boutons et de menus nécessaires. Le code qui est derrière est assez simple. Il appelle seulement le contrôleur nécessaire, appelle sa méthode <code>isCommandEnabled</code>, et enfin active ou désactive la commande. Si vous avez plusieurs commandes à mettre à jour, appelez la méthode <code>goUpdateCommand</code> une fois pour chaque commande.</p> - -<div class="note">Notez que le dispositif de mise à jour de commandes recevra les notifications de tous les événements de focus sur tous les éléments, même si d'autres gestionnaires d'événements répondent à l'événement. Un dispositif de mise à jour de commandes est par essence un gestionnaire global d'événements.</div> - -<p>Les dispositifs de mise à jour de commandes disposent de plusieurs événements pouvant répondre à ceux qui sont listés ci-dessous. Il est également possible de créer le votre.</p> - -<ul> - <li><strong>focus</strong> : se produit lorsque l'élément qui a le focus change.</li> - <li><strong>select</strong> : se produit lorsque le texte sélectionné change.</li> - <li><strong>undo</strong> : se produit lorsque le tampon d'annulation change.</li> - <li><strong>clipboard</strong> : se produit lorsque le contenu du presse-papiers change.</li> -</ul> - -<p>L'exemple suivant montre le dispositif de mise à jour de commandes utilisé dans le navigateur Mozilla pour mettre à jour le menu d'édition de commandes. Les fonctions utilisées sont disponibles dans le script '<code><a class="external" rel="freelink">chrome://communicator/content/utilityOverlay.js</a></code>'.</p> - -<pre><commandset id="globalEditMenuItems" - commandupdater="true" - events="focus" - oncommandupdate="goUpdateGlobalEditMenuItems()"/> -<commandset id="selectEditMenuItems" - commandupdater="true" - events="select" - oncommandupdate="goUpdateSelectEditMenuItems()"/> -<commandset id="undoEditMenuItems" - commandupdater="true" - events="undo" - oncommandupdate="goUpdateUndoEditMenuItems()"/> -<commandset id="clipboardEditMenuItems" - commandupdater="true" - events="clipboard" - oncommandupdate="goUpdatePasteMenuItems()"/> -</pre> - -<hr> -<p>Ensuite, nous vous montrerons comment utiliser les observateurs.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Commandes" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Broadcasters_et_Observateurs">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/modification_d'une_interface_xul/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/modification_d'une_interface_xul/index.html deleted file mode 100644 index 249e58daa6..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/modification_d'une_interface_xul/index.html +++ /dev/null @@ -1,167 +0,0 @@ ---- -title: Modification d'une interface XUL -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Modification_d'une_interface_XUL -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Modifying_a_XUL_Interface ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Document_Object_Model" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Manipulation_de_listes">Suivant »</a></p> -</div> - -<p>Le <abbr title="Document Object Model">DOM</abbr> fournit de nombreuses fonctions pour modifier un document.</p> - -<h3 id="Cr.C3.A9ation_de_nouveaux_.C3.A9l.C3.A9ments" name="Cr.C3.A9ation_de_nouveaux_.C3.A9l.C3.A9ments">Création de nouveaux éléments</h3> - -<p>Vous pouvez créer de nouveaux éléments en utilisant la fonction <code><a href="/fr/DOM/document.createElement" title="fr/DOM/document.createElement">createElement()</a></code> du document. Elle ne prend qu'un argument, le nom de la balise de l'élément à créer. Vous pouvez ensuite lui affecter des attributs en utilisant la fonction <code><a href="/fr/DOM/element.setAttribute" title="fr/DOM/element.setAttribute">setAttribute()</a></code> et ajouter cet élément au document XUL grâce à la fonction <code><a href="/fr/DOM/element.appendChild" title="fr/DOM/element.appendChild">appendChild()</a></code>. L'exemple suivant ajoute un bouton à une fenêtre XUL :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_1.xul">Voir</a></p> - -<pre><script> -function addButton(){ - var aBox = document.getElementById("aBox"); - var button = document.createElement("button"); - button.setAttribute("label","Un bouton"); - aBox.appendChild(button); -} -</script> - -<box id="aBox" width="200"> - <button label="Ajouter" oncommand="addButton();"/> -</box> -</pre> - -<ul> - <li>Le script récupère d'abord avec <code><a href="/fr/DOM/document.getElementById" title="fr/DOM/document.getElementById">getElementById()</a></code> une référence à la boîte qui est le container dans lequel le nouveau bouton sera ajouté.</li> - <li>La fonction <code><a href="/fr/DOM/document.createElement" title="fr/DOM/document.createElement">createElement()</a></code> crée un nouveau bouton.</li> - <li>Nous assignons un libellé 'Un bouton' à ce bouton avec la fonction <code><a href="/fr/DOM/element.setAttribute" title="fr/DOM/element.setAttribute">setAttribute()</a></code>.</li> - <li>La fonction <code><a href="/fr/DOM/element.appendChild" title="fr/DOM/element.appendChild">appendChild()</a></code> de la boîte est appelée pour lui ajouter le bouton.</li> -</ul> - -<p>La fonction <code><a href="/fr/DOM/document.createElement" title="fr/DOM/document.createElement">createElement()</a></code> va créer l'élément type par défaut du document. Pour des documents XUL, il sera généralement question de création d'éléments XUL. Pour un document HTML, un élément HTML sera créé, et donc, il aura les fonctionnalités et les fonctions d'un élément HTML. La fonction <code><a href="/fr/DOM/document.createElementNS" title="fr/DOM/document.createElementNS">createElementNS()</a></code> peut être utilisée pour créer des éléments dans un espace de nommage différent.</p> - -<p>La fonction <code><a href="/fr/DOM/element.appendChild" title="fr/DOM/element.appendChild">appendChild()</a></code> est utilisée pour ajouter un élément en tant qu'enfant d'un autre élément. Il existe trois fonctions associées qui sont les fonctions <code><a href="/fr/DOM/element.insertBefore" title="fr/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="/fr/DOM/element.replaceChild" title="fr/DOM/element.replaceChild">replaceChild()</a></code> et <code><a href="/fr/DOM/element.removeChild" title="fr/DOM/element.removeChild">removeChild</a></code>. Leur syntaxe est la suivante :</p> - -<pre>parent.appendChild(child); -parent.insertBefore(child, referenceChild); -parent.replaceChild(newChild, oldChild); -parent.removeChild(child); -</pre> - -<p>Le nom de ces fonctions suffit à comprendre ce qu'elles font.</p> - -<ul> - <li>La fonction <code><a href="/fr/DOM/element.insertBefore" title="fr/DOM/element.insertBefore">insertBefore()</a></code> insère un nouveau n½ud enfant avant un autre existant. Elle est utilisée pour réaliser une insertion à l'intérieur d'une série d'enfants plutôt qu'à la fin comme le fait la fonction <code><a href="/fr/DOM/element.appendChild" title="fr/DOM/element.appendChild">appendChild()</a></code>.</li> - <li>La fonction <code><a href="/fr/DOM/element.replaceChild" title="fr/DOM/element.replaceChild">replaceChild()</a></code> efface un enfant existant et en ajoute un nouveau à sa place, à la même position.</li> - <li>Pour finir, la fonction <code><a href="/fr/DOM/element.removeChild" title="fr/DOM/element.removeChild">removeChild()</a></code> supprime un nœud.</li> -</ul> - -<div class="note">Notez que pour toutes ces fonctions, l'enfant de référence ou l'enfant à supprimer doit exister sinon une erreur sera générée.</div> - -<p>Il est fréquent que vous vouliez effacer un élément existant et l'ajouter autre part. Dans ce cas, vous pouvez simplement ajouter l'élément sans l'effacer préalablement. Puisqu'un nœud ne peut exister qu'à un seul emplacement à la fois, le mécanisme d'insertion se chargera toujours d'effacer d'abord le nœud de son emplacement initial. C'est une méthode pratique pour déplacer un nœud dans un document.</p> - -<h4 id="Copie_de_n.C5.93uds" name="Copie_de_n.C5.93uds">Copie de nœuds</h4> - -<p>Toutefois, pour copier un nœud, vous devrez appeler la fonction <code><a href="/fr/DOM/element.cloneNode" title="fr/DOM/element.cloneNode">cloneNode()</a></code>. Cette fonction réalise une copie d'un nœud existant, ce qui vous permet ensuite de l'ajouter autre part. Le nœud original restera à sa place. Elle prend un argument booléen indiquant si elle doit copier tous les nœuds enfants ou non. Si la valeur est 'false', seul le n½ud est copié, comme s'il n'avait jamais eu aucun enfant. Si la valeur est 'true', tous les enfants sont également copiés. La copie est faite récursivement, donc pour de larges structures d'arbres, assurez-vous de vouloir réellement passer cette valeur 'true' à la fonction <code><a href="/fr/DOM/element.cloneNode" title="fr/DOM/element.cloneNode">cloneNode()</a></code>. Voici un exemple :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_2.xul">Voir</a></p> - -<pre><hbox height="400"> - <button label="Copier" - oncommand="this.parentNode.appendChild(this.nextSibling.cloneNode(true));"/> - - <vbox> - <button label="Premier"/> - <button label="Deuxième"/> - </vbox> -</hbox> -</pre> - -<p>Lorsque le bouton 'Copier' est appuyé :</p> - -<ul> - <li>nous récupérons l'élément voisin suivant de même niveau que le bouton, qui est dans ce cas l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code>.</li> - <li>une copie de cet élément est effectuée en utilisant la fonction <code><a href="/fr/DOM/element.cloneNode" title="fr/DOM/element.cloneNode">cloneNode()</a></code></li> - <li>et la copie est ajoutée à la fin grâce à <code><a href="/fr/DOM/element.appendChild" title="fr/DOM/element.appendChild">appendChild()</a></code>.</li> -</ul> - -<div class="note">Vous noterez que certains éléments, tels que <code><a href="/fr/docs/Mozilla/Tech/XUL/listbox" title="listbox">listbox</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code> disposent de fonctions de modification spécialisées supplémentaires que vous devriez utiliser dès que vous le pouvez. Elles seront décrites dans <a href="/fr/Tutoriel_XUL/Manipulation_de_listes" title="fr/Tutoriel_XUL/Manipulation_de_listes">une prochaine section</a>.</div> - -<h3 id="Manipulation_d.27.C3.A9l.C3.A9ments_basiques" name="Manipulation_d.27.C3.A9l.C3.A9ments_basiques">Manipulation d'éléments basiques</h3> - -<p>Les éléments principaux de XUL, tels que les boutons, les cases à cocher et les boutons radios, peuvent être manipulés grâce à de nombreuses propriétés de script. Les propriétés disponibles sont listées sur la page <a href="/fr/Référence_XUL" title="fr/Référence_XUL">référence des éléments</a> car celles disponibles varient selon les éléments. Les propriétés communes que vous pouvez manipuler sont <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/label">label</a></span></code></code>, <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/value">value</a></span></code></code>, <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/checked">checked</a></span></code></code> et <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/disabled">disabled</a></span></code></code>. Elles affectent ou effacent les attributs correspondants si nécessaire.</p> - -<h4 id="Exemples_de_propri.C3.A9t.C3.A9s_XULAttrlabel_et_XULAttrvalue" name="Exemples_de_propri.C3.A9t.C3.A9s_XULAttrlabel_et_XULAttrvalue">Exemples de propriétés <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> et <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code></h4> - -<p>Voici un exemple simple de changement d'un libellé de bouton :</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_3.xul">Voir</a></p> - -<pre><button label="Bonjour" oncommand="this.label = 'Aurevoir';"/></pre> - -<p>Lorsque le bouton est pressé, son libellé est modifié. Cette technique fonctionne pour une large majorité d'éléments ayant des libellés (label). Pour les champs de saisie, vous pouvez faire quelque chose de similaire pour sa propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/value">value</a></span></code>.</p> - -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_4.xul">Voir</a></p> - -<pre><button label="Ajouter" oncommand="this.nextSibling.value += '1';"/> -<textbox/> -</pre> - -<p>Cet exemple ajoute un '1' dans le champ de saisie chaque fois que le bouton est pressé. La propriété <code><a href="/fr/DOM/element.nextSibling" title="fr/DOM/element.nextSibling">nextSibling</a></code> permet d'atteindre l'élément suivant le bouton (this), le champ de saisie <code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>. L'opérateur <code>+=</code> sert à ajouter un '1' à la fin du texte de la valeur courante. Notez que vous pouvez encore ajouter du texte dans ce champ de saisie. Vous pouvez récupérer le libellé courant ou la valeur en utilisant ses propriétés, comme dans l'exemple suivant :</p> - -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_5.xul">Voir</a></p> - -<pre><button label="Bonjour" oncommand="alert(this.label);"/></pre> - -<h4 id="Changement_d.27.C3.A9tat_d.27une_case_.C3.A0_cocher" name="Changement_d.27.C3.A9tat_d.27une_case_.C3.A0_cocher">Changement d'état d'une case à cocher</h4> - -<p>Les cases à cocher disposent d'une propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/checked">checked</a></span></code> qui sert à les cocher ou à les décocher. Il est facile de comprendre son usage. Dans l'exemple à suivre, nous inversons l'état de la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/checked">checked</a></span></code> chaque fois que le bouton est pressé. Tandis que les libellés et les valeurs sont des chaînes de caractères, vous noterez que la propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/checked">checked</a></span></code> est un booléen qui prend une valeur 'true' ou 'false'.</p> - -<p><span id="Exemple_6"><a id="Exemple_6"></a><strong>Exemple 6</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_6.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_6.xul">Voir</a></p> - -<pre><button label="Changer" oncommand="this.nextSibling.checked = - !this.nextSibling.checked;"/> -<checkbox label="Cochez pour les messages"/> -</pre> - -<p>Les boutons radios peuvent également être sélectionnés en utilisant des propriétés, toutefois, un seul est sélectionné à la fois dans un groupe, tous les autres étant décochés. Vous n'avez pas à réaliser cette gestion manuellement. La propriété <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code></code> du <code><a href="/fr/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code> peut être utilisée pour cela. La propriété <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code></code> sert à récupérer l'index du bouton radio sélectionné dans le groupe. Il sert également à le modifier.</p> - -<h4 id="Modification_de_l.27.C3.A9tat_activ.C3.A9_ou_d.C3.A9sactiv.C3.A9_d.27un_.C3.A9l.C3.A9ment" name="Modification_de_l.27.C3.A9tat_activ.C3.A9_ou_d.C3.A9sactiv.C3.A9_d.27un_.C3.A9l.C3.A9ment">Modification de l'état activé ou désactivé d'un élément</h4> - -<p>Il est habituel de désactiver des champs particuliers qui ne servent pas dans une situation donnée. Par exemple, dans la boîte de dialogue des préférences, vous avez le choix entre plusieurs possibilités, mais seul un choix permet un paramétrage supplémentaire. Voici un exemple de création de ce type d'interface :</p> - -<p><span id="Exemple_7"><a id="Exemple_7"></a><strong>Exemple 7</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_7.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_dommodify_7.xul">Voir</a></p> - -<pre><script> -function updateState(){ - var name = document.getElementById("name"); - var sindex = document.getElementById("group").selectedIndex; - name.disabled = sindex == 0; -} -</script> - -<radiogroup id="group" onselect="updateState();"> - <radio label="Nom aléatoire" selected="true"/> - <hbox> - <radio label="Spécifiez un nom :"/> - <textbox id="name" value="Alain" disabled="true"/> - </hbox> -</radiogroup> -</pre> - -<p>Dans cet exemple, une fonction <code>updateState()</code> est appelée chaque fois qu'un événement de sélection est déclenché depuis le groupe de boutons radios. Elle est exécutée lorsque qu'un bouton radio est sélectionné. La fonction retournera l'indice de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/radio" title="radio">radio</a></code> actuellement sélectionné en utilisant la propriété <code><code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/selectedIndex">selectedIndex</a></span></code></code>. Vous noterez que bien qu'un bouton radio se trouve à l'intérieur d'une boîte <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code>, il reste attaché au groupe radio. Si le premier bouton radio est sélectionné (index de '0'), le champ de saisie est désactivé en définissant sa propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/disabled">disabled</a></span></code> à 'true'. Si le second bouton radio est sélectionné, le champ de saisie est activé.</p> - -<hr> -<p>La section suivante fournira plus de détails sur la manipulation des groupes de boutons radios et la manipulation des listes.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Document_Object_Model" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Manipulation_de_listes">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> - -<p> </p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/modification_du_thème_par_défaut/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/modification_du_thème_par_défaut/index.html deleted file mode 100644 index 6e0899b330..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/modification_du_thème_par_défaut/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: Modification du thème par défaut -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Modification_du_thème_par_défaut -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Modifying_the_Default_Skin ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Styler_un_arbre" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Créer_un_thème">Suivant »</a></p> -</div> -<p>Cette section décrit comment modifier le thème graphique d'une fenêtre.</p> -<h3 id="Les_bases_d.27un_th.C3.A8me" name="Les_bases_d.27un_th.C3.A8me">Les bases d'un thème</h3> -<p><a href="/fr/Créer_un_thème_pour_Firefox//Premiers_pas" title="fr/Créer_un_thème_pour_Firefox//Premiers_pas">Un thème</a> est un ensemble de feuilles de styles, d'images et de comportements qui est appliqué à un fichier XUL. En appliquant un thème différent, vous pouvez changer l'apparence d'une fenêtre sans changer ses fonctionnalités. Firefox fournit un thème par défaut, et vous pouvez en télécharger d'autres. Le XUL pour les deux est le même. En revanche, les feuilles de styles et les images utilisées sont différentes.</p> -<p>Pour une simple personnalisation de l'apparence d'une fenêtre Mozilla, vous pouvez facilement changer les feuilles de styles qui lui sont associées. Des modifications plus importants peuvent être faits en créant un thème complètement nouveau. La fenêtre des préférences de Mozilla comporte un panneau pour changer le thème par défaut. (Bien que Mozilla appelle le code sous jacent les appelle 'skins' et que l'inteface utilisateur les appelle des thèmes, il s'agit de la même chose).</p> -<p>Un thème est décrit en utilisant des <a href="/fr/CSS" title="fr/CSS">CSS</a>, ce qui vous permet de définir <a href="/fr/CSS/Premiers_pas/Couleurs" title="fr/CSS/Premiers_pas/Couleurs">les couleurs</a>, <a href="/fr/CSS/Premiers_pas/Boîtes" title="fr/CSS/Premiers_pas/Boîtes">les bordures</a> et les images utilisées pour dessiner des éléments. Le fichier 'classic.jar' contient les définitions des thèmes. Le répertoire "global" inclus dans ces archives contient les définitions principales des styles concernant la manière d'afficher les différents éléments XUL. En modifiant ces fichiers, vous pouvez modifier l'apparence des applications XUL.</p> -<h3 id="Personnalisation_avec_userChrome.css" name="Personnalisation_avec_userChrome.css">Personnalisation avec userChrome.css</h3> -<p>Si vous placez un fichier appelé 'userChrome.css' dans le répertoire "chrome" dans le répertoire de votre profil utilisateur, vous pouvez remplacer des paramètres sans changer les archives elles-mêmes. Ce répertoire devrait être créé quand vous créez un profil et quelques exemples y figurer. Le fichier 'userContent.css' permet de personnaliser les pages Web, tandis que 'userChrome.css' permet de personnaliser les fichiers chrome.</p> -<p>Par exemple, en ajoutant ce qui suit à la fin de ce fichier, vous pouvez changer tous les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/menubar" title="menubar">menubar</a></code> pour leur appliquer un fond rouge.</p> -<pre>menubar { - background-color: red; -} -</pre> -<p>Si vous ouvrez une fenêtre Mozilla après avoir effectué ce changement, les barres de menu seront rouges. Comme ce changement a été appliqué à la feuille de styles utilisateur, il affecte toutes les fenêtres. Cela signifie que la barre de menus du navigateur, la barre de menus des marque-pages et même la barre de menus du dialogue de recherche de fichiers seront rouges.</p> -<h3 id="Paquetages_de_th.C3.A8mes" name="Paquetages_de_th.C3.A8mes">Paquetages de thèmes</h3> -<p>Pour que le changement n'affecte qu'une fenêtre, modifiez la feuille de styles associée à ce fichier XUL. Par exemple, pour ajouter une bordure rouge autour des commandes de menu dans la fenêtre du carnet d'adresses, ajoutez ce qui suit au fichier 'bookmarksManager.css' dans l'archive 'classic.jar' ou de votre thème préféré.</p> -<pre>menuitem { - border: 1px solid red; -} -</pre> -<p>Si vous regardez dans les archives des thèmes, vous remarquerez que chacune contient un certain nombre de feuilles de styles et d'images. Les feuilles de styles font référence aux images. Vous devriez éviter de faire directement référence aux images dans les fichiers XUL si vous voulez que votre contenu puisse être modifié par un thème, parce qu'un certain thème peut ne pas utiliser d'images et avoir besoin d'un design plus complexe. En faisant référence aux images seulement dans les fichiers CSS, on peut facilement les enlever. Cela évite aussi la dépendance avec les noms de fichier spécifiques des images.</p> -<p>Vous pouvez attribuer des images à un bouton, à une case à cocher et à d'autres éléments en utilisant la propriété <code>list-style-image</code> comme suit :</p> -<pre>checkbox { - list-style-image: url("chrome://findfile/skin/images/check-off.jpg"); -} - -checkbox[checked="true"] { - list-style-image: url("chrome://findfile/skin/images/check-on.jpg"); -} -</pre> -<p>Ce code modifie l'image associée à une case à cocher. Le premier style applique une certaine image pour une case à cocher décochée et le second style pour une case à cocher cochée. Le modificateur 'checked=true' n'applique le style qu'aux éléments qui ont leur attribut <code id="a-checked"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/checked">checked</a></code> à 'true'.</p> -<p><small> Consultez <a href="/fr/Créer_un_thème_pour_Firefox" title="fr/Créer_un_thème_pour_Firefox">Créer un thème pour Firefox</a> et <a href="/fr/CSS/Premiers_pas" title="fr/CSS/Premiers_pas">CSS:Premiers pas</a> pour plus de détails. </small></p> -<hr> -<p>Dans la prochaine section, nous allons voir comment créer un nouveau thème.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Styler_un_arbre" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Créer_un_thème">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/onglets/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/onglets/index.html deleted file mode 100644 index e2d94235ea..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/onglets/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: Onglets -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Onglets -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Tabboxes ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Positionnement_dans_une_pile" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Grilles">Suivant »</a></p> -</div> -<p>Il est courant de voir des pages à onglets dans les boîtes de dialogues de préférences. Nous allons voir ici comment les créer.</p> -<h3 id="Bo.C3.AEtes_d.27onglets" name="Bo.C3.AEtes_d.27onglets">Boîtes d'onglets</h3> -<p>Les boîtes d'onglets sont typiquement utilisées dans une application de fenêtre de préférences. Une série d'onglets apparaît en travers du bord supérieur de la fenêtre. L'utilisateur peut cliquer sur chaque onglet pour voir la sélection des options. L'emploi d'onglets est très utile lorsque vous avez plus d'options qu'il ne peut en tenir sur l'écran.</p> -<p>XUL offre une méthode pour créer de telles boîtes de dialogues. Elles nécessitent cinq nouveaux éléments qui sont décrits brièvement ici et plus en détail par la suite.</p> -<dl> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> </dt> <dd>La boîte externe qui contient les onglets sur le haut et les pages correspondantes elles mêmes.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> </dt> <dd>La boîte interne qui contient les onglets individuellement. En d'autres termes, il s'agit d'un groupement d'onglets.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> </dt> <dd>Un onglet spécifique. Cliquer sur un onglet remonte la page de l'onglet au premier plan.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> </dt> <dd>Le container des pages.</dd> <dt><code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code> </dt> <dd>Le corps d'une page seule. Vous allez placer le contenu d'une page dans cette élément. Le premier <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code> correspond au premier onglet, le second <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code> correspond au second onglet, et ainsi de suite.</dd> -</dl> -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> est l'élément externe. Il est constitué de deux enfants, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> qui contient les en-têtes des onglets, et l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> qui contient les pages d'onglets.</p> -<p>La syntaxe typique d'une boîte d'onglets est décrite ci dessous :</p> -<pre><tabbox id="tablist"> - <tabs> - <!-- les éléments tab viennent ici --> - </tabs> - <tabpanels> - <!-- les éléments tabpanel viennent ici --> - </tabpanels> -</tabbox> -</pre> -<p>Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> sont placés à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> qui se comporte comme une boîte normale. L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> lui même a été placé à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. Cet élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> contient aussi l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> qui apparaît en dessous de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> à cause de la disposition verticale de la boîte d'onglets.</p> -<p>Il n'y a réellement rien de spécial au sujet des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> qui les rendent différents des boîtes. Comme pour les boîtes, les onglets peuvent contenir n'importe quels éléments. La différence est que les onglets ont un rendu sensiblement différent et seulement le contenu de la page d'un seul onglet sera visible à la fois, comme peut le faire l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code>.</p> -<p>Le contenu des pages correspondant à chaque onglet doit être placé dans chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code> correspondant. Il ne doit pas être mis dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> qui contient, lui, le contenu descriptif de l'onglet sur le bord supérieur.</p> -<p>Chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code> devient une page de l'onglet affiché. La première page correspond au premier onglet, la seconde page correspond au second onglet, et ainsi de suite. Il y a une relation de un-à-un entre chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> et chaque élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code>.</p> -<p>Pour déterminer la dimension d'une boîte d'onglets, la taille de la plus grande page est utilisée. Ainsi, si vous avez dix champs de saisie sur une page et seulement un sur une autre page, cette autre page sera dimensionnée pour s'ajuster à celle qui contient les dix champs de saisie en occupant plus d'espace. La surface occupée par la page d'un onglet ne change pas lorsque l'utilisateur bascule vers une page d'un autre onglet.</p> -<h4 id="Exemple_de_bo.C3.AEte_d.27onglets" name="Exemple_de_bo.C3.AEte_d.27onglets">Exemple de boîte d'onglets</h4> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_tabpanel_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_tabpanel_1.xul">Voir</a></p> -<div class="float-right"><img alt="Image:xultu_tabpanel1.png" class=" internal" src="/@api/deki/files/1555/=Xultu_tabpanel1.png"></div> -<pre><tabbox> - <tabs> - <tab label="Courrier"/> - <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> -</pre> -<p>Ici, deux onglets ont été ajoutés. Le premier est intitulé 'Courrier' et l'autre est intitulé 'Forum'. Lorsque l'utilisateur clique sur l'onglet 'Courrier', le contenu de la première page est affiché. Dans ce cas, la boîte avec la case à cocher intitulé 'Vérifier automatiquement le courrier' apparaîtra sous cet onglet. Le second onglet, lorsqu'il est cliqué, affichera la boîte contenant le bouton intitulé 'Effacer le cache des forums'.</p> -<p>L'onglet courant sélectionné est donné par un attribut supplémentaire <code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code> initialisé à 'true' sur un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code>. Il sert à donner à l'onglet par défaut un aspect différent de telle façon qu'il apparaisse sélectionné. Un seul onglet peut avoir cet attribut avec une valeur 'true'.</p> -<h4 id="Positionnement_des_onglets" name="Positionnement_des_onglets">Positionnement des onglets</h4> -<p>Finalement, vous pouvez changer la position des onglets pour qu'ils apparaissent sur n'importe quel côté des pages d'onglets. Il suffit de définir les attributs <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> et <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> comme nécessaire. Souvenez vous que les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> sont des boîtes normales en terme de mise en page. D'ailleurs, l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> se comporte comme une boîte normale ayant une orientation verticale par défaut, dans laquelle l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> est une boîte ayant une orientation horizontale.</p> -<div class="float-right"><img alt="Image:xultu_tabpanel_extra.png" class=" internal" src="/@api/deki/files/1557/=Xultu_tabpanel_extra.png"></div> -<p>Par exemple, pour mettre les onglets le long du bord gauche, changez l'orientation de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> pour qu'elle soit verticale. Ils seront empilés les uns sur les autres. Ensuite, mettez une orientation horizontale sur le <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. Les onglets appaîtront à gauche, et pas au dessus des pages d'onglets. Notez que la modification de l'orientation de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> n'aura aucun effet puisque les pages d'onglets sont empilées les unes sur les autres. (NdT : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_tabs.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_tabs.xul">Voir</a>)</p> -<p>Vous pouvez placer les onglets le long du bord droit ou en bas en déplaçant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> après l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code>. De plus, vous devrez définir l'attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> à 'reverse' sur <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code>. Cependant, vous devriez laisser les onglets en haut car leur rendu graphique risque d'être mauvais avec certains thèmes graphiques particuliers.</p> -<div class="highlight"> -<h3 id="Ajout_d.27onglets_.C3.A0_la_bo.C3.AEte_de_dialogue_de_recherche_de_fichiers" name="Ajout_d.27onglets_.C3.A0_la_bo.C3.AEte_de_dialogue_de_recherche_de_fichiers">Ajout d'onglets à la boîte de dialogue de recherche de fichiers</h3> -<p>Ajoutons une seconde page à notre boîte de dialogue de recherche de fichiers. Nous allons créer un onglet 'Options' (en le sélectionnant par défaut) qui contiendra quelques options de recherche. Ce n'est peut être pas la meilleure interface pour faire cela, mais nous l'utiliserons pour la démonstration des onglets. Le libellé d'en-tête et la boîte de critères de recherche iront dans la première page d'onglet. Nous allons ajouter quelques options dans la seconde page d'onglet. La barre de progression et les boutons restent sur la boîte de dialogue principale, en dehors des onglets.</p> -<pre class="eval"><vbox flex="1"> - -<span class="highlightred"><tabbox selectedIndex="1"> <tabs> <tab label="Recherche"/> <tab label="Options"/> </tabs> <tabpanels> <tabpanel id="searchpanel" orient="vertical"></span> - - <description> - Entrez votre critère de recherche ci dessous et appuyer sur le - bouton Rechercher. - </description> - - <spacer style="height: 10px"/> - - <groupbox orient="horizontal"> - <span class="nowiki"><caption label="Critère de recherche"/></span> - - <menulist id="searchtype"> - <menupopup> - <menuitem label="Nom"/> - <menuitem label="Taille"/> - <menuitem label="Date de modification"/> - </menupopup> - </menulist> - <spacer style="width: 10px;"/> - <menulist id="searchmode"> - <menupopup> - <menuitem label="Est"/> - <menuitem label="N'est pas"/> - </menupopup> - </menulist> - - <spacer style="height: 10px"/> - <textbox id="find-text" flex="1" style="min-width: 15em;"/> - - </groupbox> - <span class="highlightred"></tabpanel> <tabpanel id="optionspanel" orient="vertical"> <checkbox id="casecheck" label="Recherche sensible à la casse"/> <checkbox id="wordscheck" label="Nom de fichier entier"/> </tabpanel> </tabpanels> </tabbox></span> -</pre> -<div class="float-right"><img alt="Image:xultu_tabpanel2.png" class=" internal" src="/@api/deki/files/1556/=Xultu_tabpanel2.png"></div> -<p>Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> ont été placés autour du contenu principal de la fenêtre. Vous pouvez voir les deux onglets, 'Recherche' et 'Options'. En cliquant sur chacun d'eux, vous faites apparaître les pages correspondantes. Comme montré sur l'image ci-dessus, les deux options de recherche apparaissent sur le deuxième onglet. La première page ressemble beaucoup à ce qu'elle était avant, exceptée la présence des onglets sur le bord supérieur.</p> -Exemple de recherche de fichiers : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfiles-tabpanel.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfiles-tabpanel.xul">Voir</a></div> -<hr> -<p>Dans la section suivante, nous allons voir comment créer des grilles pour le placement de contenus.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Positionnement_dans_une_pile" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Grilles">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/overlays_inter-paquetage/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/overlays_inter-paquetage/index.html deleted file mode 100644 index fa037a0316..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/overlays_inter-paquetage/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: Overlays inter-paquetage -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Overlays_inter-paquetage -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Cross_Package_Overlays ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Overlays" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Création_d'un_programme_d'installation">Suivant »</a></p> -</div> - -<p>Cette section décrit comment appliquer des overlays à des fichiers qui ne les importent pas.</p> - -<h3 id="Application_d.27overlays_.C3.A0_d.27autres_paquetages" name="Application_d.27overlays_.C3.A0_d.27autres_paquetages">Application d'overlays à d'autres paquetages</h3> - -<div class="note">Note : Cette section traite de contents.rdf qui a été remplacé par <a href="/fr/Tutoriel_XUL/Les_fichiers_manifest" title="fr/Tutoriel_XUL/Les_fichiers_manifest">des fichiers manifest</a> depuis <a href="/fr/Gecko" title="fr/Gecko">Gecko</a> 1.8.</div> - -<p>Les overlays ont d'autres fonctionnalités très utiles. Dans les exemples de <a href="/fr/Tutoriel_XUL/Overlays" title="fr/Tutoriel_XUL/Overlays">la section précédente</a>, les overlays étaient importés par la fenêtre. Vous pouvez aussi utiliser une autre méthode en indiquant aux overlays pour quelles fenêtres ils seront appliqués. Il vous suffit de modifier le fichier 'contents.rdf' de votre paquetage. Cette méthode est très utile car elle permet à un overlay de modifier l'interface utilisateur d'un autre paquetage sans pour cela modifier celui-ci. Par exemple, vous pouvez ajouter des <a href="/fr/Tutoriel_XUL/Barres_de_menus_simples" title="fr/Tutoriel_XUL/Barres_de_menus_simples">items de menu</a> ou des <a href="/fr/Tutoriel_XUL/Barre_d'outils" title="fr/Tutoriel_XUL/Barre_d'outils">barres d'outils</a> à la fenêtre du navigateur Mozilla.</p> - -<p>Nous utiliserons cette fonctionnalité pour ajouter une barre d'outils dans le fenêtre du navigateur Mozilla. Le client courrier de Mozilla utilise les overlays pour ajouter du contenu à la fenêtre du navigateur. Par exemple, si le client n'est pas installé, il n'y a pas de commande pour de nouveaux messages. Toutefois, si le client est installé, un overlay sera appliqué au menu pour ajouter une commande de nouveaux messages. Ci-dessous, nous ajouterons une barre d'outils de recherche de fichiers au navigateur. Cette fonctionnalité n'a aucune utilité, mais nous l'intégreront quand même.</p> - -<p>Mozilla vous permet d'ajouter une liste d'overlays dans le fichier 'contents.rdf' utilisé pour spécifier les paquetages chrome, les thèmes graphiques et les localisations. Dès que vous avez créé un overlay, vous pouvez l'ajouter au fichier 'contents.rdf'. Il vous suffit d'ajouter les informations pour chacune des fenêtres où vous voulez appliquer l'overlay.</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h4> - -<p>Tout d'abord, créons un simple overlay. Il contiendra quelques champs de saisie pour la recherche d'un nom de fichier et d'un répertoire. Chargez le fichier 'foverlay.xul' et ajoutez-le au répertoire de notre exemple de recherche de fichiers à côté de 'findfile.xul'.</p> - -<h4 id="Notre_exemple_foverlay.xul" name="Notre_exemple_foverlay.xul">Notre exemple foverlay.xul</h4> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_crosspov_1.xul.txt">Source</a></p> - -<pre><?xml version="1.0" encoding="ISO-8859-1"?> - -<overlay - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<toolbox id="navigator-toolbox"> - <toolbar id="findfile_toolbar"> - <label control="findfile_filename" value="Recherche des fichiers nommés :"/> - <textbox id="findfile_filename"/> - <label control="findfile_dir" value="Répertoire :"/> - <textbox id="findfile_dir"/> - <button label="Parcourir..."/> - </toolbar> -</toolbox> - -</overlay> -</pre> - -<p>Vous pouvez visualiser cet exemple en changeant l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/overlay" title="overlay">overlay</a></code> par <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. La seule chose un peu spécifique est l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> utilisé sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbox" title="toolbox">toolbox</a></code>. Cette valeur ('navigator-toolbox') est la même que l'identifiant de la boîte d'outils de la fenêtre du navigateur ('navigator.xul'). Elle signifie que cet overlay sera appliqué à la boîte d'outils du navigateur et que son contenu sera ajouté comme une barre d'outils supplémentaire.</p> - -<p>Pour ajouter cet overlay au fichier manifest, vous devons ajouter deux ressources. Premièrement, nous en ajoutons une pour chaque fenêtre où l'overlay sera appliqué. Le code suivant doit être placé dans le fichier 'contents.rdf' juste avant la balise fermante de RDF.</p> - -<pre><RDF:Seq about="urn:mozilla:overlays"> - <RDF:li resource="chrome://navigator/content/navigator.xul"/> -</RDF:Seq> -</pre> - -<p>Cette déclaration précise l'ajout d'une fenêtre overlay au système de gestion des overlays (urn:mozilla:overlays). Vous pouvez ajouter des nœuds supplémentaires pour chaque fenêtre à modifier en ajoutant des balises <code>li</code> supplémentaires.</p> - -<p>Ensuite, nous ajoutons un nœud pour chaque overlay s'appliquant à la fenêtre. Dans ce cas, vous n'en avez qu'un, mais d'autres peuvent être appliqués. Ajoutez ces lignes à la suite des précédentes :</p> - -<pre><RDF:Seq about="chrome://navigator/content/navigator.xul"> - <RDF:li>chrome://findfile/content/foverlay.xul</RDF:li> -</RDF:Seq> -</pre> -</div> - -<div class="float-right"><img alt="Image:xultu_crosspov.png" class="internal" src="/@api/deki/files/1511/=Xultu_crosspov.png"></div> - -<p>Mozilla lit cette information et construit une liste d'overlays appliqués à d'autres fenêtres. Il enregistre cette information dans un répertoire chrome/overlayinfo. Il n'est pas nécessaire que vous modifiez manuellement les fichiers de ce répertoire. Ils sont générés automatiquement et modifiés au premier lancement de Mozilla ou lorque de nouveaux paquetages sont installés. Toutefois, vous pouvez forcer la reconstruction de leurs données en effaçant ce répertoire et le fichier 'chrome.rdf.'</p> - -<p>Note complémentaire : vous pouvez utiliser cette même technique pour appliquer des feuilles de styles supplémentaires. L'exemple suivant vous montre comment :</p> - -<pre><RDF:Seq about="urn:mozilla:stylesheets"> - <RDF:li resource="chrome://messenger/content/messenger.xul"/> -</RDF:Seq> - -<RDF:Seq about="chrome://messenger/content/messenger.xul"> - <RDF:li>chrome://blueswayedshoes/skin/myskinfile.css</RDF:li> -</RDF:Seq> -</pre> - -<hr> -<p>Nous verrons ensuite comment créer un installeur pour une application XUL.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Overlays" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Création_d'un_programme_d'installation">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/piles_et_paquets/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/piles_et_paquets/index.html deleted file mode 100644 index 2913d20ebb..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/piles_et_paquets/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: Piles et Paquets -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Piles_et_Paquets -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Stacks_and_Decks ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajouter_plus_d'éléments" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Positionnement_dans_une_pile">Suivant »</a></p> -</div> - -<p>Il se peut qu'il soit nécessaire d'afficher des éléments comme un empilement superposé de cartes. Les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code> peuvent être utilisés à cet effet.</p> - -<h3 id="Containers" name="Containers">Containers</h3> - -<p>Chaque boîte XUL est un container qui peut contenir n'importe quel autre élément. Il y a un certain nombre d'éléments qui sont des types spécialisés de boîtes, tels que <a href="/fr/Tutoriel_XUL/Barre_d'outils" title="fr/Tutoriel_XUL/Barre_d'outils">les barres d'outils</a> et <a href="/fr/Tutoriel_XUL/Onglets" title="fr/Tutoriel_XUL/Onglets">les onglets</a>. La balise <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code> crée la plus simple des boîtes sans propriétés spéciales. Toutefois, les types spécialisés de boîtes fonctionnent comme des boîtes normales dans le sens où elles orientent les éléments qu'elles contiennent, mais elles ont des fonctionnalités supplémentaires.</p> - -<p>En fait, beaucoup de composants peuvent contenir d'autres éléments. Nous avons déjà vu que les boutons peuvent contenir d'autres choses que leurs contenus par défaut. Une barre de défilement est juste un type spécial de boîte qui crée ses propres éléments si vous ne les fournissez pas. Ceux-ci contrôlent également le déplacement de l'ascenseur de la barre de défilement.</p> - -<p>Dans les prochaines sections, nous allons introduire quelques éléments qui sont prévus pour le contrôle d'autres éléments. Ce sont tous des types spéciaux de boîtes et permettent d'inclure tous les attributs des boîtes.</p> - -<h3 id="Piles" name="Piles">Piles</h3> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code> est une simple boîte. Il fonctionne comme toute autre boîte mais a la propriété spéciale que ces enfants sont tous disposés les uns au dessus des autres. Le premier enfant de la pile est dessiné sur le dessous, le second enfant est dessiné ensuite, suivi du troisième et ainsi de suite. De nombreux éléments peuvent être empilés sur une pile.</p> - -<p>La propriété <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> n'a aucune signification particulière sur un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>, car les enfants sont empilés les uns sur les autres au lieu d'être côte à côte. Les dimensions d'une pile sont déterminées par celle de son plus grand enfant, mais vous pouvez utilisez les propriétés CSS <code>width</code>, <code>height</code>, <code>min-width</code> ou d'autres propriétés similaires à la fois sur la pile et ses enfants.</p> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code> pourrait être utilisé quand un indicateur d'état doit d'être ajouté au dessus d'un élément existant. Par exemple, un indicateur de progression pourrait être créé avec une barre et un libellé en surimpression.</p> - -<p><img alt="Image:xultu_stacks_progress.png" class="internal" src="/@api/deki/files/1554/=Xultu_stacks_progress.png"></p> - -<h4 id="Effet_d.27ombre_avec_des_piles" name="Effet_d.27ombre_avec_des_piles">Effet d'ombre avec des piles</h4> - -<p>Une utilisation pratique de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code> est de pouvoir simuler un certain nombre de propriétés CSS avec. Par exemple, vous pouvez créer un effet similaire à la propriété <code>text-shadow</code> comme ceci :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_stacks_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_stacks_1.xul">Voir</a></p> - -<pre><stack> - <description value="Ombré" style="padding-left: 1px; padding-top: 1px; font-size: 15pt"/> - <description value="Ombré" style="color: red; font-size: 15pt;"/> -</stack> -</pre> - -<p><img alt="Image:xultu_stacks1.png" class="internal" src="/@api/deki/files/1553/=Xultu_stacks1.png"></p> - -<p>Les deux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> créent chacun un texte avec une taille de 15 points. Le premier est toutefois décalé d'un pixel vers la droite et vers le bas grâce à l'ajout d'une marge de texte sur la gauche et sur le haut. Le résultat est le dessin répété du même texte 'Ombré' mais en léger décalage. Le second élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> est dessiné en rouge pour que l'effet soit encore plus visible.</p> - -<p>Cette méthode a des avantages sur l'emploi de <code>text-shadow</code> car vous pouvez complètement personnaliser les effets d'ombres de votre texte principal. Il peut avoir sa propre police de caractères, un soulignement ou une taille propre (vous pouvez même créer un texte ombré clignotant). C'est aussi utile car Mozilla ne supporte pas pour l'instant les textes ombrés en CSS. Un désavantage est que l'espace occupé par le texte ombré fait une pile plus grande. L'effet d'ombrage est très utile pour créer des boutons d'apparence désactivée :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_stacks_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_stacks_2.xul">Voir</a></p> - -<pre><stack style="background-color: #C0C0C0"> - <description value="Désactivé" style="color: white; padding-left: 1px; padding-top: 1px;"/> - <description value="Désactivé" style="color: grey;"/> -</stack> -</pre> - -<p>Cet arrangement de couleurs de texte et d'ombrage créent cet aspect désactivé que l'on retrouve sur certaines plates-formes.</p> - -<div class="note">Notez que les évènements tels que les clics de la souris et les touches du clavier sont transmis à l'élément sur le haut de la pile qui est le dernier élément de la pile. Cela signifie qu'un bouton ne fonctionnera correctement que s'il est le dernier élément de la pile.</div> - -<h3 id="Paquets" name="Paquets">Paquets</h3> - -<p>Un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code> place également ses enfants les uns au dessus des autres comme l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code>, toutefois les paquets n'affichent qu'un seul de leurs enfants à la fois. Ce comportement s'avère utile pour une interface d'assistant dans laquelle une série de panneaux similaires sont affichés en série. Au lieu de créer des fenêtres séparées et d'ajouter des boutons de navigation à chacune d'elles, vous n'avez qu'à créer une seule fenêtre et utiliser un paquet dans lequel le contenu changera.</p> - -<p>Comme pour les piles, les enfants directs d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code> forment les pages du paquet. S'il y a trois enfants dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code>, le paquet aura trois enfants. La page affichée du paquet peut être changée en définissant un attribut <code id="a-selectdIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectdIndex">selectdIndex</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/deck" title="deck">deck</a></code>. L'index est un nombre qui identifie quelle page à afficher. Les pages sont numérotées à partir de zéro. Ainsi, le premier enfant du paquet est la page '0', le second est la page '1', etc.</p> - -<p>Ce qui suit est un exemple de paquet :</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_stacks_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_stacks_3.xul">Voir</a></p> - -<pre><deck selectedIndex="2"> - <description value="Ceci est la première page "/> - <button label="Ceci est la seconde page "/> - <box> - <description value="Ceci est la troisième page "/> - <button label="Ceci est également la troisième page "/> - </box> -</deck> -</pre> - -<p>Ici, il y a trois pages, celle affichée par défaut est la troisième. La troisième page est une boîte avec deux éléments qui y sont inclus. L'ensemble de cette boîte et de ses éléments forme une page. Le paquet sera aussi grand que le plus grand de ses enfants, qui dans le cas présent sera la troisième page.</p> - -<p>Vous pouvez changer de page en utilisant un script pour modifier l'attribut <code id="a-selectedIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selectedIndex">selectedIndex</a></code>. Pour plus de renseignements là dessus, reportez vous aux sections sur les évènements et le DOM.</p> - -<hr> -<p>La prochaine section décrit comment les piles peuvent être utilisées pour positionner les éléments.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajouter_plus_d'éléments" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Positionnement_dans_une_pile">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/plus_de_caractéristiques_sur_les_boutons/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/plus_de_caractéristiques_sur_les_boutons/index.html deleted file mode 100644 index b6b5318c43..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/plus_de_caractéristiques_sur_les_boutons/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: Plus de caractéristiques sur les boutons -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Plus_de_caractéristiques_sur_les_boutons -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/More_Button_Features ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Utilisation_des_spacers" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Le_modèle_de_boîte">Suivant »</a></p> -</div> - -<p>Dans ce chapitre, nous allons voir quelques fonctionnalités supplémentaires des boutons.</p> - -<h3 id="Ajouter_une_image" name="Ajouter_une_image">Ajouter une image</h3> - -<p>Vous pouvez ajouter une image dans un bouton en spécifiant une adresse <abbr title="Uniform Resource Locator">URL</abbr> dans l'attribut <code id="a-image"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/image">image</a></code>. L'image chargée à partir de l'URL, qui peut être relative ou absolue, sera affichée sur le bouton.</p> - -<p>Le bouton sur l'exemple ci-dessous aura en même temps un libellé et une image 'happy.png'. L'image apparaîtra à gauche du libellé. Vous pouvez changer cette position en utilisant deux autres attributs. Ils seront expliqués dans un moment.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_1.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_1">Voir</a></p> - -<pre><button label="Aide" image="happy.png"/></pre> - -<h4 id="Bouton_avec_une_image_CSS" name="Bouton_avec_une_image_CSS">Bouton avec une image CSS</h4> - -<p>Une autre façon de procéder consiste à spécifier une image en utilisant la propriété de <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code> CSS <a href="/fr/docs/Web/CSS/list-style-image" title="La propriété list-style-image définit l'image utilisée comme puce devant les éléments de listes. On peut également utiliser la propriété raccourcie list-style."><code>list-style-image</code></a> appliquée au bouton. Cette méthode permet de changer l'apparence (dans ce cas, l'apparence de l'image) sans modifier le fichier XUL. Un exemple vous est montré ci-dessous.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_2.xul">Voir</a></p> - -<pre><button id="find-button" - label="Chercher" style="list-style-image: url('happy.png')"/> -</pre> - -<p>Dans ce cas, l'image 'happy.png' est affichée sur le bouton. L'attribut <code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code> fonctionne de façon similaire à son homologue HTML. En général, il peut être utilisé sur tous les éléments XUL. Notez qu'il serait plus judicieux de placer toutes les déclarations de styles dans une feuille de style séparée.</p> - -<h3 id="Le_positionnement_des_images" name="Le_positionnement_des_images">Le positionnement des images</h3> - -<p>Par défaut, l'image sur le bouton apparaît à gauche du libellé. Il y a deux attributs permettant de contrôler sa position.</p> - -<p>L'attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> contrôle la direction de l'image et du texte. En définissant cet attribut avec la valeur 'reverse', l'image sera placée à droite du texte. En utilisant la valeur 'normal', ou en omettant cet attribut, l'image sera placée à gauche du texte.</p> - -<div class="note"><abbr title="Note du Traducteur">NdT</abbr> : Sur de vieilles versions de Mozilla, les valeurs à utiliser sont respectivement 'rtl' (right-to-left) et 'ltr' (left-to-right).</div> - -<p>L'attribut <code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code> peut être utilisé pour placer l'image au-dessus ou en dessous du texte. Sa valeur par défaut est 'horizontal' et sert à placer l'image à gauche ou à droite. Vous pouvez aussi utiliser la valeur 'vertical' pour placer l'image au-dessus ou en dessous. Dans ce cas, l'attribut <code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code> contrôle le placement vertical. Les mêmes valeurs sont utilisées, où 'normal' provoque le placement de l'image au-dessus du texte, et 'reverse' provoque le placement de l'image en dessous du texte.</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_3.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_advbtns1.png" class="internal" src="/@api/deki/files/1492/=Xultu_advbtns1.png"></div> - -<pre><button label="Gauche" image="happy.png"/> -<button label="Droite" image="happy.png" dir="reverse"/> -<button label="Dessus" image="happy.png" orient="vertical"/> -<button label="Dessous" image="happy.png" orient="vertical" dir="reverse"/> -</pre> - -<p>Cet exemple vous montre les quatre types d'alignement des boutons. Notez que les deux attributs ne sont pas spécifiés lorsque leur valeur par défaut est utilisée.</p> - -<h3 id="Des_boutons_avec_des_contenus_sp.C3.A9ciaux" name="Des_boutons_avec_des_contenus_sp.C3.A9ciaux">Des boutons avec des contenus spéciaux</h3> - -<p>Les boutons peuvent contenir un balisage arbitraire, qui sera représenté dans le bouton. Vous ne l'utiliserez probablement pas très souvent, mais vous pourrez l'utiliser pour créer des éléments personnalisés.</p> - -<p>Cet exemple va créer un bouton dans lequel deux mots seront en magenta :</p> - -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_4.xul">Voir</a></p> - -<pre><button> - <description value="Ceci est"/> - <description value="un étrange" style="color: purple;"/> - <description value="bouton"/> -</button> -</pre> - -<p>N'importe quel élément XUL peut être placé à l'intérieur d'un bouton. Les éléments HTML seront ignorés, donc vous devez les intégrer à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code>. Si vous spécifiez un attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> sur un bouton, il supplantera n'importe quel autre contenu placé dans la définition du bouton.</p> - -<h4 id="Bouton_avec_un_menu_surgissant" name="Bouton_avec_un_menu_surgissant">Bouton avec un menu surgissant</h4> - -<p>Vous pouvez mettre un <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> dans un bouton pour générer une liste déroulante lorsque le bouton est enfoncé, à l'instar de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>. Toutefois, dans ce cas, vous devez indiquer l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> avec la valeur 'menu'.</p> - -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_5.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_advbtns2.png" class="internal" src="/@api/deki/files/1493/=Xultu_advbtns2.png"></div> - -<pre><button type="menu" label="Périphérique"> - <menupopup> - <menuitem label="Imprimante"/> - <menuitem label="Souris"/> - <menuitem label="Clavier"/> - </menupopup> -</button> -</pre> - -<p>Dans cet exemple, l'utilisateur doit cliquer sur le bouton pour faire apparaître un menu contenant trois items de menu. Notez que la sélection d'un des items ne change pas le libellé du bouton, contrairement à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menulist" title="menulist">menulist</a></code>. Ce type de bouton est destiné à être utilisé comme un menu, avec des scripts associés à chaque item, exécutant une tâche précise. Nous en verrons plus sur les menus plus tard.</p> - -<p>Vous pouvez également affecter la valeur 'menu-button' à l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> (<abbr title="Note du Traducteur">NdT</abbr> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_5bis.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advbtns_5bis.xul">Voir</a>). Cette valeur crée aussi un bouton avec un menu, mais son apparence est différente. L'image ci-contre montre cette différence. Le bouton de gauche est un 'menu' et celui de droite est un 'menu-button'. Ils ont chacun une flèche pour indiquer la présence d'un menu déroulant. Pour le 'menu', l'utilisateur doit cliquer n'importe où sur le bouton pour ouvrir le menu. Pour le 'menu-button', l'utilisateur doit cliquer sur la flèche pour faire apparaître le menu.</p> - -<hr> -<p>Dans la prochaine section, nous en apprendrons plus sur le positionnement des éléments XUL dans une fenêtre.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Utilisation_des_spacers" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Le_modèle_de_boîte">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/plus_de_fonctionnalités_de_menu/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/plus_de_fonctionnalités_de_menu/index.html deleted file mode 100644 index 908aab0ed9..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/plus_de_fonctionnalités_de_menu/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: Plus de fonctionnalités de menu -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Plus_de_fonctionnalités_de_menu -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/More_Menu_Features ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Barres_de_menus_simples" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Menus_surgissants">Suivant »</a></p> -</div> -<p>Dans cette section, nous allons voir comment créer des sous-menus et des coches de menus.</p> -<h3 id="Cr.C3.A9er_des_sous-menus" name="Cr.C3.A9er_des_sous-menus">Créer des sous-menus</h3> -<p>Vous pouvez créer des sous-menus à l'intérieur d'autres menus (menus imbriqués) en utilisant les éléments existants. Souvenez-vous que vous pouvez mettre n'importe quel élément dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Nous avons vu comment placer des <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> et des <code><a href="/fr/docs/Mozilla/Tech/XUL/menuseparator" title="menuseparator">menuseparator</a></code> dans des <code><a href="/fr/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code>. Toutefois, vous pouvez créer des sous-menus en plaçant simplement l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> à l'intérieur de l'élément <code>menupopup</code>. Ce fonctionnement est possible du fait que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menu" title="menu">menu</a></code> est valide même quand il n'est pas placé directement dans une barre de menu.</p> -<p>L'exemple ci-dessous crée un simple sous-menu dans le menu Fichier :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advmenu_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advmenu_1.xul">Voir</a></p> -<div class="float-right"><img alt="Image:xultu_menubar_3.png" class=" internal" src="/@api/deki/files/1533/=Xultu_menubar_3.png"></div> -<pre><toolbox flex="1"> - <menubar id="sample-menubar"> - <menu id="file-menu" label="Fichier"> - <menupopup id="file-popup"> - <menu id="new-menu" label="Nouveau"> - <menupopup id="new-popup"> - <menuitem label="Fenêtre"/> - <menuitem label="Message"/> - </menupopup> - </menu> - <menuitem label="Ouvrir"/> - <menuitem label="Sauver"/> - <menuseparator/> - <menuitem label="Quitter"/> - </menupopup> - </menu> - </menubar> -</toolbox> -</pre> -<div class="highlight"> -<h3 id="Ajout_d.27un_menu_.C3.A0_notre_exemple_de_recherche_de_fichiers" name="Ajout_d.27un_menu_.C3.A0_notre_exemple_de_recherche_de_fichiers">Ajout d'un menu à notre exemple de recherche de fichiers</h3> -<p>Ajoutons un menu à la boîte de dialogue de recherche de fichiers. Nous allons juste ajouter quelques commandes simples à un menu 'Fichier' et à un menu 'Édition'. Ces menus sont similaires à l'exemple ci-dessus.</p> -<pre class="eval"><toolbox> - - <span class="highlightred"><menubar id="findfiles-menubar"> <menu id="file-menu" label="Fichier" accesskey="f"> <menupopup id="file-popup"> <menuitem label="Ouvrir une Recherche..." accesskey="o"/> <menuitem label="Enregistrer une Recherche..." accesskey="s"/> <menuseparator/> <menuitem label="Fermer" accesskey="c"/> </menupopup> </menu> <menu id="edit-menu" label="Édition" accesskey="e"> <menupopup id="edit-popup"> <menuitem label="Couper" accesskey="t"/> <menuitem label="Copier" accesskey="p"/> <menuitem label="Copier" accesskey="l" disabled="true"/> </menupopup> </menu> </menubar></span> - -<toolbar id="findfiles-toolbar> -</pre> -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-advmenu.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-advmenu.xul">Voir</a></p> -<div class="float-right"><img alt="Image:xultu_menubar1.png" class=" internal" src="/@api/deki/files/1530/=Xultu_menubar1.png"></div> -Ici, nous avons ajouté deux menus contenant des commandes variées. Notez que la barre de menus a été ajoutée dans un <code><a href="/fr/docs/Mozilla/Tech/XUL/toolbox" title="toolbox">toolbox</a></code>. Les points de suspension après 'Ouvrir une Recherche' et 'Enregistrer une Recherche' sont le moyen habituel pour indiquer à l'utilisateur qu'une boîte de dialogue va s'ouvrir quand il sélectionne une de ces commandes. Des touches de raccourcis ont été associées à chaque menu et à chaque item de menu. Vous verrez dans l'image que cette lettre a été soulignée dans le texte du menu. Vous verrez aussi que la commande 'Coller' a été désactivée. Nous supposons qu'il n'y a rien à coller.</div> -<h3 id="Ajouter_des_coches_aux_menus" name="Ajouter_des_coches_aux_menus">Ajouter des coches aux menus</h3> -<p>De nombreuses applications ont des items de menu avec des coches. Par exemple, une fonctionnalité qui est active a une coche placé à côté de la commande et une fonctionnalité qui est désactivée n'a pas de coche. Quand l'utilisateur sélectionne le menu, l'état de la coche est inversé. Vous pouvez aussi créer des boutons radio sur les items de menu.</p> -<p>Les coches sont créées de manière similaire aux éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/checkbox" title="checkbox">checkbox</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/radio" title="radio">radio</a></code>. Elles impliquent l'utilisation de deux attributs : <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> pour indiquer le type de coche et <code id="a-name"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/name">name</a></code> pour regrouper les commandes. L'exemple ci-dessous crée un menu avec un élément coché.</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advmenu_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advmenu_2.xul">Voir</a></p> -<pre><toolbox> - <menubar id="options-menubar"> - <menu id="options_menu" label="Options"> - <menupopup> - <menuitem id="backups" label="Faire des sauvegardes" type="checkbox"/> - <menuitem id="backups" label="Mail de l'administrateur" type="checkbox" checked="true"/> - </menupopup> - </menu> - </menubar> -</toolbox> -</pre> -<p>L'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> ajouté est utilisé pour rendre l'élément de menu « cochable ». En mettant sa valeur à 'checkbox', l'élément de menu peut être coché et décoché par simple sélection.</p> -<h4 id="Menu_avec_des_boutons_radio" name="Menu_avec_des_boutons_radio">Menu avec des boutons radio</h4> -<p>En plus des coches standard, vous pouvez créer des coches de style radio en mettant <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> à la valeur 'radio'. Une coche radio est utilisée quand vous voulez un groupe d'éléments de menu dont l'un seulement peut être coché à la fois. Un exemple peut être un menu de police de caractères où une seule police peut être sélectionnée. Quand un autre item est sélectionné, l'élément choisi précédemment est automatiquement décoché.</p> -<p>Pour grouper plusieurs éléments de menu ensemble, vous devez placer un attribut <code id="a-name"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/name">name</a></code> sur chacun d'eux. Mettez la même chaîne de caractères comme valeur. L'exemple ci-dessous vous en donne l'illustration :</p> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advmenu_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advmenu_3.xul">Voir</a></p> -<pre><toolbox> - <menubar id="planets-menubar"> - <menu id="planet-menu" label="Planète"> - <menupopup> - <menuitem id="jupiter" label="Jupiter" type="radio" name="ringed"/> - <menuitem id="saturn" label="Saturne" type="radio" name="ringed" checked="true"/> - <menuitem id="uranus" label="Uranus" type="radio" name="ringed"/> - <menuseparator/> - <menuitem id="earth" label="Terre" type="radio" name="inhabited" checked="true"/> - <menuitem id="moon" label="Lune" type="radio" name="inhabited"/> - </menupopup> - </menu> - </menubar> -</toolbox> -</pre> -<p>Si vous essayez cet exemple, vous verrez que sur les trois premiers éléments, un seul peut être coché à la fois. Ils sont regroupés car ils ont le même nom. Le dernier élément de menu, 'Terre', ne fait pas partie du groupe car il a un nom différent. Pourtant, c'est aussi un bouton radio.</p> -<p>Bien sûr, les éléments de menu groupés doivent tous être dans le même menu. Ils n'ont pas à être placés les uns à côté des autres, mais les placer autrement n'aurait pas beaucoup de sens.</p> -<hr> -<p>Par la suite, nous allons voir comment créer des menus surgissants.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Barres_de_menus_simples" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Menus_surgissants">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/plus_sur_les_gestionnaires_d'évènements/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/plus_sur_les_gestionnaires_d'évènements/index.html deleted file mode 100644 index 73d1b21264..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/plus_sur_les_gestionnaires_d'évènements/index.html +++ /dev/null @@ -1,129 +0,0 @@ ---- -title: Plus sur les gestionnaires d'évènements -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Plus_sur_les_gestionnaires_d'évènements -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/More_Event_Handlers ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaires_d'évènements" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Raccourcis_clavier">Suivant »</a></p> -</div> -<p>Dans cette section, l'objet événement sera examiné et des événements additionnels seront décrits.</p> -<h3 id="L.27objet_.27event.27" name="L.27objet_.27event.27">L'objet 'event'</h3> -<p>Chaque gestionnaire d'événement dispose d'un unique argument qui contient un objet <a href="/fr/DOM/event" title="fr/DOM/event">event</a>. Dans la forme avec attributs des scrutateurs d'événements, cet événement est un argument implicite auquel un script peut se référer en utilisant le nom 'event'. Sous la forme <a href="/fr/DOM/element.addEventListener" title="fr/DOM/element.addEventListener">addEventListener</a>, le premier argument de la fonction scrutatrice sera un objet événement. L'objet 'event' dispose d'un certain nombre de propriétés qui peuvent être examinées lors de l'émission d'un événement. La liste complète est disponible dans <a class="external" href="http://xulplanet.com/references/objref/Event.html">les références objets</a>.</p> -<p>Nous avons déjà vu la propriété <code><a href="/fr/DOM/event.target" title="fr/DOM/event.target">target</a></code> d'un événement dans la section précédente. Elle contient une référence de l'élément ayant déclenché l'événement. Une propriété similaire <code><a href="/fr/DOM/event.currentTarget" title="fr/DOM/event.currentTarget">currentTarget</a></code> contient l'élément sur lequel est placé un scrutateur d'événement. Dans l'exemple ci-dessous, <code><a href="/fr/DOM/event.currentTarget" title="fr/DOM/event.currentTarget">currentTarget</a></code> pointe toujours la boîte <code><a href="/fr/docs/Mozilla/Tech/XUL/vbox" title="vbox">vbox</a></code>, alors que la cible peut être un élément spécifique, le bouton ou la case à cocher qui a été activé.</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_1.xul">Voir</a></p> -<pre><vbox oncommand="alert(event.currentTarget.tagName);"> - <button label="OK"/> - <checkbox label="Voir les images"/> -</vbox> -</pre> -<h4 id="Stopper_la_propagation_d.27.C3.A9v.C3.A9nement" name="Stopper_la_propagation_d.27.C3.A9v.C3.A9nement">Stopper la propagation d'événement</h4> -<p>Une fois qu'un événement est traité, indépendamment de l'étape de la propagation où se trouve l'événement, vous pouvez empêcher qu'il soit transmis aux éléments suivants, c'est-à-dire de stopper les phases de captures ou de diffusion. En fonction de la manière dont vous avez attaché le scrutateur d'événement sur un élément, il existe plusieurs méthodes pour le faire.</p> -<p>Rappelez-vous que la phase de capture intervient avant la phase de diffusion, donc tous les scrutateurs de capture sont déclenchés avant les scrutateurs de diffusion. Si un événement capturé stoppe la propagation événementielle, aucun des scrutateurs de capture ou de diffusion suivants ne recevront de notification d'un quelconque événement. Pour interrompre la propagation événementielle, appelez la méthode <code><a href="/fr/DOM/event.stopPropagation" title="fr/DOM/event.stopPropagation">stopPropagation</a></code> de l'objet événement, comme dans l'exemple qui suit.</p> -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_2.xul">Voir</a></p> -<pre><hbox id="outerbox"> - <button id="okbutton" label="OK"/> -</hbox> - -<script> -function buttonPressed(event){ - alert('Le bouton a été pressé !'); -} - -function boxPressed(event){ - alert('La boîte a été pressée !'); - event.stopPropagation(); -} - -var button = document.getElementById("okbutton"); -button.addEventListener('command',buttonPressed,true); - -var outerbox = document.getElementById("outerbox"); -outerbox.addEventListener('command',boxPressed,true); -</script> -</pre> -<p>Ici, un scrutateur d'événement a été ajouté au bouton, et un autre à la boîte. La méthode <code><a href="/fr/DOM/event.stopPropagation" title="fr/DOM/event.stopPropagation">stopPropagation</a></code> est appelée dans le scrutateur de la boîte, donc le scrutateur du bouton ne sera jamais appelé. Si cet appel est enlevé, les deux scrutateurs seront appelés et les deux alertes apparaîtront.</p> -<h4 id="Emp.C3.AAcher_l.27action_par_d.C3.A9faut" name="Emp.C3.AAcher_l.27action_par_d.C3.A9faut">Empêcher l'action par défaut</h4> -<p>Si aucun gestionnaire d'événement n'a été enregistré pour un événement donné, alors après avoir accompli les phases de capture et de diffusion, l'élément traitera l'événement dans un mode par défaut. L'action par défaut dépendra de la nature de l'événement et du type d'élément. Par exemple, l'événement 'popupshowing' est envoyé par un menu surgissant juste avant son affichage. L'action par défaut est l'affichage du menu surgissant. Si l'action par défaut est bloquée, l'affichage ne se fera pas. L'action par défaut peut être empêchée avec la méthode <code><a href="/fr/DOM/event.preventDefault" title="fr/DOM/event.preventDefault">preventDefault</a></code> de l'objet événement, comme dans l'exemple ci-dessous.</p> -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_3.xul">Voir</a></p> -<pre><button label="Types" type="menu"> - <menupopup onpopupshowing="event.preventDefault();"> - <menuitem label="Verre"/> - <menuitem label="Plastique"/> - </menupopup> -</button> -</pre> -<p>Alternativement, pour des scrutateurs d'événement par attributs, vous pouvez simplement faire renvoyer la valeur 'false' par le code. Notez que l'empêchement de l'action par défaut ne revient pas à interrompre la propagation événementielle avec la méthode <code><a href="/fr/DOM/event.stopPropagation" title="fr/DOM/event.stopPropagation">stopPropagation</a></code>. Même si l'action par défaut a été bloquée, l'événement continue à se propager. De même, l'appel de la méthode <code><a href="/fr/DOM/event.stopPropagation" title="fr/DOM/event.stopPropagation">stopPropagation</a></code> ne bloquera pas l'action par défaut. Vous devrez appeler ces deux méthodes pour interrompre les deux actions.</p> -<p>Notez qu'une fois la propagation ou l'action par défaut bloquée, il n'est pas possible de les rendre actives de nouveau pour cet événement.</p> -<p>Les sous-sections ci-dessous listent quelques-uns des événements pouvant être utilisés. Une liste complète est fournie dans <a class="external" href="http://www.xulplanet.com/references/elemref/ref_EventHandlers.html">la référence des événements</a>.</p> -<h3 id=".C3.89v.C3.A9nements_de_la_souris" name=".C3.89v.C3.A9nements_de_la_souris">Événements de la souris</h3> -<p>Il y a plusieurs événements pouvant être employés pour gérer les actions de la souris, listés dans le tableau suivant :</p> -<dl> - <dt> - 'click' </dt> - <dd> - appelé lorsque la souris est appuyée puis relâchée sur un élément.</dd> - <dt> - 'dblclick' </dt> - <dd> - appelé lorsque la souris est double-cliquée.</dd> - <dt> - 'mousedown' </dt> - <dd> - appelé lorsqu'un bouton de la souris est pressé. Le gestionnaire d'événement est appelé aussitôt que le bouton de la souris est appuyé, avant même qu'il ne soit relâché.</dd> - <dt> - 'mouseup' </dt> - <dd> - appelé lorsque la souris est relâchée sur un élément.</dd> - <dt> - 'mouseover' </dt> - <dd> - appelé lorsque le pointeur de la souris survole un élément. Vous pourriez utiliser cet événement pour mettre en valeur l'élément, toutefois CSS fournit une façon automatique de le faire, il est donc inutile de le faire avec un événement. Vous pouvez toutefois l'utiliser pour afficher une aide dans la barre d'état.</dd> - <dt> - 'mousemove' </dt> - <dd> - appelé lorsque le pointeur de la souris se déplace au-dessus d'un élément. L'événement étant appelé à chaque déplacement de la souris, vous devriez éviter de faire appel à ce gestionnaire pour des tâches trop longues.</dd> - <dt> - 'mouseout' </dt> - <dd> - appelé lorsque le pointeur de la souris quitte un élément. Vous pourriez annuler la mise en valeur de l'élément ou effacer le texte de la barre d'état.</dd> -</dl> -<p>Il existe également un jeu d'événements relatifs au glisser, qui intervient lorsque l'utilisateur maintient le bouton de la souris enfoncé et déplace la souris. Ces événements seront décrits dans <a href="/fr/Tutoriel_XUL/Glisser-Déposer" title="fr/Tutoriel_XUL/Glisser-Déposer">la section Glisser-Déposer</a>.</p> -<h4 id="Propri.C3.A9t.C3.A9s_des_.C3.A9v.C3.A9nements_des_boutons_de_la_souris" name="Propri.C3.A9t.C3.A9s_des_.C3.A9v.C3.A9nements_des_boutons_de_la_souris">Propriétés des événements des boutons de la souris</h4> -<p>Lorsqu'un événement sur un bouton de la souris se produit, vous disposez d'un certain nombre de propriétés supplémentaires pour déterminer quels boutons ont été pressés et la position du pointeur de la souris. La propriété <code><a href="/fr/DOM/event.button" title="fr/DOM/event.button">button</a></code> de 'event' peut être utilisée pour déterminer quel bouton a été pressé, avec les valeurs possibles de '0' pour le bouton de gauche, '1' pour le bouton de droite, et '2' pour le bouton du milieu. Si vous avez configuré votre souris différemment, ces valeurs peuvent être différentes.</p> -<p>La propriété <code><a href="/fr/DOM/event.detail" title="fr/DOM/event.detail">detail</a></code> contient le nombre de fois que le bouton a été cliqué rapidement en séquence. Elle permet de tester des clics simples, doubles ou triples. Bien entendu, si vous ne souhaitez tester que les double-clics, vous pouvez plutôt utiliser l'événement 'dblclick'. L'événement 'click' sera lancé dès le premier clic, puis de nouveau pour le second clic, puis pour le troisième clic, tandis que l'événement 'dblclick' ne sera lancé que pour un double-clic.</p> -<p>Les propriétés <code><a href="/fr/DOM/event.button" title="fr/DOM/event.button">button</a></code> et <code><a href="/fr/DOM/event.detail" title="fr/DOM/event.detail">detail</a></code> ne s'appliquent qu'aux événements se rapportant aux boutons de la souris, et non aux déplacements de la souris. Pour l'événement 'mousemove', par exemple, l'ensemble de ces propriétés aura une valeur de '0'.</p> -<h4 id="Propri.C3.A9t.C3.A9s_des_.C3.A9v.C3.A9nements_de_position_de_la_souris" name="Propri.C3.A9t.C3.A9s_des_.C3.A9v.C3.A9nements_de_position_de_la_souris">Propriétés des événements de position de la souris</h4> -<p>Toutefois, tous les événements de la souris disposent des propriétés contenant les coordonnées de la position de la souris lors du déclenchement de l'événement. Il y a deux jeux de coordonnées. Le premier jeu définit les propriétés <code><a href="/fr/DOM/event.screenX" title="fr/DOM/event.screenX">screenX</a></code> et <code><a href="/fr/DOM/event.screenY" title="fr/DOM/event.screenY">screenY</a></code> mesurées depuis le coin supérieur gauche de l'écran. Le second jeu, <code><a href="/fr/DOM/event.clientX" title="fr/DOM/event.clientX">clientX</a></code> et <code><a href="/fr/DOM/event.clientY" title="fr/DOM/event.clientY">clientY</a></code>, est calculé à partir du coin supérieur gauche du document. Voici un exemple qui affiche les coordonnées courantes de la souris :</p> -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advevents_4.xul">Voir</a></p> -<pre><script> - -function updateMouseCoordinates(event){ - var text = "X:" + event.clientX + " Y:" + event.clientY; - document.getElementById("xy").value = text; -} -</script> - -<label id="xy"/> -<hbox width="400" height="400" onmousemove="updateMouseCoordinates(event);"/> -</pre> -<p>Dans cet exemple, les dimensions de la boîte ont été fixées explicitement pour que l'effet soit plus visible. Le gestionnaire d'événement récupère les propriétés <code><a href="/fr/DOM/event.clientX" title="fr/DOM/event.clientX">clientX</a></code> et <code><a href="/fr/DOM/event.clientY" title="fr/DOM/event.clientY">clientY</a></code> et les convertit en une chaîne (string). Cette chaîne est affectée à la propriété <code id="a-value"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/value">value</a></code> du libellé. Notez que l'argument 'event' doit être passé à la fonction <code>updateMouseCoordinates</code>. Si vous déplacez rapidement la souris autour de la bordure, vous noterez que les coordonnées ne s'arrêtent généralement pas exactement sur '400'. Ceci s'explique car l'événement 'mousemove' se déclenche selon un intervalle dépendant de la vitesse de déplacement de la souris, et celle-ci s'est généralement déplacée au-delà de la bordure avant le lancement de l'événement suivant. Évidement, il ne serait pas judicieux d'envoyer un événement 'mousemove' sur chacun des pixels parcourus par la souris.</p> -<h4 id="Coordonn.C3.A9es_relatives_.C3.A0_un_.C3.A9l.C3.A9ment" name="Coordonn.C3.A9es_relatives_.C3.A0_un_.C3.A9l.C3.A9ment">Coordonnées relatives à un élément</h4> -<p>Souvent, ce sont les coordonnées relatives à l'élément qui a déclenché l'événement que vous voulez obtenir, pas celles relatives à la fenêtre entière. Pour y parvenir, il vous suffit de soustraire la position de l'élément à la position de l'événement, comme dans le code suivant.</p> -<pre>var element = event.target; -var elementX = event.clientX - element.boxObject.x; -var elementY = event.clientY - element.boxObject.y; -</pre> -<p>Les éléments XUL ont un objet de boîte accessible en utilisant la propriété <code>boxObject</code>. Nous en apprendrons plus sur l'objet de boîte dans <a href="/fr/Tutoriel_XUL/Les_objets_boîtes" title="fr/Tutoriel_XUL/Les_objets_boîtes">une section ultérieure</a>, mais sachez qu'il contient des informations sur l'affichage de l'élément, incluant notamment ses coordonnées horizontales (x) et verticales (y). Dans cet exemple de code, ces coordonnées sont soustraites de celles de l'événement pour obtenir la position relative de l'élément XUL.</p> -<h3 id=".C3.89v.C3.A9nements_de_chargement" name=".C3.89v.C3.A9nements_de_chargement">Événements de chargement</h3> -<p>L'événement de chargement est envoyé au document (l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>) dès que le fichier XUL a fini son chargement et juste avant que son contenu ne soit affiché. Cet événement est couramment utilisé pour initialiser les champs et réaliser d'autres tâches qui doivent être exécutées avant que l'utilisateur ne dispose de la fenêtre. Vous devriez utiliser un événement de chargement pour faire ce genre de chose plutôt que d'ajouter un script de niveau supérieur extérieur à une fonction. Cette préconisation tient au fait que les éléments XUL peuvent ne pas être chargés ou ne pas être totalement initialisés, ce qui peut entraîner des dysfonctionnements. Pour utiliser un événement de chargement, placez l'attribut <code id="a-onload"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onload">onload</a></code> sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. Appelez du code à l'intérieur du gestionnaire de chargement afin d'initialiser l'interface si nécessaire.</p> -<p>Il existe également un événement <code id="a-unload"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/unload">unload</a></code> qui est appelé dès que la fenêtre est fermée ou, dans un contexte de navigation, lorsque la page bascule vers une autre URL. Vous pouvez utiliser cet événement, par exemple, pour sauvegarder des informations modifiées.</p> -<hr> -<p>Nous verrons ensuite comment ajouter des raccourcis clavier.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_de_gestionnaires_d'évènements" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Raccourcis_clavier">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/positionnement_dans_une_pile/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/positionnement_dans_une_pile/index.html deleted file mode 100644 index 5a940e4ff2..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/positionnement_dans_une_pile/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: Positionnement dans une pile -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Positionnement_dans_une_pile -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Stack_Positioning ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Piles_et_Paquets" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Onglets">Suivant »</a></p> -</div> -<p>Cette section va décrire comment positionner des éléments dans une pile (stack).</p> -<h3 id="Placement_des_enfants_d.27une_pile" name="Placement_des_enfants_d.27une_pile">Placement des enfants d'une pile</h3> -<p>Normalement, les éléments enfants d'une pile s'étirent pour s'ajuster à la dimension de la pile. Toutefois, vous pouvez aussi placer ces enfants à des coordonnées précises. Par exemple, si la pile a deux boutons comme enfants, l'un d'eux peut être placé à 20 pixels du bord gauche et 50 pixels du bord supérieur. Le second bouton peut être placé à 100 pixels du bord gauche et 5 pixels du bord supérieur.</p> -<p>La position d'un élément enfant doit être précisée en plaçant deux attributs sur chaque élément. Pour le positionnement horizontal, utilisez l'attribut <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> et pour le positionnement vertical, utilisez l'attribut <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>. Si vous ne mettez pas ces attributs sur un enfant de la pile, celui-ci va s'étirer pour s'ajuster à la dimension de la pile.</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_bulletins_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_bulletins_1.xul">Voir</a></p> -<div class="float-right"><img alt="Image:xultu_ex_4_4_1.png" class=" internal" src="/@api/deki/files/1519/=Xultu_ex_4_4_1.png"></div> -<pre><stack> - <button label="Goblins" left="5" top="5"/> - <button label="Trolls" left="60" top="20"/> - <button label="Vampires" left="10" top="60"/> -</stack> -</pre> -<p>La pile <code><a href="/fr/docs/Mozilla/Tech/XUL/stack" title="stack">stack</a></code> contient trois éléments, chacun d'eux est positionné aux coordonnées précisées par les attributs <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> et <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>. Ici, les trois éléments enfants sont des boutons, mais les éléments n'ont pas à être tous du même type. Il peut y avoir n'importe quels éléments, même des boîtes ou d'autres piles.</p> -<p>Les dimensions d'une pile sont déterminées par les positions de ses éléments enfants. La pile aura toujours des dimensions permettant à ses éléments enfants d'être visibles. Ainsi, si vous initialisez l'attribut <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> d'un enfant à la valeur de '400', la pile aura une largeur d'environ 400 pixels plus la largeur de cet élément enfant. Vous pouvez outrepasser cette taille avec des propriétés de style variées telles que <code>width</code> et <code>max-width</code>.</p> -<p>Vous pouvez utiliser un script pour ajuster les valeurs des attributs <code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code> et <code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code> et de ce fait, rendre les éléments mobiles. Les piles présentent l'avantage suivant : lorsqu'un élément positionné de façon absolue change sa position, la position des autres éléments n'est pas affectée. Si vous essayez de déplacer des éléments dans une boîte normale, les autres éléments vont bouger en réaction.</p> -<p>Il est également possible de placer des éléments enfants de telle manière qu'ils se superposent. Lorsque les éléments enfants se dessinent, ils sont affichés dans l'ordre où ils sont apparus dans la pile. De ce fait, le premier enfant d'une pile apparaît en arrière plan, suivi du second et ainsi de suite. Le dernier enfant apparaît au premier plan. Vous pouvez utiliser les fonctions DOM pour modifier l'ordre des éléments.</p> -<p>Lorsqu'ils répondent aux événements de la souris, les éléments au premier plan vont capturer les événements en premier. Cela signifie que si deux boutons se superposent, le bouton au premier plan va capturer le clic de la souris à l'endroit où il couvre l'autre bouton.</p> -<hr> -<p>La prochaine section décrit les onglets, qui sont comme des paquets (deck) mais fournissent leur propre système d'utilisation.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Piles_et_Paquets" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Onglets">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/positionnement_des_éléments/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/positionnement_des_éléments/index.html deleted file mode 100644 index f3cdf9ff84..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/positionnement_des_éléments/index.html +++ /dev/null @@ -1,253 +0,0 @@ ---- -title: Positionnement des éléments -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Positionnement_des_éléments -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Element_Positioning ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Le_modèle_de_boîte" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Détails_sur_le_modèle_de_boîte">Suivant »</a></p> -</div> - -<p>Ici nous apprendrons à contrôler la position et la taille d'un élément.</p> - -<h2 id="Positionnement_des_.C3.A9l.C3.A9ments_de_bo.C3.AEte" name="Positionnement_des_.C3.A9l.C3.A9ments_de_bo.C3.AEte">Positionnement des éléments de boîte</h2> - -<p>Jusqu'ici, nous avons appris à placer des éléments horizontalement ou verticalement à l'intérieur d'une boîte. Nous aurons souvent besoin d'un meilleur contrôle sur la position et la taille des éléments à l'intérieur d'une boîte. Pour cela, nous devons d'abord comprendre le fonctionnement d'une boîte.</p> - -<p>La position d'un élément est déterminée par le style de mise en plage de son conteneur. Par exemple, la position d'un bouton dans une boîte horizontale est à droite du bouton précédent, s'il y en a plusieurs. La dimension d'un élément est déterminée par deux facteurs, la place que cet élément cherche à occuper et la taille que vous avez spécifiée. La taille qu'un élément cherche à avoir est déterminée par son contenu. Par exemple, la largeur d'un bouton est déterminée par la quantité de texte à l'intérieur du bouton.</p> - -<p>Un élément sera généralement juste assez large pour les besoins de l'affichage de son contenu, et pas plus large. Quelques éléments, tels que les boîtes de textes, utiliseront une taille par défaut. Une boîte aura la largeur nécessaire à l'affichage des éléments qu'elle contient. Une boîte horizontale contenant trois boutons aura la largeur de ces trois boutons, plus la marge.</p> - -<p>Dans l'image ci-dessous, les deux premiers boutons ont la taille suffisante à l'affichage de leur texte. Le troisième bouton est plus large parce que son contenu est plus grand. La largeur de la boîte contenant les boutons correspond au total des largeurs de ces boutons plus la marge entre eux. La hauteur des boutons est une taille adaptée à l'affichage du texte.</p> - -<p><img alt="Image:xultu_boxstyle1n.png" class="internal" src="/@api/deki/files/1505/=Xultu_boxstyle1n.png"></p> - -<h3 id="Attributs_de_largeur_et_de_hauteur" name="Attributs_de_largeur_et_de_hauteur">Attributs de largeur et de hauteur</h3> - -<p>Vous pourriez avoir besoin de mieux contrôler la taille d'un élément dans une fenêtre. Plusieurs dispositifs vous permettent de contrôler la dimension d'un élément. La méthode la plus rapide est d'ajouter simplement les attributs <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> et <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code> sur un élément, un peu comme vous le feriez avec la balise HTML <code>img</code>. Voir l'exemple ci-dessous :</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_1.xul">Voir</a></p> - -<pre><button label="OK" width="100" height="40"/></pre> - -<p>Cependant, il n'est pas recommandé de procéder ainsi. Cette méthode n'est pas vraiment portable et peut ne pas s'adapter à certains thèmes. Une meilleure méthode consiste à utiliser des propriétés de style, dont le fonctionnement est similaire aux feuilles de styles du HTML. Les propriétés CSS suivantes peuvent être utilisées.</p> - -<dl> - <dt><code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </dt> - <dd>Ceci indique la largeur d'un élément.</dd> - <dt><code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code> </dt> - <dd>Ceci indique la hauteur d'un élément.</dd> -</dl> - -<p>En plaçant l'une ou l'autre de ces deux propriétés, l'élément sera créé avec cette largeur et cette hauteur. Si vous spécifiez seulement une de ces deux propriétés, l'autre est calculée en fonction de ses propres besoins. La valeur de ces propriétés de style doit être définie par un nombre suivi d'une unité de mesure.</p> - -<h3 id=".C3.89l.C3.A9ments_flexibles" name=".C3.89l.C3.A9ments_flexibles">Éléments flexibles</h3> - -<p>Les dimensions des éléments non flexibles sont assez faciles à calculer. Elles correspondent simplement aux largeurs et de hauteurs spécifiées, ou si ces valeurs ne sont pas définies, elles sont ajustées par défaut au contenu. Pour les éléments flexibles, le calcul est légèrement plus savant.</p> - -<p>Les éléments flexibles sont ceux qui ont un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> dont la valeur est supérieure à 0. Rappelez-vous que les éléments flexibles s'étirent et s'élargissent pour remplacer l'espace vide. Leurs tailles par défaut restent calculées de la même façon que les éléments non flexibles. Considérez l'exemple suivant :</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_2.xul">Voir</a></p> - -<pre><window orient="horizontal" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<box> - <button label="Oui" flex="1"/> - <button label="Non"/> - <button label="Je ne connais pas vraiment cette manière ou l'autre"/> -</box> -</pre> - -<p>La fenêtre apparaîtra initialement comme sur l'image précédente. Les deux premiers boutons seront dimensionnés à une largeur par défaut convenable et le troisième bouton sera plus large parce que son libellé est plus long. Le premier bouton est flexible et les trois éléments ont été placés à l'intérieur d'une boîte. La largeur de la boîte correspondra à la largeur totale des trois boutons (environs 515 pixels dans l'image).</p> - -<p>Si vous augmentez la largeur de la fenêtre, une vérification de la flexibilité des éléments est effectuée afin d'assurer le remplissage de l'espace libre à afficher. Le bouton est le seul élément flexible, mais il ne s'élargira pas plus, parce que la boîte contenant le bouton n'est pas flexible. Un élément inflexible ne change jamais de taille même lorsque de l'espace est disponible, c'est pourquoi le bouton ne s'agrandit pas non plus. Ainsi, le bouton ne pourra pas s'élargir.</p> - -<p>La solution est de rendre la boîte flexible également. De cette façon, quand vous élargirez la fenêtre, de l'espace supplémentaire sera disponible, et la boîte s'élargira alors pour remplir cet espace supplémentaire. Puisque la boîte est plus grande, une plus grande quantité d'espace libre est créée à l'intérieur de celle-ci, et le bouton flexible qu'elle contient s'élargira pour occuper l'espace disponible. Ce processus est répété pour toutes les boîtes présentes, autant de fois que nécessaire.</p> - -<h2 id="R.C3.A9glage_des_tailles_minimales_et_maximales" name="R.C3.A9glage_des_tailles_minimales_et_maximales">Réglage des tailles minimales et maximales</h2> - -<p>Vous pouvez autoriser un élément à être flexible tout en limitant ses dimensions de sorte à certaines valeurs. À l'inverse, vous pouvez définir des dimensions minimales. Ce comportement se définit par les quatre attributs suivants :</p> - -<dl> - <dt><code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code> </dt> - <dd>Ceci indique la largeur minimale que l'élément peut posséder.</dd> - <dt><code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code> </dt> - <dd>Ceci indique la hauteur minimale que l'élément peut posséder.</dd> - <dt><code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code> </dt> - <dd>Ceci indique la largeur minimale que l'élément peut posséder.</dd> - <dt><code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code> </dt> - <dd>Ceci indique la hauteur minimale que l'élément peut posséder.</dd> -</dl> - -<p>Les valeurs sont toujours mesurées en pixels. Vous pouvez également employer les propriétés CSS correspondantes, <code>min-width</code>, <code>min-height</code>, <code>max-width</code> et <code>max-height</code>.</p> - -<p>Ces propriétés ne sont utiles que pour des éléments flexibles. En plaçant une hauteur maximale, par exemple, un bouton extensible s'étirera seulement jusqu'à cette hauteur maximale. Vous pourrez toujours agrandir la fenêtre au-delà de ce point mais la taille du bouton cessera de s'accroître. La boîte dans laquelle le bouton se trouve continuera également à s'agrandir, à moins que vous ne définissiez aussi une hauteur maximale pour la boîte.</p> - -<p>Si deux boutons sont flexibles, ils se partageront normalement tous les deux la quantité d'espace disponible. Si un bouton a une largeur maximale, le second devrait continuer de s'agrandir en prenant tout l'espace restant.</p> - -<p>Si une boîte a une largeur ou une hauteur maximale, les enfants ne peuvent pas se développer au-delà de cette taille maximale. Si une boîte a une largeur ou une taille minimale, les enfants ne peuvent pas rétrécir au-delà de cette taille minimale.</p> - -<h3 id="Exemples_de_r.C3.A9glage_de_largeurs_et_de_hauteurs" name="Exemples_de_r.C3.A9glage_de_largeurs_et_de_hauteurs">Exemples de réglage de largeurs et de hauteurs</h3> - -<pre><button label="1" style="width: 100px;"/> -<button label="2" style="width: 100em; height: 10px;"/> -<button label="3" flex="1" style="min-width: 50px;"/> -<button label="4" flex="1" style="min-height: 2ex; max-width: 100px"/> -<textbox flex="1" style="max-width: 10em;"/> -<description style="max-width: 50px">Ceci est quelque peu ennuyant mais c'est un texte s'étalant simplement.</description> -</pre> - -<dl> - <dt>Exemple 1 </dt> - <dd>Le premier bouton sera affiché avec une largeur de 100 pixels (le <code>px</code> signifie pixels). Vous devez ajouter l'unité, ou la largeur définie sera ignorée.</dd> - <dt>Exemple 2 </dt> - <dd>Le deuxième bouton sera affiché avec une hauteur de dix pixels et une largeur de 100 em (un <code>em</code> correspond à la taille d'un caractère dans la police courante).</dd> - <dt>Exemple 3 </dt> - <dd>Le troisième bouton flexible s'agrandira en se basant sur la taille de la boîte qui le contient. Cependant, le bouton ne rétrécira jamais au-dessous de 50 pixels. D'autres composants flexibles tels que des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/spacers" title="spacers">spacers</a></code> absorberont l'espace restant, brisant ainsi le rapport de flexibilité.</dd> - <dt>Exemple 4 </dt> - <dd>Le quatrième bouton est flexible et n'aura jamais une hauteur inférieure à 2 ex (un <code>ex</code> correspond habituellement à la taille de la lettre x dans la police courante) ou une largeur supérieure à 100 pixels.</dd> - <dt>Exemple 5 </dt> - <dd>Le champ de saisie de texte est flexible mais sa largeur ne sera jamais supérieure à 10 em. Vous employerez souvent les ems quand vous préciserez les tailles des champs de saisie de texte en fonction du texte qu'ils contiennent. Cette unité est utile pour des champs de saisie de texte qui peuvent ainsi s'adapter à la police de caractères utilisée, même si la police est très grande.</dd> - <dt>Exemple 6 </dt> - <dd>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> est limité à 50 pixels en largeur maximale. À l'intérieur, une césure du texte sur la ligne suivante interviendra après 50 pixels.</dd> -</dl> - -<div class="highlight"> -<h3 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h3> - -<p>Ajoutons quelques-uns de ces styles à notre exemple de fenêtre de recherche de fichiers. Nous le ferons de telle manière que le champ de saisie de texte s'étire pour remplir entièrement la fenêtre.</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-boxstyle.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-boxstyle.xul">Voir</a></p> - -<pre><textbox id="find-text" '''flex="1" style="min-width: 15em;"'''/></pre> - -<div class="float-right"><img alt="Image:xultu_boxstyle1.png" class="internal" src="/@api/deki/files/1504/=Xultu_boxstyle1.png"></div> - -<p>Ici, le champ de saisie de texte a été rendu flexible. De cette façon, il s'agrandira si l'utilisateur change la taille de la fenêtre. C'est utile si l'utilisateur veut saisir une longue chaîne de caractères. En outre, une largeur minimale de 15 em a été définie de sorte que le champ de saisie de texte affiche toujours au moins 15 caractères. Si l'utilisateur redimensionne la fenêtre en diminuant sa taille, le champ de saisie de texte ne se rétrécira pas en-dessous de 15 em. Il sera dessiné comme s'il se prolongait au-delà du bord de la fenêtre. Notez que sur l'image, le champ de saisie de texte s'est étiré de façon à occuper toute la largeur de la fenêtre.</p> -</div> - -<h2 id="Empaquetage_de_bo.C3.AEte" name="Empaquetage_de_bo.C3.AEte">Empaquetage de boîte</h2> - -<p>Nous avons une boîte avec deux éléments enfants, qui ne sont pas flexibles, mais dans la boîte qui est flexible. Par exemple :</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_3.xul">Voir</a></p> - -<pre><box flex="1"> - <button label="Heureux"/> - <button label="Triste"/> -</box> -</pre> - -<p>Si vous redimensionnez la fenêtre, la boîte s'étirera pour s'ajuster à la taille de la fenêtre. Les boutons n'étant pas flexibles, leur largeur ne changera pas. Le résultat est qu'un espace supplémentaire apparaîtra sur le côté droit de la fenêtre, à l'intérieur de la boîte. Cependant, vous pouvez désirer que l'espace supplémentaire apparaisse plutôt sur le côté gauche alors que les boutons restent alignés sur la droite de la fenêtre.</p> - -<p>Vous pouvez réaliser cela en plaçant un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> à l'intérieur de la boîte, mais cela peut rendre le code confus quand vous devez le faire plusieurs fois. Une meilleure solution est d'utiliser l'attribut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code> sur la boîte. Cet attribut indique comment empaqueter les éléments enfants à l'intérieur d'une boîte. Pour des boîtes orientées horizontalement, il contrôle le positionnement horizontal des enfants. Pour les boîtes orientées verticalement, il contrôle le positionnement vertical des enfants. Vous pouvez utilisez les valeurs suivantes :</p> - -<dl> - <dt>start </dt> - <dd>Ceci positionne les éléments sur le bord gauche pour les boîtes horizontales et sur le bord haut pour les boîtes verticales. C'est la valeur par défaut.</dd> - <dt>center </dt> - <dd>Ceci centre les éléments enfants dans la boîte.</dd> - <dt>end </dt> - <dd>Ceci positionne les éléments sur le bord droit pour les boîtes horizontales et sur le bord bas pour les boîtes verticales.</dd> -</dl> - -<p>L'attribut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code> s'applique à la boîte contenant les éléments à empaqueter et non aux éléments eux-mêmes.</p> - -<p>Nous pouvons modifier l'exemple précédent pour centrer les éléments de cette façon :</p> - -<p><span id="Exemple_4"><a id="Exemple_4"></a><strong>Exemple 4</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_4.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_4.xul">Voir</a></p> - -<pre><box flex="1" pack="center"> - <button label="Heureux"/> - <button label="Triste"/> -</box> -</pre> - -<p>Maintenant, lorsque la fenêtre est redimensionnée, les boutons sont centrés horizontalement. Comparez ce comportement à celui de l'exemple précédent.</p> - -<h2 id="Alignement_de_bo.C3.AEte" name="Alignement_de_bo.C3.AEte">Alignement de boîte</h2> - -<p>Si vous redimensionnez horizontalement la fenêtre dans l'exemple « Heureux-Triste », la boîte devrait s'élargir. Si vous redimensionnez verticalement la fenêtre, vous noterez que les boutons sont étirés. Ceci est dû à la flexibilité qui est affectée par défaut à l'autre direction.</p> - -<p>Vous pouvez contrôler ce comportement avec l'attribut <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>. Pour les boîtes horizontales, il contrôle le positionnement vertical des enfants. Pour les boîtes verticales, il contrôle le positionnement horizontal des enfants. Les valeurs possibles sont similaires à celles de l'attibut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>.</p> - -<dl> - <dt>start </dt> - <dd>Ceci aligne les éléments le long du bord haut pour les boîtes horizontales et le long du bord gauche pour les boîtes verticales.</dd> - <dt>center </dt> - <dd>Ceci centre les éléments enfants dans la boîte.</dd> - <dt>end </dt> - <dd>Ceci aligne les éléments le long du bord bas pour les boîtes horizontales et le long du bord droit pour les boîtes verticales.</dd> - <dt>baseline </dt> - <dd>Ceci aligne les éléments et le texte. Il est utilisable seulement avec des boîtes horizontales.</dd> - <dt>stretch </dt> - <dd>Cette valeur, affectée par défaut, provoque l'agrandissement des éléments proportionnellement à la taille de la boîte, un peu à la façon d'un élément flexible, mais dans la direction opposée.</dd> -</dl> - -<p>Comme avec l'attribut <code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, l'attribut <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code> s'applique à la boîte contenant les éléments à aligner et non aux éléments eux-mêmes.</p> - -<p>Dans l'exemple ci-dessous, la première boîte aura ses enfants étirés, car c'est le comportement par défaut. La seconde boîte a un attribut <code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, c'est pourquoi ses enfants sont placés au centre.</p> - -<p><span id="Exemple_5"><a id="Exemple_5"></a><strong>Exemple 5</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_5.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_5.xul">Voir</a></p> - -<pre><?xml version="1.0"?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<window id="yesno" title="Question" orient="horizontal" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - - <hbox> - <button label="Oui"/> - <button label="Non"/> - </hbox> - <hbox align="center"> - <button label="Peut-être"/> - <button label="Il se peut"/> - </hbox> - -</window> -</pre> - -<div class="float-right"><img alt="Image:xultu_boxstyle2-b.png" class="internal" src="/@api/deki/files/1506/=Xultu_boxstyle2-b.png"></div> - -<p>Vous pouvez aussi utiliser les propriétés de style <a href="/fr/CSS/-moz-box-pack" title="fr/CSS/-moz-box-pack">-moz-box-pack</a> et <a href="/fr/CSS/-moz-box-pack" title="fr/CSS/-moz-box-pack">-moz-box-align</a> à la place des attributs indiqués.</p> - -<div class="note">Vous pouvez trouver l'<a class="external" href="http://developer.mozilla.org/samples/xultu/examples/aligner.xul">exemple d'alignement de boîte</a> pratique pour tester les différentes propriétés de boîte (<abbr title="Note du Traducteur">NdT</abbr> : vous pouvez aussi voir une <a class="external" href="http://xulfr.org/sources/tutoriel/boite/boite.xul">autre démonstration du même genre sur xulfr</a>).</div> - -<h2 id="Coupure_du_texte_et_des_boutons" name="Coupure_du_texte_et_des_boutons">Coupure du texte et des boutons</h2> - -<p>Vous pouvez potentiellement créer un élément bouton qui contient un libellé plus large que la largeur maximale du bouton. Bien sûr, une solution serait d'augmenter la taille du bouton. Cependant, les boutons (et les autres éléments avec un libellé) ont un attribut spécial appelé <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> qui vous permet d'indiquer de quelle manière le texte doit être traité s'il est trop grand.</p> - -<p>Si le texte est coupé, un point de suspension (…) apparaît sur le bouton où le texte a été enlevé. Quatre valeurs sont valides :</p> - -<dl> - <dt>left </dt> - <dd>Le texte est coupé sur son côté gauche.</dd> - <dt>right </dt> - <dd>Le texte est coupé sur son côté droit.</dd> - <dt>center </dt> - <dd>Le texte est coupé au milieu.</dd> - <dt>none </dt> - <dd>Le texte n'est pas coupé. C'est la valeur par défaut.</dd> -</dl> - -<p>Cet attribut est vraiment utile quand une boîte de dialogue a été conçue pour être utilisable à n'importe quelle taille. L'attribut <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code> peut aussi être utilisé avec les autres éléments qui utilisent un attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> en tant que libellé. L'exemple suivant montre l'utilisation de cet attribut :</p> - -<p><span id="Exemple_6"><a id="Exemple_6"></a><strong>Exemple 6</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_6.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_boxstyle_6.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_boxstyle2.png" class="internal" src="/@api/deki/files/1507/=Xultu_boxstyle2.png"></div> - -<pre><button label="Pressez moi, s'il vous plait !" crop="right" flex="1"/></pre> - -<p>Notez comment le texte sur le bouton voit son côté droit coupé si la fenêtre est réduite.</p> - -<hr> -<p>Dans la prochaine section, nous ferons un petit résumé et décrirons quelques détails supplémentaires concernant le modèle de boîte.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Le_modèle_de_boîte" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Détails_sur_le_modèle_de_boîte">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/raccourcis_clavier/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/raccourcis_clavier/index.html deleted file mode 100644 index 861c0450d0..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/raccourcis_clavier/index.html +++ /dev/null @@ -1,377 +0,0 @@ ---- -title: Raccourcis clavier -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Raccourcis_clavier -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Keyboard_Shortcuts ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Plus_sur_les_gestionnaires_d'évènements" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Focus_et_Selection">Suivant »</a></p> -</div> - -<p>Pour réagir aux touches pressées, vous pouvez utiliser des gestionnaires d'événements clavier, mais il serait fastidieux de le faire pour chaque bouton ou chaque item de menu.</p> - -<h3 id="Cr.C3.A9ation_d.27un_raccourci_clavier" name="Cr.C3.A9ation_d.27un_raccourci_clavier">Création d'un raccourci clavier</h3> - -<p>XUL fournit des méthodes par lesquelles vous pouvez définir des raccourcis clavier. Nous avons déjà vu dans <a href="/fr/Tutoriel_XUL/Barres_de_menus_simples" title="fr/Tutoriel_XUL/Barres_de_menus_simples">la section sur les menus</a> que nous pouvions définir un attribut appelé <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> qui spécifie la touche à presser par l'utilisateur pour activer le menu ou l'item de menu. Dans l'exemple ci-dessous, le menu Fichier peut être sélectionné en pressant <code>Alt</code> et <code>F</code> (ou une autre combinaison de touches spécifique à une plate-forme). Une fois le menu Fichier ouvert, l'item de menu Fermer peut être sélectionné en pressant <code>F</code>.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_keyshort_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_keyshort_1.xul">Voir</a></p> - -<pre><menubar id="sample-menubar"> - <menu id="file-menu" label="Fichier" accesskey="f"> - <menupopup id="file-popup"> - <menuitem id="close-command" label="Fermer" accesskey="f"/> - </menupopup> - </menu> -</menubar> -</pre> - -<p>Vous pouvez aussi utiliser l'attribut <code id="a-accesskey"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/accesskey">accesskey</a></code> sur les boutons. Dans ce cas, quand la touche est pressée, le bouton est sélectionné.</p> - -<p>Cependant, vous pourriez vouloir mettre en place des raccourcis clavier plus généraux, comme par exemple, la combinaison <code>Ctrl</code>+<code>C</code> pour copier du texte dans le presse-papiers. Bien que de tels raccourcis puissent ne pas être toujours valides, ils fonctionneront habituellement dès qu'une fenêtre est ouverte. Normalement, un raccourci sera autorisé à n'importe quel moment et vous pourrez vérifier via un script s'il doit faire quelque chose. Par exemple, copier du texte dans le presse-papiers ne devrait fonctionner seulement quand du texte est sélectionné.</p> - -<h4 id=".C3.89l.C3.A9ment_key" name=".C3.89l.C3.A9ment_key">Élément <code>key</code></h4> - -<p>XUL fournit un élément, <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code>, qui vous permet de définir un raccourci clavier pour une fenêtre. Il comprend des attributs pour définir la touche qui doit être pressée et quels modificateurs de touches (tels que shift pour <code>Maj</code> ou control pour <code>Ctrl</code>) doivent l'accompagner. Un exemple :</p> - -<pre><keyset> - <key id="sample-key" modifiers="shift" key="R"/> -</keyset> -</pre> - -<p>Cet exemple définit un raccourci clavier qui s'active lorsque l'utilisateur presse les touches <code>Maj</code> et <code>R</code>. L'attribut <code id="a-key"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/key">key</a></code> (notez qu'il a le même nom que l'élément lui-même) est utilisé pour indiquer quelle touche doit être pressée, dans ce cas <code>R</code>. Vous pouvez ajouter n'importe quels caractères à cet attribut selon les combinaisons de touches devant être pressées. Les modificateurs de touches devant être pressés sont indiqués par l'attribut <code id="a-modifiers"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/modifiers">modifiers</a></code>. Il s'agit d'une liste de modificateurs séparée par des espaces, et ils sont décrits ci-dessous :</p> - -<dl> - <dt>'alt' </dt> - <dd>L'utilisateur doit presser la touche <code>Alt</code>. Sous Macintosh, il s'agit de la touche <code>Option</code>.</dd> - <dt>'control' </dt> - <dd>L'utilisateur doit presser la touche <code>Ctrl</code></dd> - <dt>'meta' </dt> - <dd>L'utilisateur doit presser la touche <code>Meta</code>. Il s'agit de la touche <code>Command</code> sous Macintosh.</dd> - <dt>'shift' </dt> - <dd>L'utilisateur doit presser la touche <code>Shift</code> (<code>Maj</code>)</dd> - <dt>'accel' </dt> - <dd>L'utilisateur doit presser la touche spéciale d'accélérateur. L'utilisateur doit presser la touche de raccourci spécifique à sa plate-forme. Il s'agit de la valeur que vous utiliserez habituellement.</dd> -</dl> - -<p>Votre clavier n'a pas forcément toutes ces touches, dans ce cas, elles seront actives par d'autres touches de modification que vous possédez.</p> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> doit être placé à l'intérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/keyset" title="keyset">keyset</a></code>. Cet élément est destiné à contenir un ensemble d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> servant à grouper toutes les définitions de raccourcis dans un seul emplacement du fichier. Tout élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> à l'extérieur d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/keyset" title="keyset">keyset</a></code> ne sera pas pris en compte.</p> - -<p>Généralement, chaque plate-forme utilise une touche différente pour les raccourcis clavier. Par exemple, Windows utilise la touche <code>Ctrl</code> tandis que Macintosh utilise la touche <code>Command</code>. Il serait peu commode de définir un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> propre à chaque plate-forme. Heureusement, il y a une solution, le modificateur de touches 'accel' se réfère à la touche de raccourci spécifique à la plate-forme. Il fonctionne exactement comme les autres modificateurs de touches excepté qu'il change selon la plate-forme.</p> - -<p>Voici quelques exemples supplémentaires :</p> - -<pre><keyset> - <key id="copy-key" modifiers="control" key="C"/> - <key id="explore-key" modifiers="control alt" key="E"/> - <key id="paste-key" modifiers="accel" key="V"/> -</keyset> -</pre> - -<h4 id="Attribut_XULAttrkeycode" name="Attribut_XULAttrkeycode">Attribut <code id="a-keycode"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/keycode">keycode</a></code></h4> - -<p>L'attribut <code id="a-key"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/key">key</a></code> est utilisé pour spécifier quelles touches doivent être pressées. Toutefois, il y aura aussi des cas où vous voudrez spécifier des touches qui ne peuvent être décrites par un simple caractère (telle que la touche <code>Enter</code> ou les touches de fonctions). L'attribut <code id="a-key"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/key">key</a></code> peut seulement être utilisé pour des caractères imprimables. Un autre attribut, <code id="a-keycode"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/keycode">keycode</a></code> peut être utilisé pour les caractères non imprimables.</p> - -<p>La valeur de l'attribut <code id="a-keycode"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/keycode">keycode</a></code> doit être un code spécial qui représente la touche souhaitée. Une liste de touches est disponible ci-dessous. Toutes les touches ne sont pas disponibles sur toutes les plate-formes.</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <td>VK_CANCEL</td> - <td>VK_BACK</td> - <td>VK_TAB</td> - <td>VK_CLEAR</td> - </tr> - <tr> - <td>VK_RETURN</td> - <td>VK_ENTER</td> - <td>VK_SHIFT</td> - <td>VK_CONTROL</td> - </tr> - <tr> - <td>VK_ALT</td> - <td>VK_PAUSE</td> - <td>VK_CAPS_LOCK</td> - <td>VK_ESCAPE</td> - </tr> - <tr> - <td>VK_SPACE</td> - <td>VK_PAGE_UP</td> - <td>VK_PAGE_DOWN</td> - <td>VK_END</td> - </tr> - <tr> - <td>VK_HOME</td> - <td>VK_LEFT</td> - <td>VK_UP</td> - <td>VK_RIGHT</td> - </tr> - <tr> - <td>VK_DOWN</td> - <td>VK_PRINTSCREEN</td> - <td>VK_INSERT</td> - <td>VK_DELETE</td> - </tr> - <tr> - <td>VK_0</td> - <td>VK_1</td> - <td>VK_2</td> - <td>VK_3</td> - </tr> - <tr> - <td>VK_4</td> - <td>VK_5</td> - <td>VK_6</td> - <td>VK_7</td> - </tr> - <tr> - <td>VK_8</td> - <td>VK_9</td> - <td>VK_SEMICOLON</td> - <td>VK_EQUALS</td> - </tr> - <tr> - <td>VK_A</td> - <td>VK_B</td> - <td>VK_C</td> - <td>VK_D</td> - </tr> - <tr> - <td>VK_E</td> - <td>VK_F</td> - <td>VK_G</td> - <td>VK_H</td> - </tr> - <tr> - <td>VK_I</td> - <td>VK_J</td> - <td>VK_K</td> - <td>VK_L</td> - </tr> - <tr> - <td>VK_M</td> - <td>VK_N</td> - <td>VK_O</td> - <td>VK_P</td> - </tr> - <tr> - <td>VK_Q</td> - <td>VK_R</td> - <td>VK_S</td> - <td>VK_T</td> - </tr> - <tr> - <td>VK_U</td> - <td>VK_V</td> - <td>VK_W</td> - <td>VK_X</td> - </tr> - <tr> - <td>VK_Y</td> - <td>VK_Z</td> - <td>VK_NUMPAD0</td> - <td>VK_NUMPAD1</td> - </tr> - <tr> - <td>VK_NUMPAD2</td> - <td>VK_NUMPAD3</td> - <td>VK_NUMPAD4</td> - <td>VK_NUMPAD5</td> - </tr> - <tr> - <td>VK_NUMPAD6</td> - <td>VK_NUMPAD7</td> - <td>VK_NUMPAD8</td> - <td>VK_NUMPAD9</td> - </tr> - <tr> - <td>VK_MULTIPLY</td> - <td>VK_ADD</td> - <td>VK_SEPARATOR</td> - <td>VK_SUBTRACT</td> - </tr> - <tr> - <td>VK_DECIMAL</td> - <td>VK_DIVIDE</td> - <td>VK_F1</td> - <td>VK_F2</td> - </tr> - <tr> - <td>VK_F3</td> - <td>VK_F4</td> - <td>VK_F5</td> - <td>VK_F6</td> - </tr> - <tr> - <td>VK_F7</td> - <td>VK_F8</td> - <td>VK_F9</td> - <td>VK_F10</td> - </tr> - <tr> - <td>VK_F11</td> - <td>VK_F12</td> - <td>VK_F13</td> - <td>VK_F14</td> - </tr> - <tr> - <td>VK_F15</td> - <td>VK_F16</td> - <td>VK_F17</td> - <td>VK_F18</td> - </tr> - <tr> - <td>VK_F19</td> - <td>VK_F20</td> - <td>VK_F21</td> - <td>VK_F22</td> - </tr> - <tr> - <td>VK_F23</td> - <td>VK_F24</td> - <td>VK_NUM_LOCK</td> - <td>VK_SCROLL_LOCK</td> - </tr> - <tr> - <td>VK_COMMA</td> - <td>VK_PERIOD</td> - <td>VK_SLASH</td> - <td>VK_BACK_QUOTE</td> - </tr> - <tr> - <td>VK_OPEN_BRACKET</td> - <td>VK_BACK_SLASH</td> - <td>VK_CLOSE_BRACKET</td> - <td>VK_QUOTE</td> - </tr> - <tr> - <td>VK_HELP</td> - <td> </td> - <td> </td> - <td> </td> - </tr> - </tbody> -</table> - -<p>Par exemple, pour créer un raccourci qui est activé quand l'utilisateur presse les touches <code>Alt</code> et <code>F5</code>, faites ainsi :</p> - -<pre><keyset> - <key id="test-key" modifiers="alt" keycode="VK_F5"/> -</keyset> -</pre> - -<p>L'exemple ci-dessous montre quelques raccourcis clavier supplémentaires :</p> - -<pre><keyset> - <key id="copy-key" modifiers="accel" key="C"/> - <key id="find-key" keycode="VK_F3"/> - <key id="switch-key" modifiers="control alt" key="1"/> -</keyset> -</pre> - -<p>Le premier raccourci est déclenché lorsque l'utilisateur presse la touche de raccourci spécifique à sa plate-forme et <code>C</code>. Le deuxième est invoqué quand l'utilisateur presse <code>F3</code>. Le troisième se déclenche sur une pression des touches <code>Ctrl</code>, <code>Alt</code> et <code>1</code>. Si vous voulez distinguer les touches de la partie centrale du clavier et les touches du pavé numérique, utilisez les touches VK_NUMPAD (telles que 'VK_NUMPAD1').</p> - -<div class="note">Consultez la page anglaise <a class="external" href="http://www.mozilla.org/access/keyboard/">Mozilla Keyboard Planning FAQ and Cross Reference</a> pour de plus amples informations sur les raccourcis clavier dans les applications.</div> - -<h3 id="Utilisation_des_raccourcis_clavier" name="Utilisation_des_raccourcis_clavier">Utilisation des raccourcis clavier</h3> - -<p>Maintenant que nous savons comment définir les raccourcis clavier, nous allons découvrir comment les utiliser. Il y a deux manières. La première est la plus simple et requiert seulement que vous utilisiez le gestionnaire d'événements clavier sur l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code>. Quand l'utilisateur presse la (ou les) touche(s), le script est invoqué. Voici un exemple :</p> - -<pre><keyset> - <key id="copy-key" modifiers="accel" key="C" oncommand="DoCopy();"/> -</keyset> -</pre> - -<p>La fonction <code>DoCopy</code> sera appelée quand l'utilisateur pressera les touches spécifiées par l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> qui sont, dans cet exemple, les touches pour copier vers le presse-papiers (telles que <code>Ctrl</code>+<code>C</code>). Ceci fonctionnera tant que la fenêtre sera ouverte. La fonction <code>DoCopy</code> devrait vérifier si du texte est sélectionné et le copier dans le presse-papiers si tel est le cas. Notez que les champs de saisie intègrent déjà des raccourcis pour utiliser le presse-papiers, de sorte que vous n'avez pas besoin de les implémenter vous-même.</p> - -<h4 id="Assignation_d.27un_raccourci_clavier_.C3.A0_un_menu" name="Assignation_d.27un_raccourci_clavier_.C3.A0_un_menu">Assignation d'un raccourci clavier à un menu</h4> - -<p>Si vous assignez un raccourci clavier à une commande qui existe déjà dans un menu, vous pouvez associer directement l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> avec la commande du menu. Pour cela, ajoutez un attribut <code id="a-key"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/key">key</a></code> à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code>. Donnez lui comme valeur l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> du raccourci que vous voulez lui associer. L'exemple ci-dessous explique cette méthode.</p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_keyshort_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_keyshort_2.xul">Voir</a></p> - -<div class="float-right"><img alt="Image:xultu_keyshort1.jpg" class="internal" src="/@api/deki/files/1526/=Xultu_keyshort1.jpg"></div> - -<pre><keyset> - <key id="paste-key" modifiers="accel" key="V" - oncommand="alert('invoque Coller')"/> -</keyset> - -<menubar id="sample-menubar"> - <menu id="edit-menu" label="Editer" accesskey="e"> - <menupopup id="edit-popup"> - <menuitem id="paste-command" - accesskey="c" key="paste-key" - label="Coller" oncommand="alert('invoque Coller')"/> - </menupopup> - </menu> -</menubar> -</pre> - -<p>L'attribut <code id="a-key"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/key">key</a></code> de l'item du menu, qui est ici 'paste-key', est égal à l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> du raccourci défini. Vous pouvez utilisez cette méthode pour définir des raccourcis supplémentaires à plusieurs items de menu.</p> - -<p>Vous noterez également dans cette image que du texte a été placé à côté de la commande 'Coller' du menu pour indiquer le raccourci <code>Ctrl</code>+<code>V</code> pouvant être pressé pour invoquer la commande du menu. Cette indication est ajoutée automatiquement pour vous sur la base des touches de modification de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code>. Les raccourcis associés aux menus fonctionneront même si le menu n'est pas ouvert.</p> - -<p>Une fonctionnalité supplémentaire des définitions de raccourcis est que vous pouvez les désactivez facilement. Il vous suffit d'ajouter un attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/key" title="key">key</a></code> et lui affecter la valeur 'true'. Cet attribut désactive le raccourci clavier de façon à ce qu'il ne puisse pas être invoqué. Il est facile de modifier l'attribut <code id="a-disabled"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled">disabled</a></code> par le biais d'un script.</p> - -<div class="highlight"> -<h3 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h3> - -<p>Ajoutons des raccourcis clavier à la boîte de dialogue de recherche de fichiers. Nous en ajouterons quatre, un pour chacune des commandes Couper, Copier et Coller, et aussi un pour la commande Fermer quand l'utilisateur presse <code>Esc</code></p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-keyshort.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-keyshort.xul">Voir</a></p> - -<pre class="eval"><span class="highlightred"><keyset> <key id="cut_cmd" modifiers="accel" key="X"/> <key id="copy_cmd" modifiers="accel" key="C"/> <key id="paste_cmd" modifiers="accel" key="V"/> <key id="close_cmd" keycode="VK_ESCAPE" oncommand="window.close();"/> </keyset></span> - -<vbox flex="1"> - <toolbox> - <menubar id="findfiles-menubar"> - <menu id="file-menu" label="Fichier" accesskey="f"> - <menupopup id="file-popup"> - <menuitem label="Ouvrir une recherche..." accesskey="o"/> - <menuitem label="Sauver une recherche..." accesskey="s"/> - <menuseparator/> - <menuitem label="Fermer" accesskey="c" <span class="highlightred">key="close_cmd"</span> - oncommand="window.close();"/> - </menupopup> - </menu> - <menu id="edit-menu" label="Editer" accesskey="e"> - <menupopup id="edit-popup"> - <menuitem label="Couper" accesskey="e" <span class="highlightred">key="cut_cmd"</span>/> - <menuitem label="Copier" accesskey="p" <span class="highlightred">key="copy_cmd"</span>/> - <menuitem label="Coller" accesskey="l" <span class="highlightred">key="paste_cmd"</span> disabled="true"/> - </menupopup> - </menu> -</pre> -Maintenant nous pouvons utiliser ces raccourcis pour activer les commandes. Évidemment les commandes du presse-papiers restent inactives puisque nous n'avons pas encore écrit leurs scripts.</div> - -<h3 id=".C3.89v.C3.A9nements_Clavier" name=".C3.89v.C3.A9nements_Clavier">Événements Clavier</h3> - -<p>Il y a trois types d'événements clavier qui peuvent être utilisés si les dispositifs principaux décrits ci-dessus ne sont pas appropriés.</p> - -<dl> - <dt><code>keypress</code> </dt> - <dd>Appelé quand une touche est pressée puis relachée avec l'élement qui a le focus (élément actif). Vous pouvez l'utiliser pour controller les caractères saisis dans un champ.</dd> - <dt><code>keydown</code> </dt> - <dd>Appelé quand une touche est pressée avec l'élément qui a le focus (élément actif). Remarquez que l'évènement sera appelé aussitôt la touche enfoncée, même si elle n'a pas été encore relachée.</dd> - <dt><code>keyup</code> </dt> - <dd>Appelé quand une touche est relachée avec l'élément qui a le focus (élément actif).</dd> -</dl> - -<p>Les évènements clavier sont envoyés seulement à l'élément qui a le focus. Typiquement, ils incluent les champs de saisie, les boutons, les cases à cocher, et d'autres encore. Si aucun des éléments n'est actif, l'événement sera dirigé vers le document XUL lui-même. Dans ce cas, vous pouvez associer un scrutateur d'événements à la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>. Cependant, si vous voulez réagir aux événements de manière globale, vous devriez utiliser un raccourci clavier comme décrit plus haut.</p> - -<p>L'<a href="/fr/DOM/event" title="fr/DOM/event">objet event</a> a deux propriétés qui contiennent la touche pressée. La propriété <code><a href="/fr/DOM/event.keyCode" title="fr/DOM/event.keyCode">keyCode</a></code> contient le code de la touche qui peut être comparé à une des constantes de la table des codes de touche vue plus tôt dans cette section. La propriété <code><a href="/fr/DOM/event.charCode" title="fr/DOM/event.charCode">charCode</a></code> est utilisée pour les caractères imprimables et contient le caractère de la touche pressée.</p> - -<hr> -<p>Dans la prochaine section, nous allons découvrir comment gérer le focus et la sélection.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Plus_sur_les_gestionnaires_d'évènements" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Focus_et_Selection">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/règles_avançées/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/règles_avançées/index.html deleted file mode 100644 index 8916f1e816..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/règles_avançées/index.html +++ /dev/null @@ -1,213 +0,0 @@ ---- -title: Règles avançées -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Règles_avançées -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Advanced_Rules ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Sources_de_données_RDF" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Données_persistantes">Suivant »</a></p> -</div> - -<p>Cette section décrit la syntaxe des règles les plus complexes.</p> - -<h3 id="La_syntaxe_des_r.C3.A8gles_compl.C3.A8tes" name="La_syntaxe_des_r.C3.A8gles_compl.C3.A8tes">La syntaxe des règles complètes</h3> - -<p>La syntaxe des règles décrites jusqu'ici est utile pour certaines sources de données, mais parfois les données doivent être affichées de manière plus sophistiquée. La syntaxe de règle simple n'est en fait qu'un raccourci pour la syntaxe de règle complète qui est décrite ci-dessous. Comme pour la syntaxe de règle simple, la règle complète est placée entre des balises <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>.</p> - -<p>Une syntaxe de règle complète contient trois balises filles : une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/conditions" title="conditions">conditions</a></code> , une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code> et une balise <code><a href="/fr/docs/Mozilla/Tech/XUL/action" title="action">action</a></code>. La balise <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code> n'est pas toujours nécessaire.</p> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/conditions" title="conditions">conditions</a></code> spécifie le critère qui doit correspondre à une ressource donnée. Vous pouvez spécifier plusieurs conditions qui doivent toutes correspondre à la ressource donnée. En utilisant la syntaxe de règle simple, les conditions sont directement placées dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>.</p> - -<p>Si les conditions correspondent à une ressource donnée, le contenu placé entre les balises <code><a href="/fr/docs/Mozilla/Tech/XUL/action" title="action">action</a></code> est généré. Dans la syntaxe de règle simple, le contenu est directement placé dans la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code>.</p> - -<h3 id="Conditions_d.27une_r.C3.A8gle" name="Conditions_d.27une_r.C3.A8gle">Conditions d'une règle</h3> - -<p>Lorsque qu'un arbre, un menu ou tout autre élément avec une source de données génère son contenu, le générateur de modèle cherche en premier lieu la ressource marquée par l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>. L'opération est ensuite répétée pour l'ensemble des ressources filles. Le générateur compare chaque ressource aux conditions. Si celles-ci sont vérifiées, le contenu de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/action" title="action">action</a></code> est généré pour ces ressources. Si elles ne sont pas vérifiées, rien n'est généré.</p> - -<h4 id=".C3.89l.C3.A9ment_content" name=".C3.89l.C3.A9ment_content">Élément <code>content</code></h4> - -<p>L'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/conditions" title="conditions">conditions</a></code> contient trois sous-éléments. Le premier est l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> qui ne doit être présent qu'une seule fois. Il sert de marqueur lorsque le générateur de modèle parcourt les ressources. Il indique le nom de la variable dans laquelle est placée une référence à la ressource racine pendant que les conditions sont analysées. La ressource racine est indiquée par l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> dans l'élément contenant le modèle.</p> - -<p>La syntaxe d'un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> est la suivante :</p> - -<pre><content uri="?var"/></pre> - -<p>La point d'interrogation indique que le texte qui suit est une variable. Vous pouvez alors utiliser la variable <code>var</code> dans le reste des conditions. Bien entendu, vous pouvez nommer la variable comme vous le voulez.</p> - -<h4 id=".C3.89l.C3.A9ment_member" name=".C3.89l.C3.A9ment_member">Élément <code>member</code></h4> - -<p>L'élément suivant est l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/member" title="member">member</a></code> qui est utilisé pour parcourir un ensemble de ressources filles. En termes RDF, il est comparable à <code>Seq</code>, <code>Bag</code> ou <code>Alt</code>. Imaginons que vous ayez une liste de villes, comme dans l'extrait RDF/XML suivant :</p> - -<pre><RDF:Seq about="http://www.xulplanet.com/rdf/weather/cities"> - <RDF:li resource="http://www.xulplanet.com/rdf/weather/city/Paris"/> - <RDF:li resource="http://www.xulplanet.com/rdf/weather/city/Manchester"/> - <RDF:li resource="http://www.xulplanet.com/rdf/weather/city/Melbourne"/> - <RDF:li resource="http://www.xulplanet.com/rdf/weather/city/Kiev"/> -</RDF:Seq> - -<RDF:Description about="http://www.xulplanet.com/rdf/weather/city/Paris"> - <cityset:name>Paris</cityset:name> -</RDF:Description> - -. -. -. -</pre> - -<p>Vous voulez afficher une ligne dans une arborescence pour chaque ville. Pour accomplir cela, utilisez l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/member" title="member">member</a></code> comme ceci :</p> - -<pre><tree id="citiesTree" datasources="weather.rdf" - ref="http://www.xulplanet.com/rdf/weather/cities"> - <template> - <rule> - <conditions> - <content uri="?list"/> - <member container="?list" child="?city"/> - </conditions> - <rule> - <template> -</tree> -</pre> - -<p>Le générateur de modèle commence par récupérer la valeur de l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> qui dans ce cas est '<span class="nowiki">http://www.xulplanet.com/rdf/weather/cities</span>'. Cette ressource va être mise dans la variable <code>list</code> comme il est indiqué par la balise <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code>. Vous obtiendrez les ressources associées à la ressource racine en utilisant la variable <code>list</code>.</p> - -<p>Le générateur de modèle s'intéresse ensuite à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/member" title="member">member</a></code>. Le générateur est contraint de parcourir les fils d'un élément. Le parent est indiqué par l'attribut <code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code> et les fils par l'attribut <code id="a-child"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/child">child</a></code>. Dans l'exemple ci-dessus, la valeur de l'attribut <code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code> est la variable <code>list</code>. Ainsi le parent sera la valeur de la variable <code>list</code> qui a la valeur de la ressource racine '<span class="nowiki">http://www.xulplanet.com/rdf/weather/cities</span>'. L'effet induit va être de parcourir la liste de tous les fils de '<span class="nowiki">http://www.xulplanet.com/rdf/weather/cities</span>'.</p> - -<p>Si vous regardez en détail le RDF ci-dessus, la ressource '<span class="nowiki">http://www.xulplanet.com/rdf/weather/cities</span>' a quatre filles, une pour chaque ville. Le générateur de modèle parcourt chacune d'elle, comparant la fille avec la valeur de l'attribut <code id="a-child"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/child">child</a></code>. Dans le cas présent, celui-ci contient la valeur 'city'. Donc le générateur va donner à la variable <code>city</code> la valeur des ressources filles au fur et à mesure.</p> - -<p>Comme il n'y a pas d'autres conditions, la condition correspond à chacune des quatre ressources et le générateur va créer du contenu pour chacune d'entre elles. Bien sûr, l'exemple ci-dessus n'a aucun contenu. On l'ajoutera par la suite.</p> - -<h4 id=".C3.89l.C3.A9ment_triple" name=".C3.89l.C3.A9ment_triple">Élément <code>triple</code></h4> - -<p>L'élément suivant est l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/triple" title="triple">triple</a></code>. Il est utilisé pour vérifier l'existence d'un triplet (ou assertion) dans la source de données du RDF. Un triplet est comme la propriété d'une ressource. Par exemple, un triplet existe entre un marque-page et son URL associée. Il peut-être exprimé ainsi :</p> - -<pre>Un marque-page vers mozilla.org -> URL -> www.mozilla.org</pre> - -<p>Cela signifie qu'il existe un triplet entre le marque-page 'Un marque-page vers mozilla.org' et 'www.mozilla.org' par la propriété <code>URL</code>. La première partie est appelée le sujet, la seconde, le prédicat, et la dernière, l'objet. Exprimé avec l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/triple" title="triple">triple</a></code>, ce mécanisme est décrit comme ceci :</p> - -<pre><triple subject="A Bookmark to mozilla.org" - predicate="URL" - object="www.mozilla.org"/> -</pre> - -<p>Ce code a été simplifié par rapport au code réel. Le prédicat devrait normalement inclure les espaces de nommage, et le sujet devrait être l'identifiant ressource du marque-page, et non pas le titre du marque-page comme ici. En fait, le titre du marque-page devrait être un autre triplet dans la source de données, qui utiliserait le prédicat 'nom'.</p> - -<p>Vous pouvez remplacer le sujet et l'objet dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/triple" title="triple">triple</a></code> par des références aux variables, auquel cas les valeurs seront substituées aux variables. Si aucune valeur n'est définie pour une variable, le générateur de modèle va attribuer à la variable la valeur de la source de données.</p> - -<p>Disons, par exemple, que l'on veuille ajouter une prédiction météo à la source de données des villes. Les conditions suivantes peuvent être utilisées :</p> - -<pre><conditions> - <content uri="?list"/> - <member container="?list" child="?city"/> - <triple subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#prediction" - object="?pred"/> -</conditions> -</pre> - -<p>Le générateur de modèle va parcourir chaque ville comme précédemment. Lorsqu'il arrivera au triplet, il va s'intéresser aux assertions de la source de données RDF pour une prédiction météo. La prédiction météo est attribuée à la variable 'pred'. Le générateur va répéter cette opération pour chacune des quatre villes. Une comparaison a lieu et le générateur va créer du contenu pour chaque ville qui a une prédiction météo associée. Si la ville n'a pas de ressource de prédiction, la condition ne correspond pas et aucun contenu ne sera créé pour cette ville. Remarquez que vous n'avez pas besoin de mettre 'rdf:' au début du prédicat, car il est sous-entendu.</p> - -<p>On peut aussi remplacer l'attribut <code id="a-object"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/object">object</a></code> par une valeur statique. par exemple :</p> - -<pre><conditions> - <content uri="?city"/> - <triple subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#prediction" - object="Nuageux"/> -</conditions> -</pre> - -<p>Cet exemple est similaire mais nous spécifions que nous voulons une comparaison qui s'effectue sur « 'Nuageux' ». Le résultat obtenu est que la condition ne sera remplie que pour les villes dont la prédiction météo est « 'Nuageux' ».</p> - -<p>Nous pouvons ajouter davantage de triplets pour réaliser d'autres comparaisons. Par exemple, dans l'exemple ci-dessus, la température et la vitesse du vent peuvent être testées. Pour cela, il suffit d'ajouter un autre triplet qui vérifiera les ressources supplémentaires. La condition sera remplie si et seulement si l'intégralité des triplets retournent des valeurs.</p> - -<p>L'exemple ci-dessous va vérifier un triplet supplémentaire appliqué au nom de la ville. Il lui sera attribué une variable <code>name</code>. La condition va correspondre si la ville possède à la fois un nom et une prédiction météo.</p> - -<pre><conditions> - <content uri="?list"/> - <member container="?list" child="?city"/> - <triple subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#name" - object="?name"/> - <triple subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#prediction" - object="?pred"/> -</conditions> -</pre> - -<h3 id="G.C3.A9n.C3.A9rer_du_contenu" name="G.C3.A9n.C3.A9rer_du_contenu">Générer du contenu</h3> - -<p>Le contenu à générer pour une règle est spécifié dans l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/action" title="action">action</a></code>. Il peut être le contenu des lignes d'un arbre, des items de menu ou tout ce que vous souhaitez générer. À l'intérieur du contenu, vous pouvez vous référer aux variables qui ont été définies dans les conditions. Ainsi, dans l'exemple météo ci-dessus, vous pouvez utiliser les variables <code>name</code> ou <code>pred</code> pour afficher la ville ou la prédiction météo. Vous pouvez aussi utiliser les variables <code>list</code> ou <code>city</code>, mais elles contiennent des ressources et non du texte, donc elles n'auront pas de sens pour les utilisateurs.</p> - -<p>Dans la syntaxe de règle simple, la syntaxe <code>uri="rdf:*"</code> est utilisée pour indiquer où le contenu doit être généré. Dans la syntaxe de règles complètes, vous appliquez la valeur de l'attribut <code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code> à une variable que l'on a utilisée dans la partie des conditions. Normalement, ce sera la variable assignée à l'attribut <code id="a-child"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/child">child</a></code> de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/member" title="member">member</a></code>.</p> - -<h4 id="Exemple_complet_d.27arbre" name="Exemple_complet_d.27arbre">Exemple complet d'arbre</h4> - -<p>L'exemple suivant montre un arbre complet avec des conditions et une action. Vous pouvez consulter le fichier RDF séparément (<a href="https://developer.mozilla.org/samples/xultu/examples/weather.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/weather.rdf">RDF</a>).</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advrules_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_advrules_1.xul">Voir</a></p> - -<pre><tree id="weatherTree" flex="1" datasources="weather.rdf" - ref="http://www.xulplanet.com/rdf/weather/cities"> - <treecols> - <treecol id="city" label="Ville" primary="true" flex="1"/> - <treecol id="pred" label="Prédiction Météo" flex="1"/> - </treecols> - - <template> - <rule> - <conditions> - <content uri="?list"/> - <member container="?list" child="?city"/> - <triple subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#name" - object="?name"/> - <triple subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#prediction" - object="?pred"/> - </conditions> - <action> - <treechildren> - <treeitem uri="?city"> - <treerow> - <treecell label="?name"/> - <treecell label="?pred"/> - </treerow> - </treeitem> - </treechildren> - </action> - </rule> - </template> -</tree> -</pre> - -<p>Deux colonnes apparaissent dans cet arbre, l'une qui affiche la valeur de 'name' pour chacun ligne, et l'autre qui affiche le résultat de la prédiction météo.</p> - -<div class="note">Si vous utilisez le marqueur 'dont-build-content' (ne-pas-générer-de-contenu) sur un arbre, remplacez l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/content" title="content">content</a></code> par un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code></div> - -<h3 id="Ajouter_des_liaisons_suppl.C3.A9mentaires" name="Ajouter_des_liaisons_suppl.C3.A9mentaires">Ajouter des liaisons supplémentaires</h3> - -<p>Le dernier élément que vous pouvez ajouter à l'intérieur d'une règle est l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/bindings" title="bindings">bindings</a></code>. À l'intérieur de celui-ci, vous pouvez mettre un ou plusieurs éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/binding" title="binding">binding</a></code>. Une liaison dans une règle a la même syntaxe qu'un triplet et remplit quasiment la même fonction. Par exemple, dans l'exemple météo précédent, on peut ajouter la liaison suivante :</p> - -<pre><bindings> - <binding subject="?city" - predicate="http://www.xulplanet.com/rdf/weather#temperature" - object="?temp"/> -</bindings> -</pre> - -<p>La liaison va prendre la ressource "température" de chaque ville et l'attribuer à la variable <code>temp</code>. C'est tout à fait similaire à ce qu'un triplet accomplit. La différence réside dans le fait que la liaison créée par le binding n'est pas prise en compte dans la vérification des conditions. Ainsi, pour qu'une ville soit affichée, il est impératif qu'elle ait un nom et une prédiction météo, mais peu importe qu'elle ait ou non une température. Si toutefois elle en possède une, la valeur sera attribuée à la variable <code>temp</code> et pourra être utilisée dans une action. Si une ville n'a pas de température, la variable <code>temp</code> sera une chaîne de caractère vide.</p> - -<hr> -<p>Par la suite, nous verrons comment sauvegarder les états des éléments XUL.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Sources_de_données_RDF" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Données_persistantes">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/sources_de_données_rdf/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/sources_de_données_rdf/index.html deleted file mode 100644 index 27240972a3..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/sources_de_données_rdf/index.html +++ /dev/null @@ -1,296 +0,0 @@ ---- -title: Sources de données RDF -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Sources_de_données_RDF -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/RDF_Datasources ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Arbres_et_Gabarits" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Règles_avançées">Suivant »</a></p> -</div> - -<p>Nous nous intéresserons ici aux sources de données additionnelles, ainsi qu'à la manière d'utiliser vos propres fichiers <abbr title="Resource Description Framework">RDF</abbr> comme sources de données.</p> - -<h3 id="Autres_sources_de_donn.C3.A9es_pour_Mozilla" name="Autres_sources_de_donn.C3.A9es_pour_Mozilla">Autres sources de données pour Mozilla</h3> - -<p>Mozilla fournit nativement plusieurs sources de données. Certaines sont indiquées ici, avec quelques exemples. Leur fonctionnement est très similaire à celui des marque-pages, bien que les champs soient différents à chaque fois.</p> - -<div class="note"><abbr title="Note du traducteur">Ndt</abbr> : Les ressources RDF fournies par mozilla ne sont utilisables que par les applications qui sont enregistrées dans le chrome. Vous ne verrez donc pas les données dans certains des exemples proposés.</div> - -<h3 id="La_liste_d.27historique_de_navigation" name="La_liste_d.27historique_de_navigation">La liste d'historique de navigation</h3> - -<p>Cette source de données fournit l'accès à la liste d'historique de l'utilisateur, qui est une liste d'<abbr title="Uniform Resource Locator">URL</abbr>s que l'utilisateur a consulté récemment. On peut se référer à cette ressource en utilisant <code>rdf:history</code> comme source de données. La table ci-dessous montre les ressources (ou champs) que vous pouvez récupérer depuis la source de donnée "history". Utilisez les <abbr title="Uniform Resource Locator">URL</abbr>s ci-dessous là où vous souhaitez que la valeur de la ressource soit utilisée.</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <td>Date</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Date</span></td> - <td>Date de la dernière visite</td> - </tr> - <tr> - <td>Name</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Name</span></td> - <td>Titre de la page</td> - </tr> - <tr> - <td>Page</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Page</span></td> - <td>Nom de la page</td> - </tr> - <tr> - <td>Referrer</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Referrer</span></td> - <td>Page d'origine (referrer)</td> - </tr> - <tr> - <td>URL</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#URL</span></td> - <td>URL de la page</td> - </tr> - <tr> - <td>Visit Count</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#VisitCount</span></td> - <td>Nombre de visites de la page</td> - </tr> - </tbody> -</table> - -<p>Une liste d'historique typique affichera un arbre doté d'une sélection de ces champs. Pour les utiliser, placez les URL ci-dessus dans l'attribut <code id="a-label"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/label">label</a></code> des boutons ou des cellules d'un arbre. Vous pouvez utiliser 'NC:HistoryRoot' comme valeur de l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>. Vous pouvez également utiliser la valeur 'NC:HistoryByDate' pour obtenir la liste d'historique triée par jour.</p> - -<h4 id="Exemple_d.27utilisation_de_la_liste_historique" name="Exemple_d.27utilisation_de_la_liste_historique">Exemple d'utilisation de la liste historique</h4> - -<p>Voyons un exemple d'affichage de la liste d'historique. Nous afficherons l'historique dans un arbre avec les trois colonnes Nom, URL et Date.</p> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_datasrc_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_datasrc_1.xul">Voir</a></p> - -<pre><tree flex="1" datasources="rdf:history" ref="NC:HistoryRoot"> - - <treecols> - <treecol id="name" label="Nom" flex="1"/> - <treecol id="url" label="URL" flex="1"/> - <treecol id="date" label="Date" flex="1"/> - </treecols> - - <template> - - <rule> - <treechildren> - <treeitem uri="rdf:*"> - <treerow> - <treecell label="rdf:http://home.netscape.com/NC-rdf#Name"/> - <treecell label="rdf:http://home.netscape.com/NC-rdf#URL"/> - <treecell label="rdf:http://home.netscape.com/NC-rdf#Date"/> - </treerow> - </treeitem> - </treechildren> - </rule> - - </template> -</tree> -</pre> - -<h3 id="Autres_sources_de_donn.C3.A9es" name="Autres_sources_de_donn.C3.A9es">Autres sources de données</h3> - -<p>Les tableaux ci-dessous listent quelques-unes des autres sources de données disponibles avec Mozilla. Vous pouvez les utiliser comme vous voulez.</p> - -<p><strong>Marque-pages ('rdf:bookmarks') :</strong></p> - -<p>Les marque-pages sont générés depuis la liste de marque-pages de l'utilisateur.</p> - -<p><br> - <strong>Ressources</strong></p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <td>Date d'ajout</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#BookmarkAddDate</span></td> - <td>Date à laquelle le marque-page a été ajouté</td> - </tr> - <tr> - <td>Description</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Description</span></td> - <td>Description du marque-page</td> - </tr> - <tr> - <td>Dernière modification</td> - <td><span class="nowiki">rdf:http://home.netscape.com/WEB-rdf#LastModifiedDate</span></td> - <td>Date de la dernière modification</td> - </tr> - <tr> - <td>Dernière visite</td> - <td><span class="nowiki">rdf:http://home.netscape.com/WEB-rdf#LastVisitDate</span></td> - <td>Date de la dernière visite</td> - </tr> - <tr> - <td>Nom</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Name</span></td> - <td>Nom du marque-page</td> - </tr> - <tr> - <td>Raccourci URL</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#ShortcutURL</span></td> - <td>Champ de mots-clés personnalisés</td> - </tr> - <tr> - <td>URL</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#URL</span></td> - <td>L'URL vers laquelle pointe le lien</td> - </tr> - </tbody> -</table> - -<p><strong>Racines possibles pour les marque-pages</strong></p> - -<dl> - <dt>'NC</dt> - <dd>BookmarksRoot' : La racine de la hiérarchie des marque-pages</dd> -</dl> - -<p> </p> - -<dl> - <dt>'NC</dt> - <dd>IEFavoritesRoot' : Le dossier de marque-pages correspondant aux « Favoris IE » de l'utilisateur</dd> -</dl> - -<p> </p> - -<dl> - <dt>'NC</dt> - <dd>PersonalToolbarFolder' : Le dossier de marque-pages correspondant au dossier de la barre d'outils personnelle</dd> -</dl> - -<p><strong>Fichiers('rdf:files') :</strong></p> - -<p>Une vue des fichiers de l'utilisateur.</p> - -<p><strong>Ressources</strong></p> - -<table class="donneestuto"> - <tbody> - <tr> - <td>Nom</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#Name</span></td> - <td>Nom du fichier</td> - </tr> - <tr> - <td>URL</td> - <td><span class="nowiki">rdf:http://home.netscape.com/NC-rdf#URL</span></td> - <td>URL du fichier</td> - </tr> - </tbody> -</table> - -<p><strong>Racine possible des fichiers</strong></p> - -<dl> - <dt>'NC</dt> - <dd>FilesRoot' : Racine du système de fichiers (habituellement une liste de disques)</dd> -</dl> - -<p> </p> - -<dl> - <dt>'URL d'un fichier' </dt> - <dd>En utilisant une URL de fichier pour l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, vous pouvez choisir un répertoire/dossier à retourner. Par exemple, vous pouvez utiliser <a class="external" rel="freelink">file:///windows</a> ou <a class="external" rel="freelink">file:///usr/local</a></dd> -</dl> - -<p>La source de données de fichiers est un exemple de source de données qui ne détermine ses ressources que lorsque cela est nécessaire. Nous ne voulons pas que tous les fichiers du système de fichiers soient évalués avant d'afficher les données. Seuls nous intéressent les fichiers et répertoires que l'arbre (ou tout autre élément) doit afficher à un instant donné.</p> - -<h3 id="Sources_de_donn.C3.A9es_composites" name="Sources_de_donn.C3.A9es_composites">Sources de données composites</h3> - -<p>Vous pouvez spécifier plusieurs sources de données dans l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code> en les séparant par des espaces, comme dans l'exemple ci-dessous. Les données seront ainsi lues dans toutes les sources de données mentionnées.</p> - -<pre><tree datasources="rdf:bookmarks rdf:history animals.rdf" ref="NC:BookmarksRoot"></pre> - -<p>Cet exemple lit les ressources des marque-pages, de l'historique et d'un fichier nommé 'animals.rdf'. Celles-ci sont combinées en une source de données composite et peuvent être utilisées comme une unique source de données.</p> - -<p>La source de donnée spéciale <code>rdf:null</code> correspond à une source vide. Vous pouvez utiliser cette source de données si vous voulez gérer dynamiquement la source via un script, sans avoir à l'initialiser tout de suite ou parce que vous ne connaissez pas son URL exacte.</p> - -<h3 id="Sources_de_donn.C3.A9es_RDF_personnalis.C3.A9es" name="Sources_de_donn.C3.A9es_RDF_personnalis.C3.A9es">Sources de données RDF personnalisées</h3> - -<p>Vous pouvez utiliser chacune des sources de données internes ci-dessus si vous le désirez. Il en existe plusieurs autres, pour le courrier électronique, les carnets d'adresses, les recherches... Cependant, vous pouvez utiliser votre propre source de données RDF, enregistrée dans un fichier RDF. Le fichier peut être local ou distant. Il suffit d'indiquer l'URL du fichier RDF dans l'attribut <code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>.</p> - -<p>L'utilisation des fichiers RDF apporte les mêmes fonctionnalités que n'importe quelle source de données interne. Vous pouvez utiliser des règles pour retrouver un type spécifique de contenu. Les attributs de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/rule" title="rule">rule</a></code> seront respectés s'ils correspondent aux attributs d'un élément RDF <code>Description</code>. Vous pouvez également créer des fichiers RDF hiérarchiques.</p> - -<h4 id="Exemple_d.27utilisation_d.27un_fichier_RDF" name="Exemple_d.27utilisation_d.27un_fichier_RDF">Exemple d'utilisation d'un fichier RDF</h4> - -<p>Ce qui suit est un exemple d'utilisation d'un fichier RDF comme source de données. Le fichier RDF est relativement gros et peut être consulté séparément : <a href="https://developer.mozilla.org/samples/xultu/examples/animals.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/animals.rdf">RDF</a></p> - -<p><span id="Exemple_2"><a id="Exemple_2"></a><strong>Exemple 2</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_datasrc_2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_datasrc_2.xul">Voir</a></p> - -<pre><tree flex="1" width="200" height="200" - datasources="animals.rdf" ref="http://www.some-fictitious-zoo.com/all-animals"> - - <treecols> - <treecol id="name" label="Nom" primary="true" flex="1"/> - <treecol id="species" label="Espèces" flex="1"/> - </treecols> - - <template> - <rule> - <treechildren> - <treeitem uri="rdf:*"> - <treerow> - <treecell label="rdf:http://www.some-fictitious-zoo.com/rdf#name"/> - <treecell label="rdf:http://www.some-fictitious-zoo.com/rdf#species"/> - </treerow> - </treeitem> - </treechildren> - </rule> - - </template> -</tree> -</pre> - -<p><img alt="Image:xultu_datasrc1.png" class="internal" src="/@api/deki/files/1518/=Xultu_datasrc1.png"></p> - -<p>Ici, les données sont générées depuis le fichier RDF. L'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> a été positionné sur l'élément racine de ce fichier, qui est la balise de premier niveau <code>Seq</code>. Nous obtenons une liste complète d'animaux. Si nous avions voulu, nous aurions pu positionner l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> sur n'importe quelle valeur de l'attribut <code id="a-about"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/about">about</a></code> afin de limiter la quantité de données retournées. Par exemple, pour afficher seulement les reptiles, nous pouvons utiliser la valeur '<span class="nowiki">http://www.some-fictitious-zoo.com/reptiles</span>'.</p> - -<h4 id="Exemple_de_d.C3.A9finition_de_l.27attribut_XULAttrref" name="Exemple_de_d.C3.A9finition_de_l.27attribut_XULAttrref">Exemple de définition de l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code></h4> - -<p>L'exemple ci-dessous montre comment afficher des éléments particuliers d'une source de données RDF en définissant l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>.</p> - -<p><span id="Exemple_3"><a id="Exemple_3"></a><strong>Exemple 3</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_datasrc_3.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_datasrc_3.xul">Voir</a></p> - -<pre><window - id="example-window" - title="Mammifères du zoo" - xmlns:ANIMALS="http://www.some-fictitious-zoo.com/rdf#" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - -<button label="Cliquez ici pour voir les mammifères du zoo" type="menu" - datasources="animals.rdf" ref="http://www.some-fictitious-zoo.com/mammals"> - <template> - <rule ANIMALS:specimens="0"></rule> - <rule> - <menupopup> - <menuitem uri="rdf:*" label="rdf:http://www.some-fictitious-zoo.com/rdf#name"/> - </menupopup> - </rule> - </template> -</button> - -</window> -</pre> - -<p>Dans le cas présent, nous voulons seulement la liste des mammifères, nous sélectionnons donc l'URI de la liste des mammifères. Vous remarquerez que la valeur de l'attribut <code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code> de notre exemple est '<span class="nowiki">http://www.some-fictitious-zoo.com/mammals</span>', ce qui correspond à l'un des éléments <code>Seq</code> du fichier RDF. Seuls les descendants de cette liste seront retournés.</p> - -<p>Nous avons utilisé deux règles ici. La première filtre toutes les ressources dont l'attribut <code>ANIMALS:specimen</code> est positionné à '0'. Vous pouvez voir cet attribut dans le fichier RDF pour chacun des éléments <code>Description</code>. Certains d'entre eux ont une valeur de '0'. Dans ce cas, la première règle s'applique. Puisque cette règle n'a pas de contenu, rien ne sera affiché pour les éléments concernés. Ainsi, nous pouvons cacher les données que nous ne voulons pas afficher.</p> - -<p>La seconde règle s'applique aux autres ressources et crée une rangée dans un menu surgissant. Le résultat final est un menu surgissant contenant tous les mammifères dont le spécimen n'est pas positionné à '0'.</p> - -<hr> -<p>Dans la prochaine section, nous examinerons la syntaxe des règles complètes.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Arbres_et_Gabarits" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Règles_avançées">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/styler_un_arbre/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/styler_un_arbre/index.html deleted file mode 100644 index 641cb8199e..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/styler_un_arbre/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: Styler un arbre -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Styler_un_arbre -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Styling_a_Tree ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajouter_des_feuilles_de_style" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Modification_du_thème_par_défaut">Suivant »</a></p> -</div> -<p>Cette section explique comment styler un arbre.</p> -<h3 id="Styler_l.27arbre" name="Styler_l.27arbre">Styler l'arbre</h3> -<p>Vous pouvez styler la bordure de l'arbre et les en-têtes de colonnes de la même manière que pour d'autres éléments. Les styles ajoutés à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> seront appliqués à l'arbre entier. L'ajout d'un style à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> ne l'applique pas à la colonne mais seulement à son en-tête.</p> -<p>Le corps de l'arbre doit être stylé d'une manière un peu différente des autres éléments, parce que le corps de l'arbre est stocké d'une manière différente des autres éléments. Le <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> extérieur est le seul vrai élément du corps de l'arbre. Les éléments intérieurs n'ont qu'un rôle de conteneurs.</p> -<h4 id="D.C3.A9finition_de_propri.C3.A9t.C3.A9s" name="D.C3.A9finition_de_propri.C3.A9t.C3.A9s">Définition de propriétés</h4> -<p>Vous devez donc utiliser l'attribut <code id="a-properties"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/properties">properties</a></code> sur les lignes ou les cellules pour modifier une ou plusieurs propriétés nommées. Cet attribut peut être utilisé avec des arbres à contenu statique, <a href="/fr/Tutoriel_XUL/Arbres_et_Gabarits" title="fr/Tutoriel_XUL/Arbres_et_Gabarits">produit par RDF</a> ou avec <a href="/fr/Tutoriel_XUL/Vues_d'arbre_personnalisées" title="fr/Tutoriel_XUL/Vues_d'arbre_personnalisées">des arbres à vue personnalisée</a>. Supposons que nous voulions donner une couleur de fond bleue à une ligne particulière, comme il est possible de le remarquer sur les libellés dans la messagerie de Mozilla. Nous allons utiliser une propriété appelée 'makeItBlue'. Vous pouvez utiliser le nom que vous voulez. Vous pouvez modifier plusieurs propriétés en les séparant par des espaces.</p> -<p>Modifiez la propriété sur une ligne ou une cellule, comme dans l'exemple suivant :</p> -<pre><treerow properties="makeItBlue"></pre> -<h4 id="S.C3.A9lecteurs_CSS_pour_l.27arbre" name="S.C3.A9lecteurs_CSS_pour_l.27arbre">Sélecteurs CSS pour l'arbre</h4> -<p>La feuille de styles peut récupérer cette propriété et l'utiliser pour changer l'apparence d'une ligne pour les messages non lus ou les libellés. Les propriétés fonctionnent en quelque sorte comme les classes de style, bien qu'elles nécessitent une syntaxe un peu plus complexe à utiliser dans une feuille de styles. En effet, il est possible de spécifier un style pour chaque partie d'une cellule. Vous pouvez styler non seulement la cellule et son texte, mais aussi le "twisty" (<abbr title="Note du traducteur">NdT</abbr> : petit '+' ou '-' permettant de développer et replier l'arborescence) et l'indentation. La syntaxe à utiliser est la suivante :</p> -<pre>treechildren::-moz-tree-row(makeItBlue) -{ - background-color: blue; -} -</pre> -<p>Ce pseudo-style spécial est utilisé pour styler la couleur de fond des lignes qui ont la propriété 'makeItBlue'. Cette syntaxe spéciale est nécessaire parce que les cellules elles-mêmes ne sont pas des éléments séparés. Tout le contenu intérieur au corps de l'arbre obtient son rendu par l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code>. Cependant, CSS dispose d'un concept pour accéder aux parties des éléments en les considérant comme des pseudo-éléments. Ce sélecteur correspond à quelques lignes de l'arbre à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> comme pseudo-élément. Le pseudo-style définit des règles de style pour des parties particulières de ce qu'il affiche. Cette règle de style signifie, dans un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> : mettre une couleur de fond bleue à toutes les lignes de l'arbre qui ont la propriété 'makeItBlue'.</p> -<p>Le texte '::-moz-tree-row' spécifie quelle est la zone de contenu désirée, qui est dans ce cas une ligne. Vous pouvez aussi utiliser les valeurs suivantes :</p> -<dl> <dt><code>::-moz-tree-cell</code> </dt> <dd>une cellule. Utilisez ceci pour modifier les couleurs des bordures et du fond.</dd> <dt><code>::-moz-tree-cell-text</code> </dt> <dd>le texte d'une cellule. Utilisez ceci pour modifier la police et la couleur du texte.</dd> <dt><code>::-moz-tree-twisty</code> </dt> <dd>l'apparence du "twisty" utilisé pour développer et replier les lignes filles.</dd> <dt><code>::-moz-tree-image</code> </dt> <dd>l'image pour une cellule. Vous pouvez indiquer l'image avec la propriété <a href="/fr/CSS/list-style-image" title="fr/CSS/list-style-image">list-style-image</a>.</dd> <dt><code>::-moz-tree-row</code> </dt> <dd>une ligne. Utilisez ceci pour choisir la couleur de fond d'une ligne.</dd> <dt><code>::-moz-tree-indentation</code> </dt> <dd>l'indentation à gauche des lignes filles.</dd> <dt><code>::-moz-tree-column</code> </dt> <dd>une colonne.</dd> <dt><code>::-moz-tree-line</code> </dt> <dd>les lignes dessinées pour connecter les lignes filles aux lignes parentes.</dd> <dt><code>::-moz-tree-separator</code> </dt> <dd>un séparateur dans un arbre.</dd> <dt><code>::-moz-tree-progressmeter</code> </dt> <dd>contenu pour des cellules à indicateur de progression. Vous pouvez créer une colonne avec des indicateurs de progression en mettant l'attribut <code id="a-type"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/type">type</a></code> de la colonne à 'progressmeter'.</dd> <dt><code>::-moz-tree-drop-feedback</code> </dt> <dd>le retour du glisser-déposer.</dd> <dt><code>::-moz-tree-checkbox</code> </dt> <dd>l'image à utiliser pour les colonnes de case à cocher.</dd> -</dl> -<p>Vous pouvez tester la présence de plusieurs propriétés en les séparant par des virgules. L'exemple ci-dessous met une couleur de fond grise aux lignes qui ont les propriétés 'readonly' et 'unread'. Pour les propriétés qui sont 'readonly', il ajoute une bordure rouge autour de la ligne. Notez que la première règle s'appliquera à toute ligne qui est 'readonly', peu importe la présence d'autres propriétés comme 'unread'.</p> -<pre>treechildren::-moz-tree-row(readonly) -{ - border: 1px solid red; -} -treechildren::-moz-tree-row(readonly, unread) -{ - background-color: rgb(80%, 80%, 80%); -} -</pre> -<h4 id="Propri.C3.A9t.C3.A9s_par_d.C3.A9faut" name="Propri.C3.A9t.C3.A9s_par_d.C3.A9faut">Propriétés par défaut</h4> -<p>La liste des propriétés des éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code> contient un petit nombre de propriétés par défaut que vous pouvez aussi utiliser dans une feuille de styles. Vous pouvez utiliser ces propriétés supplémentaires pour modifier l'apparence des conteneurs ou des lignes sélectionnées. Les propriétés suivantes sont modifiées automatiquement en cas de besoin :</p> -<dl> <dt><code id="a-focus"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/focus">focus</a></code></dt> <dd>cette propriété est mise si l'arbre a le focus.</dd> <dt><code id="a-selected"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/selected">selected</a></code></dt> <dd>cette propriété est mise pour les lignes ou les cellules actuellement sélectionnées.</dd> <dt><code id="a-current"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/current">current</a></code></dt> <dd>cette propriété est mise si le curseur est sur la ligne. Seule une ligne à la fois peut avoir cette propriété.</dd> <dt><code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code></dt> <dd>cette propriété est mise pour les lignes ou les cellules qui ont des lignes filles.</dd> <dt><code id="a-leaf"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/leaf">leaf</a></code></dt> <dd>cette propriété est mise pour les lignes ou les cellules qui n'ont pas de lignes filles.</dd> <dt><code id="a-open"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/open">open</a></code></dt> <dd>cette propriété est mise pour les lignes ou les cellules qui sont développées.</dd> <dt><code id="a-closed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/closed">closed</a></code></dt> <dd>cette propriété est mise pour les lignes ou les cellules qui sont repliées.</dd> <dt><code id="a-primary"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/primary">primary</a></code></dt> <dd>cette propriété est mise pour les cellules de la colonne primaire.</dd> <dt><code id="a-sorted"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sorted">sorted</a></code></dt> <dd>cette propriété est mise pour les cellules de la colonne actuellement triées.</dd> <dt><code id="a-even"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/even">even</a></code></dt> <dd>cette propriété est mise pour les lignes paires.</dd> <dt><code id="a-odd"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/odd">odd</a></code></dt> <dd>cette propriété est mise pour les lignes impaires. Cette propriété ainsi que la propriété <code id="a-even"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/even">even</a></code> vous permettent, par exemple, d'alterner les couleurs entre chaque ligne.</dd> <dt><code id="a-dragSession"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dragSession">dragSession</a></code></dt> <dd>cette propriété est mise si quelque chose est en train d'être déplacé.</dd> <dt><code id="a-dropOn"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dropOn">dropOn</a></code></dt> <dd>si un déplacement a lieu au-dessus de l'arbre, cette propriété est mise pour la ligne en train d'être survolée par le déplacement, tant que le pointeur de la souris est au-dessus de la ligne.</dd> <dt><code id="a-dropBefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dropBefore">dropBefore</a></code></dt> <dd>cette propriété est mise si le pointeur de la souris survole avant la ligne en cours de déplacement.</dd> <dt><code id="a-dropAfter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dropAfter">dropAfter</a></code></dt> <dd>cette propriété est mise si le pointeur de la souris survole après la ligne en cours de déplacement.</dd> <dt><code id="a-progressNormal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/progressNormal">progressNormal</a></code></dt> <dd>cette propriété est mise pour les cellules à indicateur de progression.</dd> <dt><code id="a-progressUndetermined"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/progressUndetermined">progressUndetermined</a></code></dt> <dd>cette propriété est mise pour les cellules à indicateur de progression indéterminé.</dd> <dt><code id="a-progressNone"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/progressNone">progressNone</a></code></dt> <dd>cette propriété est mise pour les cellules sans indicateur de progression.</dd> -</dl> -<p>Les propriétés sont mises pour les lignes ou les cellules d'une ligne à l'état correspondant. Pour les colonnes et les cellules, une propriété additionnelle, l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de la colonne ou la colonne dans laquelle est la cellule, sera mise.</p> -<h4 id="D.C3.A9finition_des_propri.C3.A9t.C3.A9s_pour_les_arbres_g.C3.A9n.C3.A9r.C3.A9s_par_RDF" name="D.C3.A9finition_des_propri.C3.A9t.C3.A9s_pour_les_arbres_g.C3.A9n.C3.A9r.C3.A9s_par_RDF">Définition des propriétés pour les arbres générés par RDF</h4> -<p>Pour <a href="/fr/Tutoriel_XUL/Sources_de_données_RDF" title="fr/Tutoriel_XUL/Sources_de_données_RDF">les arbres générés par RDF</a>, vous pouvez utiliser la même syntaxe. Cependant, vous affecterez souvent les propriétés en vous basant sur des valeurs de la source de données.</p> -<h4 id="D.C3.A9finition_des_propri.C3.A9t.C3.A9s_pour_les_vues_personnalis.C3.A9es" name="D.C3.A9finition_des_propri.C3.A9t.C3.A9s_pour_les_vues_personnalis.C3.A9es">Définition des propriétés pour les vues personnalisées</h4> -<p>Pour des arbres avec un script de vue personnalisée, vous pouvez modifier des propriétés en fournissant les fonctions <code>getRowProperties()</code>, <code>getColumnProperties()</code> et <code>getCellProperties()</code> dans la vue. Elles renvoient des informations à propos d'une ligne, d'une colonne et d'une cellule individuelle. Les arguments à ces fonctions indiquent quelle ligne et/ou colonne. Le dernier argument de chacune de ces fonctions est une liste de propriétés que la vue est supposée remplir avec une liste de propriétés. La fonction <code>getColumnProperties()</code> fournit aussi l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> correspondant pour la colonne.</p> -<pre>getRowProperties : function(row,prop){} -getColumnProperties : function(column,columnElement,prop){} -getCellProperties : function(row,column,prop){} -</pre> -<p>Regardons un exemple de modification d'une cellule spécifique. Rendons le texte bleu une ligne sur quatre, en utilisant l'exemple d'<a href="/fr/Tutoriel_XUL/Vues_d'arbre_personnalisées" title="fr/Tutoriel_XUL/Vues_d'arbre_personnalisées">une section précédente</a>. Nous allons avoir besoin d'ajouter du code à la fonction <code>getCellProperties()</code> pour ajouter une propriété 'makeItBlue' aux cellules toutes les quatres lignes (Nous n'utilisons pas <code>getRowProperties()</code> puisque la couleur du texte ne sera pas héritée dans chaque cellule).</p> -<p>L'objet <code>properties</code> qui est passé en dernier argument de <code>getCellProperties()</code> est un objet <a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a> qui implémente <code>nslSupportsArray</code>. Il s'agit en fait une version XPCOM d'un tableau. Il contient une fonction <code>AppendElement()</code> qui peut être utilisée pour ajouter un élément au tableau. Nous pouvons utiliser l'interface <code>nslAtomService</code> pour construire des atomes de chaînes pour les propriétés.</p> -<pre>getCellProperties: function(row,col,props){ - if ((row %4) == 0){ - var aserv=Components.classes["@mozilla.org/atom-service;1"]. - getService(Components.interfaces.nsIAtomService); - props.AppendElement(aserv.getAtom("makeItBlue")); - } -} -</pre> -<p>Cette fonction sera définie comme partie d'un objet de vue. Elle vérifie d'abord quelle ligne est demandée et affecte une propriété pour les cellules toutes les quatres lignes. La liste des propriétés nécessite un tableau d'objets atom qui peuvent être considérés comme des chaînes de caractères constantes. Nous les créons en utilisant l'interface XPCOM <code>nslAtomService</code> et nous les ajoutons au tableau en utilisant la fonction <code>AppendElement()</code>. Ici, nous créons un atome 'makeItBlue'. Vous pouvez appeler <code>AppendElement()</code> à nouveau pour ajouter des propriétés additionnelles.</p> -<h4 id="Exemple_de_feuille_de_styles" name="Exemple_de_feuille_de_styles">Exemple de feuille de styles</h4> -<pre>treechildren::-moz-tree-row(selected) { background-color: #FFFFAA; } -treechildren::-moz-tree-row(odd) { background-color: #EEEEEE; } -treechildren::-moz-tree-row(odd, selected) { background-color: #FFFFAA; } -treechildren::-moz-tree-cell-text(selected) { color: #000000; } -treechildren::-moz-tree-cell-text(odd, selected) { color: #000000; } -</pre> -<hr> -<p>Dans la suite, nous allons voir comment modifier le thème par défaut.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajouter_des_feuilles_de_style" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Modification_du_thème_par_défaut">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/sélection_dans_les_arbres/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/sélection_dans_les_arbres/index.html deleted file mode 100644 index 6aa59a15d8..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/sélection_dans_les_arbres/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: Sélection dans les arbres -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Sélection_dans_les_arbres -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Tree_Selection ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Autres_caractéristiques_des_arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Vues_d'arbre_personnalisées">Suivant »</a></p> -</div> -<p>Cette section décrit comment obtenir et modifier les items sélectionnés dans un arbre.</p> -<h3 id="R.C3.A9cup.C3.A9rer_les_items_s.C3.A9lectionn.C3.A9s_d.27un_arbre" name="R.C3.A9cup.C3.A9rer_les_items_s.C3.A9lectionn.C3.A9s_d.27un_arbre">Récupérer les items sélectionnés d'un arbre</h3> -<p>Chaque item dans un arbre (qui correspond à un élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> en utilisant un arbre de contenu) peut être sélectionné individuellement. Si vous ajoutez l'attribut <code id="a-seltype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/seltype">seltype</a></code> à l'arbre en lui attribuant la valeur 'single' , l'utilisateur ne pourra sélectionner qu'une ligne à la fois. Sinon, l'utilisateur pourra sélectionner plusieurs lignes qui ne seront pas nécessairement contiguës. L'arbre fournit plusieurs fonctions qui peuvent être utilisées pour déterminer si un item est sélectionné.</p> -<h4 id="Gestion_de_l.27.C3.A9v.C3.A9nement_de_s.C3.A9lection" name="Gestion_de_l.27.C3.A9v.C3.A9nement_de_s.C3.A9lection">Gestion de l'événement de sélection</h4> -<p>Voyons d'abord comment nous pouvons déterminer qu'un item est sélectionné. Le gestionnaire d'événement <code id="a-onselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onselect">onselect</a></code> peut être ajouté à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>. Lorsque l'utilisateur sélectionne un item de l'arbre, le gestionnaire d'événement est appelé. L'utilisateur peut également modifier la sélection en utilisant les touches de déplacement. Si l'utilisateur appuie en continu sur une touche de déplacement afin de se déplacer rapidement dans les items, le gestionnaire d'événement n'est pas appelé jusqu'à ce que l'utilisateur relâche la touche. Ce mode de fonctionnement améliore les performances. Il signifie également que la surbrillance du texte apparaîtra sur plusieurs items même si l'événement de sélection n'est pas déclenché pour ces items.</p> -<p>La syntaxe du gestionnaire d'événement <code id="a-onselect"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onselect">onselect</a></code> est présentée ci-dessous.</p> -<pre><tree id="treeset" onselect="alert('Vous avez sélectionné quelque chose !');"></pre> -<h4 id="Indices_d.27arbre" name="Indices_d.27arbre">Indices d'arbre</h4> -<p>L'arbre possède une propriété <code id="a-currentIndex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/currentIndex">currentIndex</a></code> (index courant, en commençant à '0' pour la première ligne) qui peut être utilisée pour obtenir l'item sélectionné.</p> -<p>Les éléments fils sont inclus dans le comptage juste après leurs parents. Ainsi, s'il y a trois items racines et que chacun a deux items fils, il y aura un total de six objets. Le premier item (d'index '0') sera le premier item racine. L'item suivant, d'index '1', sera son premier fils. Le second fils aura l'index '2', le second item parent sera à la position '3' et ainsi de suite.</p> -<div class="float-right"><img alt="Image:xultu_seltree1.png" class=" internal" src="/@api/deki/files/1544/=Xultu_seltree1.png"></div> -<p>Dans l'image ci-contre, il y a huit lignes affichées, dont deux sont sélectionnées. La première ligne sélectionnée a un index de '4' et la seconde, un index de '7'. Les lignes qui ne sont pas affichées ne sont pas incluses dans le comptage d'index.</p> -<h4 id="S.C3.A9lection_multiple" name="S.C3.A9lection_multiple">Sélection multiple</h4> -<p>Pour les arbres qui permettent une sélection multiple, obtenir la liste des lignes sélectionnées est un peu plus compliqué. La vue de l'arbre a une propriété de sélection qui contient l'information sur les lignes sélectionnées. Cette sélection sera un objet <a class="external" href="http://xulplanet.com/references/objref/TreeSelection.html">TreeSelection</a>. La vue n'a pas besoin d'implémenter cet objet elle-même, car l'arbre aura assigné un objet de sélection à la propriété de sélection de la vue lorsque celle-ci a été attachée à l'arbre. À partir de l'arbre, vous pouvez obtenir la sélection en utilisant la propriété <code>view</code> de l'arbre et ensuite la propriété <code>selection</code> de la vue. Vous pouvez utiliser les méthodes de l'objet de sélection pour récupérer l'ensemble des items sélectionnés ou pour modifier la sélection.</p> -<p>Comme les items sélectionnés dans une sélection multiple ne sont pas nécessairement contigus, vous pouvez récupérer chaque bloc de sélection contiguë en utilisant les fonctions <code>getRangeCount()</code> et <code>getRangeAt()</code>. La première fonction retourne le nombre de plages de sélection effectuées. Si seule une valeur a été sélectionnée, la valeur retournée sera '1'. Vous pourrez alors écrire une boucle sur le nombre de plages, en appelant <code>getRangeAt()</code> pour obtenir les bons index du début et de la fin d'une plage.</p> -<p>La fonction <code>getRangeAt()</code> comporte trois arguments.</p> -<ul> <li>Le premier est la plage d'index.</li> <li>Le deuxième est un objet qui sera rempli par la fonction avec l'index du premier item sélectionné.</li> <li>Le troisième argument est un objet qui sera rempli avec l'index du dernier item sélectionné.</li> -</ul> -<h4 id="Exemple_getRangeAt" name="Exemple_getRangeAt">Exemple <code>getRangeAt</code></h4> -<pre>var start = new Object(); -var end = new Object(); -var numRanges = tree.view.selection.getRangeCount(); - -for (var t = 0; t < numRanges; t++){ - tree.view.selection.getRangeAt(t,start,end); - for (var v = start.value; v <= end.value; v++){ - alert("Item " + v + " sélectionné."); - } -} -</pre> -<p>Nous avons créé deux objets appelés <code>start</code> et <code>end</code>. Ensuite, nous lançons une boucle sur les plages de la sélection dont le nombre a été retourné par la fonction <code>getRangeCount()</code>. La fonction <code>getRangeAt()</code> est appelée avec l'index de la plage, et les objets <code>start</code> et <code>end</code>. Cette fonction renseignera les index <code>start</code> et <code>end</code> en leur attribuant la propriété 'value'. Donc, si la première plage commence au troisième item et se termine au septième, <code>start.value</code> vaudra '2' (souvenez-vous que les index commencent à 0, donc nous en décrémentons de un) et <code>end.value</code> vaudra '6'. Un message d'alerte est affichée pour chaque index.</p> -<p>Si vous souhaitez seulement savoir si une ligne précise a été sélectionnée, vous pouvez utiliser la fonction <code>isSelected()</code>. Elle prend l'index de la ligne en argument et retourne 'true' si la ligne est sélectionnée.</p> -<pre>alert(tree.view.selection.isSelected(3));</pre> -<h3 id="Modifier_la_s.C3.A9lection_dans_un_arbre" name="Modifier_la_s.C3.A9lection_dans_un_arbre">Modifier la sélection dans un arbre</h3> -<p>L'objet de sélection dispose de plusieurs fonctions qui peuvent être utilisées pour changer une sélection. La fonction la plus simple est <code>select()</code> qui dé-sélectionne toutes les lignes actuellement sélectionnées et en sélectionne une spécifique. Par exemple, le code suivant sélectionnera la ligne d'index '5' :</p> -<pre>tree.view.selection.select(5);</pre> -<p>Notez que vous ne devez pas modifier la propriété <code>currentIndex</code> pour changer la sélection. Vous devez plutôt utiliser la fonction de sélection <code>select()</code> comme indiqué dans l'exemple précédent. Vous pouvez sélectionner toutes les lignes avec la fonction <code>selectAll()</code>. Notez que les lignes imbriquées à l'intérieur de containers qui n'ont pas été ouverts ne seront pas sélectionnées. Naturellement, cette fonction n'est valable que pour des arbres à sélections multiples. Il y a aussi les fonctions <code>clearSelection()</code> pour effacer la sélection et <code>invertSelection()</code> pour inverser la sélection, c'est-à-dire dé-sélectionner toutes les lignes sélectionnées et sélectionner les autres.</p> -<p>Pour sélectionner des lignes spécifiques, utiliser la fonction <code>rangedSelect()</code> qui sélectionne toutes les lignes entre deux indices. Voici un exemple de sélection des lignes comprises entre les index '2' et '7'. Notez que les lignes '2' et '7' seront incluses dans la sélection.</p> -<pre>tree.view.selection.rangedSelect(2,7,true);</pre> -<p>L'argument final indique s'il s'agit d'un ajout à la sélection courante. Si la valeur est 'true', la plage sera ajoutée à la sélection courante. Si la valeur est 'false', toutes les lignes préalablement sélectionnées seront préalablement dé-sélectionnées. Finalement, la fonction <code>clearRange()</code> peut être utilisée pour dé-sélectionner une plage de lignes, les lignes en dehors de cette plage n'étant pas affectées.</p> -<pre>tree.view.selection.clearRange(2,7);</pre> -<hr> -<p>Nous allons maintenant apprendre comment créer une vue personnalisée pour un arbre.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Autres_caractéristiques_des_arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Vues_d'arbre_personnalisées">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/séparateurs/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/séparateurs/index.html deleted file mode 100644 index cd9b6fda85..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/séparateurs/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Séparateurs -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Séparateurs -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Splitters ---- -<p> </p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Cadres_de_contenu" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Barres_de_défilement">Suivant »</a></p> -</div> -<p>Ici, nous allons voir comment ajouter des séparateurs dans une fenêtre.</p> -<h3 id="D.C3.A9coupage_d.27une_bo.C3.AEte" name="D.C3.A9coupage_d.27une_bo.C3.AEte">Découpage d'une boîte</h3> -<p>Il arrive des fois où vous voulez disposer de deux sections dans une fenêtre que l'utilisateur peut redimensionner à son gré. Un exemple est la fenêtre du navigateur Mozilla, où vous pouvez changer la taille du panneau latéral en déplaçant le trait d'intersection des deux cadres. Vous pouvez aussi cacher ce panneau latéral en cliquant sur la poignée de ce trait.</p> -<h4 id=".C3.89l.C3.A9ment_splitter" name=".C3.89l.C3.A9ment_splitter">Élément <code>splitter</code></h4> -<p>Cette fonctionnalité est accomplie en utilisant un élément appelé <code><a href="/fr/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code>. Il crée une barre étroite entre les deux sections en permettant de redimensionner chaque côté. Vous pouvez placer un séparateur où vous voulez pour vous permettre de redimensionner les éléments situés avant lui et les éléments situés après lui dans une même boîte.</p> -<p>Lorsqu'un séparateur est placé à l'intérieur d'une boîte horizontale, il permet un redimensionnement horizontal. Lorsqu'un séparateur est placé à l'intérieur d'une boîte verticale, il permet un redimensionnement vertical.</p> -<p>La syntaxe d'un séparateur est la suivante :</p> -<pre><splitter - id="identifier" - state="open" - collapse="before" - resizebefore="closest" - resizeafter="closest"> -</pre> -<p>Les attributs sont les suivants :</p> -<dl> <dt><code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> </dt> <dd>L'identifiant unique d'un séparateur.</dd> <dt><code id="a-state"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/state">state</a></code> </dt> <dd>Indique l'état d'un séparateur. Mettez lui la valeur 'open', valeur par défaut, pour que le panneau redimensionnable soit initialement ouvert ou mettez lui la valeur 'collapsed' pour qu'un des panneaux soit complètement réduit et que l'autre occupe toute la place.</dd> <dt><code id="a-collapse"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapse">collapse</a></code> </dt> <dd>Il indique de quel côté le panneau doit se réduire quand la poignée du séparateur est cliquée ou quand le séparateur est initialisée avec un état 'collapsed'. Mettez lui la valeur 'before' pour désigner l'élément avant le séparateur ou la valeur 'after' pour désigner l'élément après le séparateur. Si vous l'initialisez avec la valeur 'none', qui est aussi la valeur par défaut, la poignée du séparateur ne réduira pas les panneaux quand elle est cliquée.</dd> <dt><code id="a-resizebefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resizebefore">resizebefore</a></code> </dt> <dd>Lorsqu'un séparateur est déplacé, les éléments sur sa gauche sont redimensionnés. Cet attribut indique quel élément est concerné. Mettez la valeur 'closest' pour que l'élément immédiatement à gauche du séparateur soit redimensionné. Mettez la valeur 'farthest' pour que l'élément le plus éloigné à gauche du séparateur soit redimensionné (le premier élément de la boîte). La valeur par défaut est 'closest'.</dd> <dt><code id="a-resizeafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resizeafter">resizeafter</a></code> </dt> <dd>Lorsqu'un séparateur est déplacé, les éléments sur sa droite sont redimensionnés. Cet attribut indique quel élément est concerné. Mettez la valeur 'closest' pour que l'élément immédiatement à droite du séparateur soit redimensionné. Mettez la valeur 'farthest' pour que l'élément le plus éloigné à droite du séparateur soit redimensionné (le dernier élément de la boîte). Cet attribut peut aussi avoir la valeur 'grow', dans ce cas, les éléments à droite du séparateur ne changent pas de taille lorsque le séparateur est déplacé. La valeur par défaut est 'closest'.</dd> -</dl> -<p>Si vous employez l'attribut <code id="a-collapse"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapse">collapse</a></code>, vous devrez aussi ajouter l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code> à l'intérieur de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> afin que l'utilisateur puisse utiliser la poignée pour réduire un panneau.</p> -<h4 id="Exemple_avec_splitter" name="Exemple_avec_splitter">Exemple avec <code>splitter</code></h4> -<p>Un exemple vous sera utile :</p> -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span>: <a href="https://developer.mozilla.org/samples/xultu/examples/ex_splitter_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_splitter_1.xul">Voir</a></p> -<pre><vbox flex="1"> - <iframe id="content-1" width="60" height="20" src="w1.html"/> - <splitter collapse="before" resizeafter="farthest"> - <grippy/> - </splitter> - <iframe id="content-2" width="60" height="20" src="w2.html"/> - <iframe id="content-3" width="60" height="20" src="w3.html"/> - <iframe id="content-4" width="60" height="20" src="w4.html"/> -</vbox> -</pre> -<div class="float-right"><img alt="Image:xultu_splitter1.png" class=" internal" src="/@api/deki/files/1545/=Xultu_splitter1.png"></div> -<p>Ici, quatre cadres <code><a href="/fr/docs/Mozilla/Tech/XUL/iframe" title="iframe">iframe</a></code> ont été créés et un séparateur a été placé entre le premier et le second. L'attribut <code id="a-collapse"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapse">collapse</a></code> a été affecté d'une valeur 'before' pour signifier que si la poignée est cliquée, le premier cadre va disparaître, et le séparateur et les cadres restants vont glisser vers la gauche. La poignée du séparateur est centrée sur la barre de séparation.</p> -<p>La valeur 'farthest' a été affectée à l'attribut <code id="a-resizeafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resizeafter">resizeafter</a></code> du séparateur. Elle signifie que lorsque le séparateur est déplacé, l'élément le plus éloigné après lui changera sa taille. Dans ce cas, il s'agit du quatrième cadre.</p> -<p>Aucune valeur n'a été spécifiée pour l'attribut <code id="a-resizebefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resizebefore">resizebefore</a></code> qui aura donc sa valeur 'closest' par défaut. Dans ce cas, il n'y a qu'un cadre avant le séparateur, c'est donc le premier cadre qui changera de taille.</p> -<p>Les deuxième et troisième cadres ne changeront leur taille que si vous déplacez le séparateur suffisamment loin sur la droite jusqu'à ce que le quatrième cadre ait atteint sa largeur minimale.</p> -<p>Les quatre cadres avec le séparateur dans un état réduit :</p> -<p><img alt="Image:xultu_splitter2.png" class=" internal" src="/@api/deki/files/1546/=Xultu_splitter2.png"></p> -<p>Une image des quatre cadres avec le séparateur redimensionné vers la droite est montrée ci dessous. Notez que les deux cadres du milieu n'ont pas changé leur dimension. Seuls les premier et quatrième cadres ont changé de dimension. Vous pouvez seulement voir une partie du quatrième cadre. Si vous continuez à déplacer le séparateur vers la droite, les deux autres cadres vont se réduire.</p> -<p><img alt="Image:xultu_splitter3.png" class=" internal" src="/@api/deki/files/1547/=Xultu_splitter3.png"></p> -<p>Vous pouvez utiliser des propriétés de style telles que <code id="a-min-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/min-width">min-width</a></code>, <code id="a-max-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/max-width">max-width</a></code> sur les cadres pour spécifier leurs largeurs minimales ou maximales ou leurs hauteurs dans la boîte. Si vous faites cela, le séparateur va le détecter et ne permettra pas de le déplacer au-delà des tailles minimales ou maximales.</p> -<p>Par exemple, si vous spécifiez un minimum de 30 pixels en largeur sur le quatrième cadre, il ne se réduira pas en dessous de cette taille. Les deux autres cadres vont alors se réduire. Si vous mettez une largeur minimale de 50 pixels sur le premier cadre, vous ne pourrez déplacer le séparateur que de 10 pixels vers la gauche (car il démarre à 60 pixels de large). Toutefois, vous pouvez toujours faire disparaître le cadre.</p> -<p>Vous pouvez également placer plus d'un séparateur dans une boîte si vous le souhaitez, dans ce cas vous pourrez réduire les différentes parties de son contenu. De façon similaire, il n'y a pas que les cadres qui peuvent êre réduits, n'importe quel élément peut l'être.</p> -<div class="highlight"> -<h3 id="Notre_exemple_de_recherche_de_fichiers" name="Notre_exemple_de_recherche_de_fichiers">Notre exemple de recherche de fichiers</h3> -<p>Voyons ce que devient notre exemple de recherche de fichiers avec un séparateur. Une possibilité serait d'inclure les résultats de la recherche dans la boîte de dialogue. Nous ajouterons une zone entre les critères de recherche et les boutons du bas. Un séparateur permettra de réduire ou masquer les résultats de la recherche.</p> -<pre class="eval"></tabbox> - - <span class="highlightred"><iframe src="results.html"/> <splitter resizeafter="grow"/></span> - - <hbox> -</pre> -<p>Ici, un séparateur et un cadre ont été ajoutés à la boîte de dialogue. Nous n'avons plus besoin de l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> après la boîte d'onglets, donc nous l'enlèverons. Le contenu du cadre provient d'un fichier appelé '<code>result.html</code>'. Créez ce fichier et mettez ce que vous souhaitez dedans pour l'instant. Le cadre sera remplacé <a href="/fr/Tutoriel_XUL/Arbres" title="fr/Tutoriel_XUL/Arbres">plus tard</a> par la liste des résultats lorsque vous saurez comment la créer. Pour l'instant, il nous servira à expliquer le séparateur.</p> -<p>Le séparateur a été initialisé avec la valeur 'before' sur l'attribut <code id="a-collapse"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapse">collapse</a></code>, ce qui signifie que l'élément juste avant le séparateur va se réduire. Ici, il s'agit du cadre. Comme montré sur les images ci-dessous, lorsque la poignée est cliquée, le cadre est masqué et les boutons glissent vers le haut.</p> -<p>L'attribut <code id="a-resizeafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/resizeafter">resizeafter</a></code> a été initialisé avec une valeur 'grow' pour que les éléments situés après le séparateur se déplace vers la bas lorsque celui ci est déplacé vers le bas. Le contenu dans le cadre peut s'agrandir sans restriction. Vous noterez que la fenêtre ne se redimensionne pas automatiquement. Vous remarquerez également que c'est un séparateur horizontal parce qu'il a été placé dans une boîte verticale.</p> -<p>Etat normal :</p> -<p><img alt="Image:xultu_splitter4.png" class=" internal" src="/@api/deki/files/1548/=Xultu_splitter4.png"></p> -<p>Etat réduit :</p> -<p><img alt="Image:xultu_splitter5.png" class=" internal" src="/@api/deki/files/1549/=Xultu_splitter5.png"></p> -<p>Exemple de recherche de fichiers : <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfiles-splitter.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfiles-splitter.xul">Voir</a></p> -</div> -<hr> -<p>Dans la section suivante, nous verrons comment créer une barre de défilement.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Cadres_de_contenu" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Barres_de_défilement">Suivant »</a></p> -</div> -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/utilisation_des_spacers/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/utilisation_des_spacers/index.html deleted file mode 100644 index cecd0b9291..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/utilisation_des_spacers/index.html +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: Utilisation des spacers -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Utilisation_des_spacers -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Using_Spacers ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_d'éléments_HTML" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Plus_de_caractéristiques_sur_les_boutons">Suivant »</a></p> -</div> - -<p>Dans cette section, vous trouverez comment ajouter des espacements entre les différents éléments que vous avez créés.</p> - -<h3 id="Ajout_de_spacers" name="Ajout_de_spacers">Ajout de spacers</h3> - -<p>Un des problèmes avec le développement des interfaces utilisateur est que chaque utilisateur a son propre affichage. Certains utilisateurs peuvent avoir de grands écrans avec une haute résolution et d'autres de faibles résolutions. De plus, chaque plate-forme peut avoir des spécificités pour l'interface utilisateur. En ajoutant le support multi-langue, un texte dans une langue peut avoir besoin de plus de place que dans une autre.</p> - -<p>Les applications qui doivent être compatibles avec différentes plates-formes ou langages ont souvent des fenêtres créées avec beaucoup de place pour permettre leur exécution. Certaines plates-formes et outils de développement d'interfaces utilisateur proposent des composants qui sont suffisamment intelligents pour se redimensionner et se repositionner eux-mêmes selon les besoins de l'utilisateur (Java utilise des gestionnaires de mise en page par exemple).</p> - -<p>XUL fournit la possibilité aux éléments de se positionner et se redimensionner automatiquement. Comme nous l'avons vu, la fenêtre de "recherche de fichiers" est apparue avec une taille qui correspond aux éléments qui y sont inclus. Chaque fois que nous y ajoutons quelque chose, la fenêtre s'agrandit.</p> - -<p>XUL utilise un système de mise en page appelé le " Box Model ". Nous en parlerons dans <a href="/fr/Tutoriel_XUL/Les_boîtes_de_groupe" title="fr/Tutoriel_XUL/Les_boîtes_de_groupe">la prochaine section</a> mais il vous permet essentiellement de diviser une fenêtre en une série de boîtes contenant vos éléments. Ces boîtes se positionnent et se redimensionnent en fonction des spécifications que vous avez définies. Pour l'instant, sachez simplement que l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> est un type de boîte.</p> - -<p>Avant d'entrer plus dans le détail avec les boîtes, nous allons présenter un autre élément XUL qui se montre très utile pour la mise en page, le <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code>. Un <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> est très simple et ne requiert qu'un seul attribut qui sera expliqué dans un moment. Le <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> le plus simple ressemble à ceci :</p> - -<pre class="eval"><spacer flex="1" /> -</pre> - -<p>Un <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> est utilisé pour placer des espaces vides dans une fenêtre. Sa principale caractéristique est de pouvoir s'agrandir ou se rétrécir lorsque l'utilisateur redimensionne la fenêtre. Il permet à quelqu'un de placer des boutons à droite ou en bas d'une fenêtre et de vouloir les fixer sur le coté droit ou en bas, quelle que soit la taille de la fenêtre. Comme vous le verrez, vous pouvez utiliser des séries de <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> pour créer quelques effets de mise en page.</p> - -<p>Dans la syntaxe ci-dessus, <code>spacer</code> a un seul attribut appelé <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>. Il est utilisé pour définir la " flexibilité " de l'espacement. Dans le cas ci-dessus, le <code>spacer</code> a un <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> de '1'. Il en devient un élément d'espacement flexible. Si vous placez un <code>spacer</code> directement dans une fenêtre, il s'adaptera à la taille de la fenêtre lorsque celle-ci est modifiée.</p> - -<p>Nous allons bientôt ajouter un élément <code>spacer</code> dans notre boîte de dialogue "Recherche de Fichiers". Tout d'abord, voilà ce qu'il se passe si la fenêtre est agrandie :</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-inputs.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-inputs.xul">Voir</a></p> - -<p><img alt="Image:xultu_springs1.png" class="internal" src="/@api/deki/files/1550/=Xultu_springs1.png"></p> - -<p>Si vous changez la taille de la fenêtre, vous pouvez voir que les éléments ont conservé leur position. Aucun d'eux n'a bougé ou s'est redimensionné bien que la fenêtre dispose de plus de place. Regardons maintenant ce qu'il se passe si un élément <code>spacer</code> est ajouté entre la boîte de texte et le bouton 'Rechercher' :</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-spacer.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-spacer.xul">Voir</a></p> - -<p><img alt="Image:xultu_springs2.png" class="internal" src="/@api/deki/files/1551/=Xultu_springs2.png"></p> - -<p>En ajoutant un <code>spacer</code> et en agrandissant la fenêtre, vous voyez que le <code>spacer</code> s'est agrandi de façon à remplir l'espace libre. Les boutons ont été repoussés.</p> - -<div class="highlight"> -<h4 id="Notre_exemple_de_recherche_de_fichier" name="Notre_exemple_de_recherche_de_fichier">Notre exemple de recherche de fichier</h4> - -<p>Le code pour ajouter un <code>spacer</code> est indiqué juste après. Insérez le juste avant le bouton 'Rechercher' :</p> - -<pre class="eval"><span class="highlightred"><spacer flex="1"/></span> - -<button id="find-button" label="Rechercher"/> -</pre> -</div> - -<h3 id="Plus_d.27informations_sur_la_flexibilit.C3.A9" name="Plus_d.27informations_sur_la_flexibilit.C3.A9">Plus d'informations sur la flexibilité</h3> - -<p>XUL place les éléments d'une fenêtre en calculant les largeurs et les hauteurs adéquates des éléments et ajoute ensuite des espacements là où ils sont flexibles. À moins que vous ne spécifiez la largeur et la hauteur d'un élément, la dimension par défaut de cet élément sera déterminée par son contenu. Vous noterez que le bouton 'Annuler' des boîtes de dialogue a toujours adapté sa largeur pour contenir son texte. Si vous créez un bouton avec un très long libellé, la taille par défaut de ce bouton sera assez large pour contenir le libellé en entier. Les autres éléments, tels que la boîte de texte, se sont adaptés de façon adéquate.</p> - -<p>L'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> est utilisé pour spécifier si un élément peut changer sa dimension pour s'ajuster à sa boîte le contenant (dans notre cas, la fenêtre <code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>). Nous avons montré l'application de l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> sur les <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code>, mais il peut s'appliquer à n'importe quel élément. Par exemple, vous pouvez souhaiter avoir plutôt un redimensionnement du bouton 'Rechercher' :</p> - -<p><a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-spacer2.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/findfile/findfile-spacer2.xul">Voir</a></p> - -<p><img alt="Image:xultu_springs3.png" class="internal" src="/@api/deki/files/1552/=Xultu_springs3.png"></p> - -<p>Comme vous pouvez voir sur l'image, en plaçant un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> sur le bouton 'Rechercher', celui-ci s'agrandit en même temps que la fenêtre. Un <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> n'a rien de spécial. Il peut être considéré comme un bouton invisible. Il fonctionne de la même manière qu'un bouton, excepté qu'il ne se dessine pas à l'écran.</p> - -<p>Vous aurez remarqué quelque chose sur l'image ci-dessus. Il n'y a pas que le bouton 'Rechercher' qui s'agrandit mais un espacement est également apparu entre le texte à gauche et le bouton. Bien entendu, il s'agit du <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> que nous avons placé tout à l'heure. Il s'est redimensionné de lui même également. Si vous regardez suffisamment de près, vous devriez remarquer que ce changement de taille a été partagé en part égale entre le <code>spacer</code> et le bouton. Le <code>spacer</code> a reçu la moitié de l'espace libre et le bouton a reçu l'autre moitié.</p> - -<p>La raison de ce comportement est que le <code><a href="/fr/docs/Mozilla/Tech/XUL/spacer" title="spacer">spacer</a></code> et le bouton ont chacun un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>. Parce qu'ils sont flexibles, le <code>spacer</code> et le bouton se redimensionnent équitablement.</p> - -<p>Comment faire si vous voulez qu'un élément s'agrandisse deux fois plus qu'un autre ? Vous pouvez choisir un nombre plus grand pour la valeur de l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>. Les valeurs de l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> sont des ratios. Si un élément a un <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> de '1' et un second un <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> de '2', le second s'agrandira du du double par rapport au premier. En effet, un <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> de '2' signifie que cet élément a une flexibilité de deux fois celle d'un élément de <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> de '1'.</p> - -<p>L'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> ne sert pas à définir une taille. Il spécifie au contraire comment se répartissent les espaces vides entre les différents éléments fils d'une boîte. Nous aborderons les boîtes dans le prochain chapitre. Dès lors que les dimensions par défaut des éléments fils d'une boîte sont déterminées, les valeurs de flexibilité sont appliquées pour diviser l'espace restant dans la boîte. Par exemple, si la boîte fait 200 pixels de large, qu'elle contient deux boutons flexibles respectivement de 50 pixels et 90 pixels, il restera un espacement de 60 pixels. Si ces deux boutons ont une valeur de <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> de '1', cet espacement sera divisé en deux moitiés égales de 30 pixels affectées à chacun d'eux. Si le second bouton voit sa valeur de flexibilité augmentée à '2', le premier bouton recevra 20 pixels d'espacement supplémentaire et le second en recevra 40 pixels.</p> - -<p>L'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> peut être placé sur n'importe quel élément, toutefois il n'a de sens que si cet élément est directement inclus dans une boîte. Donc, même si vous placez un attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> sur un élément HTML, il restera sans effet cet élément est situé dans un élément n'étant pas une boîte.</p> - -<h4 id="Exemples_d.27utilisation_de_flex" name="Exemples_d.27utilisation_de_flex">Exemples d'utilisation de <code>flex</code></h4> - -<pre class="eval">Exemple 1: - <button label="Chercher" flex="1"/> - <button label="Annuler" flex="1"/> - -Exemple 2: - <button label="Chercher" flex="1"/> - <button label="Annuler" flex="10"/> - -Exemple 3: - <button label="Chercher" flex="2"/> - <button label="Remplacer"/> - <button label="Annuler" flex="4"/> - -Exemple 4: - <button label="Chercher" flex="2"/> - <button label="Remplacer" flex="2"/> - <button label="Annuler" flex="3"/> - -Exemple 5: - <html:div> - <button label="Chercher" flex="2"/> - <button label="Remplacer" flex="2"/> - </html:div> - -Exemple 6: - <button label="Chercher" flex="145"/> - <button label="Remplacer" flex="145"/> -</pre> - -<dl> - <dt>Exemple 1 </dt> - <dd>dans ce cas, la flexibilité est divisée en part égale pour les deux boutons. Leurs tailles changeront en proportion égale.</dd> - <dt>Exemple 2 </dt> - <dd>ici, les deux boutons sont flexibles, mais le bouton Chercher sera dix fois plus petit que le bouton Annuler qui a une valeur <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> dix fois plus importante que celle du bouton Chercher. L'espace restant est divisé en une part pour le bouton Chercher et 10 parts pour le bouton Annuler.</dd> - <dt>Exemple 3 </dt> - <dd>seuls deux boutons sont flexibles ici. Le bouton Remplacer ne changera jamais sa taille mais les deux autres le pourront. Le bouton Annuler aura toujours une taille du double du bouton Chercher parce qu'il a une valeur de <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> du double.</dd> - <dt>Exemple 4 </dt> - <dd>dans ce cas, les trois boutons sont flexibles. Les boutons Chercher et Remplacer auront exactement la même taille mais le bouton Annuler sera un peu plus large (50% plus large pour être exact).</dd> - <dt>Exemple 5 </dt> - <dd>ici, les deux boutons sont placés dans une balise <code>div</code>. La flexibilité perd toute signification puisque les boutons ne sont pas directement dans une boîte. L'effet serait le même si les attributs <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> étaient enlevés.</dd> - <dt>Exemple 6 </dt> - <dd>Comme les valeurs de <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> sont identiques, les deux boutons auront la même taille. Cela fonctionne aussi bien que si vous aviez mis une valeur de '1' au lieu de '145'. Il est recommandé de mettre les valeurs les plus basses pour une meilleure lecture.</dd> -</dl> - -<div class="note">Notez que d'autres facteurs tels que les libellés des boutons et les tailles minimales des boutons peuvent affecter les dimensions réelles des boutons. Par exemple, un bouton ne peut pas être réduit au delà d'une taille nécessaire pour y placer son libellé.</div> - -<p>Spécifier une valeur de '0' a le même effet que si vous enleviez l'attribut <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> en entier. L'élément perd toute flexibilité. Vous verrez parfois des valeurs de <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> avec un pourcentage. Il n'y a aucune signification spéciale et le signe pourcentage est traité comme s'il n'existait pas.</p> - -<p>Vous avez dû remarquer que si vous redimensionnez verticalement la boîte de dialogue « Recherche de fichiers », les boutons se redimensionnent également en hauteur pour s'ajuster à la hauteur de la fenêtre. Ceci s'explique par le fait que les boutons ont une valeur de <code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code> verticale implicite donnée par la fenêtre. Dans une prochaine section, nous expliquerons comment changer ce comportement.</p> - -<hr> -<p>Nous allons maintenant apprendre des nouvelles caractéristiques sur les boutons.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Ajout_d'éléments_HTML" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Plus_de_caractéristiques_sur_les_boutons">Suivant »</a></p> -</div> - -<p><span class="comment">Interwiki</span></p> diff --git a/files/fr/archive/mozilla/xul/tutoriel_xul/vues_d'arbre_personnalisées/index.html b/files/fr/archive/mozilla/xul/tutoriel_xul/vues_d'arbre_personnalisées/index.html deleted file mode 100644 index da6a3f7744..0000000000 --- a/files/fr/archive/mozilla/xul/tutoriel_xul/vues_d'arbre_personnalisées/index.html +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: Vues d'arbre personnalisées -slug: Archive/Mozilla/XUL/Tutoriel_XUL/Vues_d'arbre_personnalisées -tags: - - Tutoriel_XUL - - Tutoriels - - XUL -translation_of: Archive/Mozilla/XUL/Tutorial/Custom_Tree_Views ---- -<p> </p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Sélection_dans_les_arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Détails_sur_les_vues_d'arbres">Suivant »</a></p> -</div> - -<p>Les vues d'arbres permettent d'afficher des données dans une arborescence.</p> - -<h3 id="Cr.C3.A9ation_d.27une_vue_personnalis.C3.A9e" name="Cr.C3.A9ation_d.27une_vue_personnalis.C3.A9e">Création d'une vue personnalisée</h3> - -<p>Jusqu'à présent, nous avons utilisé la construction interne d'une vue d'arbre. Dans cette section, nous verrons la création d'une vue personnalisée. Elle devient nécessaire dès lors que la quantité de données devient trop importante ou que celles-ci soient arrangées de manière trop complexe. Par exemple, l'utilisation d'éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> ne serait plus viable en terme de performance avec plusieurs milliers de lignes. Vous pouvez également utiliser une vue personnalisée pour afficher des données obtenues par calculs. Puisque la vue peut stocker et récupérer de la meilleure manière possible les données en fonction de leur type, l'arbre peut être utilisé même si plusieurs milliers de lignes doivent être affichées.</p> - -<div class="note">Note : les interfaces relatives aux arbres ont changé dans <a href="/fr/Gecko" title="fr/Gecko">Gecko</a> 1.8. Consultez <a href="/fr/Modifications_de_l'API_Tree" title="fr/Modifications_de_l'API_Tree">Modifications de l'API Tree</a> pour plus de détails.</div> - -<p>Pour implémenter une vue personnalisée, vous devez créer un objet qui implémente l'interface <a class="external" href="http://xulplanet.com/references/xpcomref/ifaces/nsITreeView.html">nsITreeView</a>. Vous pouvez créer ces objets en javascript, mais vous aurez besoin d'un objet séparé pour chaque arbre. Naturellement, comme la vue d'arbre personnalisée est utilisée, la vue de contenu d'arbre ne le sera pas, donc les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> n'auront aucun sens car la vue d'arbre obtient ses données ailleurs. Ainsi, vous pouvez simplement laisser l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> vide. L'exemple suivant vous le montre :</p> - -<pre><tree id="my-tree" flex="1"> - <treecols> - <treecol id="namecol" label="Nom" flex="1"/> - <treecol id="datecol" label="Date" flex="1"/> - </treecols> - <treechildren/> -</tree> -</pre> - -<p>Pour assigner les données à afficher dans l'arbre, un objet de vue doit être créé, il sera utilisé pour indiquer la valeur de chaque cellule, le nombre total de lignes plus d'autres informations optionnelles. L'arbre appellera des méthodes de la vue pour obtenir les informations dont il a besoin pour son affichage.</p> - -<p>En général, bien que la vue d'arbre dispose de plus d'une trentaine de fonctions pouvant être implémentées, il vous suffira de ne définir que celles appelées par l'arbre. Les trois méthodes que vous devrez implémenter sont décrites ci-dessous :</p> - -<dl> - <dt><code>rowCount</code></dt> - <dd>Cette propriété doit se voir assigner le nombre total de lignes dans l'arbre.</dd> - <dt><code>getCellText( ligne, colonne )</code></dt> - <dd>Cette méthode doit retourner le texte contenu à la ligne et la colonne spécifiées. Elle sera appelée pour afficher les données de chaque cellule. Les lignes sont spécifiées par des valeurs numériques qui commencent à '0'. Les colonnes sont des objets <code>TreeColumn</code>. Dans les anciennes versions de Mozilla (antérieures à Firefox 1.5 ou Mozilla 1.8), les colonnes sont référencées par les valeurs de l'attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> de la colonne. Si vous avez besoin d'un attribut <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> comme pour ces anciennes version, une propriété <code>id</code> peut être utilisée sur <code>TreeColumn</code>.</dd> - <dt><code>setTree( arbre )</code></dt> - <dd>Cette méthode est appelée une seule fois pour affecter l'objet arbre à la vue.</dd> -</dl> - -<p>Voici un exemple de définition d'un tel objet qui peut avoir le nom que vous souhaitez :</p> - -<pre>//Moz 1.8 -var treeView = { - rowCount : 10000, - getCellText : function(row,column){ - if (column.id == "namecol") return "Ligne "+row; - else return "18 février"; - }, - setTree: function(treebox){ this.treebox = treebox; }, - isContainer: function(row){ return false; }, - isSeparator: function(row){ return false; }, - isSorted: function(){ return false; }, - getLevel: function(row){ return 0; }, - getImageSrc: function(row,col){ return null; }, - getRowProperties: function(row,props){}, - getCellProperties: function(row,col,props){}, - getColumnProperties: function(colid,col,props){} -}; -</pre> - -<p>Les fonctions de l'exemple ci-dessus que nous n'avons pas décrites n'ont pas besoin d'effectuer une quelconque action, mais elles doivent être définies car l'arbre les appelle pour rassembler des informations supplémentaires.</p> - -<p>Cet exemple peut-être utilisé pour un arbre avec 10000 lignes. Le contenu des cellules de la première colonne sera 'Ligne X' où X sera le numéro de la ligne. Le contenu des cellules de la seconde colonne sera '18 février'. La structure <code>if</code> dans la fonction <code>getCellText()</code> compare la propriété <code>id</code> de l'argument <code>column</code> au texte 'namecol'. Ce texte 'namecol' correspond à l'<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> du premier élément <code><a href="/fr/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> dans l'exemple précédent. Cet exemple est très simplifié bien sûr - en réalité vous aurez des données bien plus complexes dans chaque cellule.</p> - -<p>L'étape finale est d'associer l'objet de vue avec l'arbre. L'arbre a une propriété <code id="a-view"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/view">view</a></code>, à laquelle on peut assigner l'objet déclaré ci-dessus. Nous pouvons assigner une valeur à cette propriété à tout moment pour attribuer une vue à l'arbre, ou en changer.</p> - -<pre>function setView(){ - document.getElementById('my-tree').view = treeView; -} -</pre> - -<p>Le code source suivant présente l'exemple en entier. Un script intégré au fichier XUL a été utilisé ici pour simplifier l'exemple. En temps normal vous mettriez le script dans un fichier de script externe.</p> - -<h4 id="Exemple_d.27arbre_personnalis.C3.A9" name="Exemple_d.27arbre_personnalis.C3.A9">Exemple d'arbre personnalisé</h4> - -<p><span id="Exemple_1"><a id="Exemple_1"></a><strong>Exemple 1</strong></span> : <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treeview_1.xul.txt">Source</a> <a href="https://developer.mozilla.org/samples/xultu/examples/ex_treeview_1.xul">Voir</a></p> - -<pre><?xml version="1.0" encoding="iso-8859-1"?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> - -<window title="Exemple d'arbre" id="tree-window" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" - onload="setView();"> - -<script> -//Moz 1.8 -var treeView = { - rowCount : 10000, - getCellText : function(row,column){ - if (column.id == "namecol") return "Ligne "+row; - else return "18 février"; - }, - setTree: function(treebox){ this.treebox = treebox; }, - isContainer: function(row){ return false; }, - isSeparator: function(row){ return false; }, - isSorted: function(){ return false; }, - getLevel: function(row){ return 0; }, - getImageSrc: function(row,col){ return null; }, - getRowProperties: function(row,props){}, - getCellProperties: function(row,col,props){}, - getColumnProperties: function(colid,col,props){} -}; - -function setView(){ - document.getElementById('my-tree').view = treeView; -} -</script> - -<tree id="my-tree" flex="1"> - <treecols> - <treecol id="namecol" label="Nom" flex="1"/> - <treecol id="datecol" label="Date" flex="1"/> - </treecols> - <treechildren/> -</tree> - -</window> -</pre> - -<p><img alt="Image:xultu_treeview1.png" class="internal" src="/@api/deki/files/1566/=Xultu_treeview1.png"></p> - -<p>Sur l'image, vous voyez deux colonnes, chacune obtenant ses données par l'intermédiaire de la fonction <code>getCellText()</code>. La fonction <code>setView()</code> a été appelée par le gestionnaire <code id="a-onload"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/onload">onload</a></code> de la fenêtre (<code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code>), mais vous pouvez aussi changer la vue plus tard si vous le souhaitez. Vous pouvez la changer à n'importe quel instant.</p> - -<p>Il faut noter que la fonction <code>getCellText()</code> est seulement appelée quand cela est nécessaire pour afficher le contenu. Dans l'exemple de 10000 lignes ci-dessus, <code>getCellText()</code> est seulement appelée pour les cellules qui sont actuellement affichées. Sur cette image, seules sept lignes sont affichées, donc la fonction <code>getCellText()</code> a été appelée 14 fois. Elle sera appelée pour les autres lignes lorsque l'utilisateur les fera défiler. Cette méthode rend l'arbre beaucoup plus efficace.</p> - -<div class="note">Notez que l'objet de vue est aussi disponible pour des arbres prédéfinis dans votre installation. Vous pouvez les utiliser pour récupérer les libellés de leurs cellules et d'autres informations.</div> - -<p>L'<a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/nsITreeView.html">interface nsITreeView</a> liste toutes les méthodes et propriétés que vous pouvez implémenter pour la vue d'un arbre.</p> - -<hr> -<p>Dans la prochaine section, nous verrons d'autres fonctionnalités des vues d'arbre.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Tutoriel_XUL:Sélection_dans_les_arbres" style="float: left;">« Précédent</a><a href="/fr/docs/Tutoriel_XUL:Détails_sur_les_vues_d'arbres">Suivant »</a></p> -</div> diff --git a/files/fr/archive/mozilla/xul/utilisation_de_nsixulappinfo/index.html b/files/fr/archive/mozilla/xul/utilisation_de_nsixulappinfo/index.html deleted file mode 100644 index 10f33316ad..0000000000 --- a/files/fr/archive/mozilla/xul/utilisation_de_nsixulappinfo/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: Utilisation de nsIXULAppInfo -slug: Archive/Mozilla/XUL/Utilisation_de_nsIXULAppInfo -tags: - - Extensions -translation_of: Archive/Mozilla/XUL/Using_nsIXULAppInfo ---- -<p> -À partir de Mozilla/<a href="fr/XULRunner">XULRunner</a> 1.8, il existe une nouvelle manière de connaître l'application, sa version et la version de <a href="fr/Gecko">Gecko</a> sur laquelle votre code tourne. -</p><p>Cela peut s'avérer utile, par exemple, dans le cas d'<a href="fr/Extensions">extensions</a> prévues pour fonctionner sur plusieurs applications basées sur Mozilla ou différentes versions d'une même application. Ce n'est <b>pas</b> utile pour les scripts sur des pages Web, qui doivent utiliser <a href="fr/DOM/window.navigator">l'objet navigator</a>. -</p> -<h2 id="L'interface_nsIXULAppInfo"> L'interface <code>nsIXULAppInfo</code> </h2> -<p>Pour faire la distinction entre différentes applications basées sur Mozilla, utilisez l'interface gelée <a href="fr/NsIXULAppInfo">nsIXULAppInfo</a>. Les sections suivantes proposent quelques exemples d'utilisation de <code>nsIXULAppInfo</code> depuis JavaScript. -</p><p>Notez que si Firefox 1.5, Thunderbird 1.5, et les applications basées sur <a href="fr/XULRunner">XULRunner</a> 1.8 supportent <code>nsIXULAppInfo</code>, des applications plus anciennes comme Firefox et Thunderbird 1.0 ne le font pas. Vous devrez utiliser du <a href="#old">code supplémentaire pour ces anciennes versions</a>. -</p> -<h3 id="Obtenir_nsIXULAppInfo"> Obtenir <code>nsIXULAppInfo</code> </h3> -<p>Pour qu'un composant implémente <code>nsIXULAppInfo</code>, utilisez ce code : -</p> -<pre class="eval">var appInfo = Components.classes["@mozilla.org/xre/app-info;1"] - .getService(Components.interfaces.nsIXULAppInfo); -</pre> -<p>(Pour une explication, consultez <a class="external" href="http://xulplanet.com/references/xpcomref/creatingcomps.html">cet article sur XUL Planet</a>.) -</p> -<h3 id="Des_informations_sur_l'application"> Des informations sur l'application </h3> -<p>Après avoir obtenu le composant d'information sur l'application, vous pouvez lire ses propriétés pour connaître l'ID de l'application, son nom lisible par un humain, sa version, la plateforme utilisée, etc. Pour une liste complète des propriétés de <code>nsIXULAppInfo</code>, veuillez consulter la description de l'interface <a href="fr/NsIXULAppInfo">nsIXULAppInfo</a>. -</p> -<h4 id="ID"> ID </h4> -<p>Vous pouvez connaître l'application sous laquelle vous tournez à l'aide de la propriété <code>nsIXULAppInfo.ID</code>. -</p> -<pre class="eval">const FIREFOX_ID = "{ec8030f7-c20a-464f-9b0e-13a3a9e97384}"; -const THUNDERBIRD_ID = "{3550f703-e582-4d05-9a08-453d09bdfdc6}"; -var appInfo = Components.classes["@mozilla.org/xre/app-info;1"] - .getService(Components.interfaces.nsIXULAppInfo); -if(appInfo.ID == FIREFOX_ID) { - // on est sous Firefox -} else if(appInfo.ID == THUNDERBIRD_ID) { - // on est sous Thunderbird -} else { - // c'est une autre application -} -</pre> -<p>Note : vous auriez également pu utiliser <code>nsIXULAppInfo.name</code>, qui est un nom lisible par un humain pour l'application, comme « Firefox », mais qui sait, peut-être qu'il changera encore de nom ! -</p> -<h4 id="Version"> Version </h4> -<p>Dans certains cas, vous aurez besoin de connaître la version de l'application sous laquelle tourne votre code. Par exemple, une des fonctions non gelée que vous utilisez peut avoir changé. -</p><p><b>Note : <code>nsIXULAppInfo</code> fournit des informations concernant l'<i>application</i> et la <i>plateforme</i>, faites attention d'utiliser la bonne, particulièrement dans le cas d'applications basées sur XULRunner.</b> -</p><p>Dans de tels cas, vous voudrez probablement vérifier <code>nsIXULAppInfo.version</code> et/ou <code>nsIXULAppInfo.appBuildID</code>. Cette dernière est utile si vous essayez de fonctionner avec des nightlies de développement de l'application, tandis que la premère est plutôt utile si vous prenez uniquement en compte les sorties officielles, et pour faire la distinction entre les compilations de branches particulières ou du tronc. -</p><p><b>Exemple 1 : vérification de la version de Firefox</b> -</p> -<pre class="eval">// en supposant qu'on tourne sous Firefox -var appInfo = Components.classes["@mozilla.org/xre/app-info;1"] - .getService(Components.interfaces.nsIXULAppInfo); -var versionChecker = Components.classes["@mozilla.org/xpcom/version-comparator;1"] - .getService(Components.interfaces.nsIVersionComparator); -if(versionChecker.compare(appInfo.version, "1.5") >= 0) { - // il s'agit de Firefox 1.5 ou supérieur -} -</pre> -<p><b>Exemple 2 : reconnaître les nightlies</b> -</p> -<pre class="eval">var appInfo = Components.classes["@mozilla.org/xre/app-info;1"] - .getService(Components.interfaces.nsIXULAppInfo); -if(appInfo.appBuildID >= "2005093006") { - // la compilation est postérieure ou égale à 2005093006 -} -</pre> -<p>Vous ne devriez pas vous baser sur les ID de compilation pour des versions officielles, car l'ID de compilation peut être différent pour des compilations personnalisées ou les version localisées d'une application. -</p> -<h4 id="Version_de_la_plateforme"> Version de la plateforme </h4> -<p><code>nsIXULAppInfo</code> fournit des informations de version à propos de l'application XUL (comme Firefox) et la plateforme (c'est-à-dire Gecko ou XULRunner). Par exemple, dans Firefox 1.5 beta 2 la version de l'application est 1.4.1 et la version de la plateforme est 1.8b5. Faites attention d'utiliser l'information dont vous avez besoin, particulièrement dans le cas d'applications basées sur XULRunner. -</p><p>L'obtention des informations de version sur la plateforme s'effectue ainsi : -</p> -<pre class="eval">var appInfo = Components.classes["@mozilla.org/xre/app-info;1"] - .getService(Components.interfaces.nsIXULAppInfo); -var platformVer = appInfo.platformVersion; -var platformBuildID = appInfo.platformBuildID; -</pre> -<p><s id="old"> -</s></p><s id="old"> -<h2 id="Versions_plus_anciennes"> Versions plus anciennes </h2> -<p>Comme indiqué plus haut, les anciennes application basées sur Mozilla 1.7 ne supportent pas <code>nsIXULAppInfo</code>. Vour aurez à écrire du code supplémentaire si vous choisissez de fonctionner avec ces versions. -</p><p>Par exemple, Firefox et Thunderbird 1.0 stockaient leur ID dans la préférence <code>app.id</code> (et leur version dans <code>app.version</code>), donc vous pouvez utiliser un code comme celui-ci pour savoir sous quelle application vous tournez : -</p> -<pre class="eval">function getAppID() { - var id; - if("@mozilla.org/xre/app-info;1" in Components.classes) { - // on est sous Mozilla 1.8 ou supérieur - id = Components.classes["@mozilla.org/xre/app-info;1"] - .getService(Components.interfaces.nsIXULAppInfo).ID; - } else { - try { - id = Components.classes["@mozilla.org/preferences-service;1"] - .getService(Components.interfaces.nsIPrefBranch) - .getCharPref("app.id"); - } catch(e) { - // très ancienne version - dump(e); - } - } - return id; -} -alert(getAppID()); -</pre> -<h2 id="Voir_aussi"> Voir aussi </h2> -<ul><li> LXR : <a class="external" href="http://lxr.mozilla.org/seamonkey/source/toolkit/xre/nsIXULAppInfo.idl">nsIXULAppInfo.idl</a> -</li></ul> -<div class="noinclude"> -</div> -</s> diff --git a/files/fr/archive/mozilla/xul/utilisation_de_plusieurs_dtd/index.html b/files/fr/archive/mozilla/xul/utilisation_de_plusieurs_dtd/index.html deleted file mode 100644 index b8a892ecf0..0000000000 --- a/files/fr/archive/mozilla/xul/utilisation_de_plusieurs_dtd/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: Utilisation de plusieurs DTD -slug: Archive/Mozilla/XUL/Utilisation_de_plusieurs_DTD -tags: - - Localisation - - XUL -translation_of: Archive/Mozilla/XUL/Using_multiple_DTDs ---- -<p>Généralement il n'y a qu'un unique ficher DTD (<strong>D</strong>ocument <strong>T</strong>ype <strong>D</strong>efinition) pour la localisation d'un fichier <a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL" title="fr/XUL">XUL</a> spécifique. Mais il existe des cas où l'utilisation de plusieurs DTD peut être nécessaire, comme par exemple pour la localisation de "widgets" couramment utilisés dans les fichiers XUL, en plus de ceux spécifiques au fichier à localiser.</p> - -<h2 id="DTD_unique" name="DTD_unique">DTD unique</h2> - -<p>Pour rendre localisables les chaînes de votre fichier <a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL" title="fr/XUL">XUL</a>, vous devez <a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Localisation" title="fr/Tutoriel_XUL/Localisation">ajouter une déclaration DTD</a> au début du fichier comme ceci :</p> - -<pre class="eval line-numbers language-html"><code class="language-html"><span class="doctype token"><!DOCTYPE window SYSTEM "chrome://myextension/locale/mainwindow.dtd"></span></code></pre> - -<p>où <code>window</code> est le nom local de l'élément (racine) du document.</p> - -<p>Par exemple, si vous avez une entité appelée <code>someButton.label</code> définie dans <code>mainwindow.dtd</code>, vous pouvez y accéder comme ceci :</p> - -<pre class="eval"><button id="somebutton" label="&someButton.label"> -</pre> - -<h2 id="DTD_multiples" name="DTD_multiples">DTD multiples</h2> - -<p>Si vous voulez utiliser plusieurs DTD pour votre fichier XUL, vous pouvez simplement lister tous les fichiers DTD dans votre déclaration DTD :</p> - -<pre class="eval line-numbers language-html"><code class="language-html"><span class="doctype token"><!DOCTYPE window [ - <!ENTITY % commonDTD SYSTEM "chrome://myextensions/locale/common.dtd"></span> - %commonDTD; - <!ENTITY % mainwindowDTD SYSTEM "chrome://myextension/locale/mainwindow.dtd"> - %mainwindowDTD; -]></code></pre> - -<p>Vous pouvez maintenant accéder aux entités déclarées dans les DTD comme indiqué ci-dessus. Supposons que vous avez une entité <code>okButton.label</code> définie dans le fichier <code>common.dtd</code>, alors l'accès aux entités des deux DTD ressemblera à cela :</p> - -<pre class="eval line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>button</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>somebutton<span class="punctuation token">"</span></span> <span class="attr-name token">label</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>&someButton.label<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> -... -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>button</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>okbutton<span class="punctuation token">"</span></span> <span class="attr-name token">label</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>&okButton.label<span class="punctuation token">"</span></span><span class="punctuation token">></span></span></code></pre> - -<p>Notez qu'il n'existe rien de comparable aux espaces de noms avec plusieurs DTD. Vous devez vous assurez qu'il n'y a pas de conflit entre les entités définies dans les différents DTD.</p> diff --git a/files/fr/archive/mozilla/xul/utilisation_du_correcteur_orthographique_dans_xul/index.html b/files/fr/archive/mozilla/xul/utilisation_du_correcteur_orthographique_dans_xul/index.html deleted file mode 100644 index 563925da26..0000000000 --- a/files/fr/archive/mozilla/xul/utilisation_du_correcteur_orthographique_dans_xul/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: Utilisation du correcteur orthographique dans XUL -slug: Archive/Mozilla/XUL/Utilisation_du_correcteur_orthographique_dans_XUL -tags: - - Extensions -translation_of: Archive/Mozilla/XUL/Using_spell_checking_in_XUL ---- -<p>Une nouvelle fonction de correction orthographique est disponible dans <a href="fr/Firefox_2">Firefox 2</a>. Ce document explique comment utiliser le composant <code><a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/mozISpellCheckingEngine.html">mozISpellCheckingEngine</a></code> pour permettre à vos extensions Firefox d'en bénéficier. </p><p>Consultez <a href="fr/Contr%c3%b4le_du_correcteur_d'orthographe_dans_les_formulaires_HTML">Contrôle du correcteur d'orthographe dans les formulaires HTML</a> pour des détails sur l'activation du correcteur orthographique dans les formulaires HTML de vos sites Web. -</p> -<h3 id="Vérification_de_l'orthographe_d'un_mot"> Vérification de l'orthographe d'un mot </h3> -<p>Pour vérifier l'orthographe d'un mot, vous devez d'abord créer une interface vers le composant <code><a class="external" href="http://www.xulplanet.com/references/xpcomref/ifaces/mozISpellCheckingEngine.html">mozISpellCheckingEngine</a></code> en utilisant <code>@mozilla.org/spellchecker/myspell;1</code> comme ID de contrat, et appeler ensuite la méthode <code>check()</code> avec la chaine à vérifier. Cette méthode renvoie <code>true</code> si le mot est correctement orthographié, ou <code>false</code> dans le cas contraire. -</p> -<pre>gSpellCheckEngine = Components.classes["@mozilla.org/spellchecker/myspell;1"] - .getService(Components.interfaces.mozISpellCheckingEngine); -gSpellCheckEngine.dictionary = 'en-US'; - -if (gSpellCheckEngine.check("kat")) { - // Le mot est correctement écrit -} -else { - // Le mot n'est pas correctement écrit -} -</pre> -<h3 id="Obtention_d'une_liste_de_suggestions"> Obtention d'une liste de suggestions </h3> -<p>Pour obtenir une liste de suggestions pour un mot incorrect, appelez la méthode <code>suggest()</code> en spécifiant le mot et un objet pouvant être rempli d'un tableau de suggestions possibles. -</p> -<pre class="eval">var suggestions = {}; -gSpellCheckEngine.suggest("kat", suggestions); - -if (suggestions.value) { - // suggestions.value est un tableau JavaScript (objet <a href="fr/R%c3%a9f%c3%a9rence_de_JavaScript_Core/Objets_globaux/Array">Array</a>) de chaines - // suggestions.value.length compte le nombre de suggestions trouvées -} -</pre> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/vbox/index.html b/files/fr/archive/mozilla/xul/vbox/index.html deleted file mode 100644 index 87392e6beb..0000000000 --- a/files/fr/archive/mozilla/xul/vbox/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: vbox -slug: Archive/Mozilla/XUL/vbox -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/vbox ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Un élément conteneur qui peut contenir une infinité d'éléments enfants. C'est l'équivalent de l'élément <code><code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code></code>, sauf que son orientation par défaut est verticale. -</p><p>Vous trouverez plus d'informations dans le <a href="fr/Tutoriel_XUL/Le_mod%c3%a8le_de_bo%c3%aete">Tutoriel XUL</a>. </p> -<h3 id="Exemple" name="Exemple"> Exemple </h3> -<pre><!-- Deux labels en bas --> -<vbox> - <spacer flex="1"/> - <label value="Un"/> - <label value="Deux"/> -</vbox> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);"> -<tbody> -<tr> -<td><p><strong>Hérités de XUL element</strong><br> <small> -<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>, -<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>, -<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>, -<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>, -<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>, -<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>, -<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>, -<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>, -<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>, -<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>, -<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>, -<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>, -<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>, -<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>, -<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>, -<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>, -<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>, -<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>, -<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>, -<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>, -<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>, -<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>, -<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>, -<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>, -<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>, -<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>, -<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>, -<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>, -<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>, -<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>, -<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>, -<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>, -<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>, -<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>, -<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>, -<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>, -<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>, -<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>, -<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>, -<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>, -<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>, -<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>, -<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>, -<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>, -<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>, -<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>, -<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>, -<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>, -<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>, -<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>, -<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p> -</td> -</tr> -</tbody> -</table> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/box" title="box">box</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/hbox" title="hbox">hbox</a></code> -</dd></dl> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xul/vulgarisation_xul/index.html b/files/fr/archive/mozilla/xul/vulgarisation_xul/index.html deleted file mode 100644 index c5ab6b4c9f..0000000000 --- a/files/fr/archive/mozilla/xul/vulgarisation_xul/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Tutoriel de vulgarisation XUL -slug: Archive/Mozilla/XUL/Vulgarisation_XUL -translation_of: Archive/Add-ons/Overlay_Extensions/XUL_School ---- -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="The XUL School -project was developed by -Glaxstar (now Appcoast), as a comprehensive extension development -tutorial, covering the most significant aspects of extension -development, including proven techniques and high quality standards.">Le projet XUL School a été développé par Glaxstar (maintenant <a class="external" href="http://appcoast.com/" title="http://appcoast.com/">Appcoast</a>), comme un tutoriel complet de développement d'extensions, couvrant les aspects les plus significatifs de développement des extensions, y compris des techniques éprouvées et des normes de haute qualité. </span><span style="background-color: rgb(255, 255, 255);" title="Appcoast -has kindly -donated the contents of this project, which is now published on MDC -following its sharing licenses.">Appcoast a aimablement donné le contenu de ce projet, qui est maintenant publié sur le MDC selon <a href="/Project:Copyrights" title="Project:Copyrights">ses licences de partage</a>. </span><span style="background-color: rgb(255, 255, 255);" title="Some of the contents have been modified -from its original -source, and will likely continue to change with community -contributions.">Certains de ces contenus ont été modifiés à partir de sa source d'origine, et va probablement continuer à évoluer avec les contributions de la communauté.</span></span></p> -<p>Il vous est conseillé de bien lire en entier au moins une fois son contenu, et de vous repérez au contenu de référence, ainsi que de télécharger, étudier et tester les exemples de codes.</p> -<p>Contenu :</p> -<ul> <li><a href="/fr/Vulgarisation_XUL/Introduction" title="fr/Vulgarisation XUL/Introduction">Introduction</a></li> <li><a href="/fr/Vulgarisation_XUL/Premiers_pas_avec_les_extensions_Firefox" title="fr/Vulgarisation XUL/Premiers pas avec les extensions Firefox">Premiers pas avec les extensions Firefox</a></li> <li><a href="/fr/Vulgarisation_XUL/L'essentiel_d'une_extension" title="fr/Vulgarisation XUL/L'essentiel d'une extension">L'essentiel_d'une_extension</a></li> <li><a href="/en/XUL_School/Setting_Up_a_Development_Environment" title="en/XUL School/Setting - Up a Development Environment">Setting Up a Development Environment</a></li> <li><a href="/en/XUL_School/Adding_menus_and_submenus" title="en/XUL - School/Adding menus and submenus">Adding menus and submenus</a></li> <li><a href="/en/XUL_School/Adding_Toolbars_and_Toolbar_Buttons" title="en/XUL School/Adding Toolbars - and Toolbar Buttons">Adding Toolbars and Toolbar Buttons</a></li> <li><a href="/en/XUL_School/Adding_Events_and_Commands" title="en/XUL - School/Adding Events and Commands">Adding events and commands</a></li> <li><a href="/en/XUL_School/The_Box_Model" title="en/XUL School/The Box Model">The Box Model</a></li> <li><a href="/en/XUL_School/Adding_windows_and_dialogs" title="en/XUL School/Adding windows and dialogs">Adding windows and dialogs</a></li> <li><a href="/en/XUL_School/Adding_sidebars" title="en/XUL School/Adding - sidebars">Adding sidebars</a></li> <li><a href="/en/XUL_School/JavaScript_Object_Management" title="en/XUL School/JavaScript Object - Management">JavaScript Object Management</a></li> <li><a href="/en/XUL_School/XPCOM_Objects" title="en/XUL School/XPCOM Objects">XPCOM Objects</a></li> <li><a href="/en/XUL_School/Observer_Notifications" title="en/XUL School/Observer Notifications">Observer Notifications</a></li> <li><a href="/en/XUL_School/Handling_Preferences" title="en/XUL School/Handling - Preferences">Handling preferences</a></li> <li><a href="/en/XUL_School/Local_Storage" title="en/XUL School/Local Storage">Local Storage</a></li> <li><a href="/en/XUL_School/Intercepting_Page_Loads" title="en/XUL School/Intercepting Page Loads">Intercepting page loads</a></li> <li><a href="/en/XUL_School/Connecting_to_Remote_Content" title="en/XUL School/Connecting to Remote - Content">Connecting to Remote Content</a></li> <li><a href="/en/XUL_School/Custom_XUL_Elements_with_XBL" title="en/XUL School/Custom XUL - Elements with XBL">Custom XUL Elements with XBL</a></li> <li><a href="/en/XUL_School/User_Notifications_and_Alerts" title="en/XUL School/User - Notifications and Alerts">User notifications and alerts</a></li> <li><a href="/en/XUL_School/Mozilla_Documentation_Roadmap" title="en/XUL School/Mozilla - Documentation Roadmap">Mozilla Documentation Roadmap</a></li> <li><a href="/en/XUL_School/Useful_Mozilla_Community_Sites" title="en/XUL School/Useful - Mozilla Community Sites">Useful Mozilla Community Sites</a></li> -</ul> -<p><br> </p> diff --git a/files/fr/archive/mozilla/xul/vulgarisation_xul/introduction/index.html b/files/fr/archive/mozilla/xul/vulgarisation_xul/introduction/index.html deleted file mode 100644 index 7d4aed3de9..0000000000 --- a/files/fr/archive/mozilla/xul/vulgarisation_xul/introduction/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: Introduction -slug: Archive/Mozilla/XUL/Vulgarisation_XUL/Introduction -translation_of: Archive/Add-ons/Overlay_Extensions/XUL_School/Introduction ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Vulgarisation_XUL/Premiers_pas_avec_les_extensions_Firefox">Suivant »</a></p> -</div> -<p>Bonjour, et bienvenue sur le tutoriel de vulgarisation XUL pour les développeurs d'extension !</p> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="This tutorial is meant to be the stepping -stone that will turn you into a professional Firefox extension developer -in no time.">Ce tutoriel est destiné à être le tremplin qui va vous transformer en un développeur d'extensions professionnelles sous Firefox en peu de temps. </span><span style="background-color: rgb(255, 255, 255);" title="We have poured years of XUL experience into it, providing all -kinds of solutions for common problems, and describing the pros and cons -of different approaches for solving these problems.">Il contient des années d'expérience en XUL, en fournissant toutes sortes de solutions aux problèmes communs, et en décrivant les avantages et les inconvénients des différentes approches pour résoudre ces problèmes. </span><span style="background-color: rgb(255, 255, 255);" title="This tutorial also -reflects a new way of making Firefox extensions, taking advantage of -the new features and APIs that Firefox 3 provides.">Ce tutoriel reflète également une nouvelle manière de faire des extensions Firefox, profitant des nouvelles fonctionnalités et API que Firefox 3 fournit.</span></span></p> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="XUL School was created by Glaxstar (now -Appcoast), one of the few companies dedicated to building high-quality -Firefox extensions.">Ce tutoriel XUL a été créé par Glaxstar (maintenant <a class="external" href="http://appcoast.com/" title="http://appcoast.com/">Appcoast</a>), l'une des rares entreprises spécialisée dans l'élaboration d'extensions de haute qualité pour Firefox. </span></span><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="A team of over a dozen XUL developers -conformed Glaxstar at the time this tutorial was created, and the -combined experiences of years creating Firefox extensions are reflected -here.">Une équipe de plus d'une douzaine de développeurs XUL de chez Glaxstar ont participé en même temps à ce tutoriel, et l'ensemble des expériences des années de création d'extensions Firefox sont reflétées ici.</span></span></p> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="In this tutorial you'll learn how to develop -Firefox extensions.">Dans ce tutoriel, vous apprendrez à développer des extensions Firefox. </span><span style="background-color: rgb(255, 255, 255);" title="You'll learn how to quickly do the most common tasks in -extension development, comparing several different approaches to solve -them.">Vous apprendrez comment faire rapidement les tâches les plus communes dans le développement d'extensions, en comparant plusieurs approches différentes pour les résoudre. </span><span style="background-color: rgb(255, 255, 255);" title="In most cases we'll -provide code examples that you can easily copy and adapt to your needs, -as well as some working example extensions.">Dans la plupart des cas, nous vous fournirons des exemples de code que vous pouvez facilement copier et adapter à vos besoins, ainsi que certains exemples fonctionnels d'extensions. </span><span style="background-color: rgb(255, 255, 255);" title="The tutorial aims to be as brief as possible, often -falling back on Mozilla documentation for more detailed information.">Le tutoriel vise à être aussi bref que possible, en faisant des renvois fréquent sur la documentation de Mozilla pour plus d'informations. </span><span style="background-color: rgb(255, 255, 255);" title="You can think of it -as a quick guide to the expansive world that is the Mozilla platform.">Vous pouvez penser que c'est un guide trop court face au monde vaste qui est la plate-forme Mozilla. </span><span style="background-color: rgb(255, 255, 255);" title="Most links in this documentation are meant to be clicked -and read, since we're not aiming to be comprehensive.">La plupart des liens dans cette documentation sont destinés à être ouverts et lus, puisque nous ne cherchons pas à être exhaustif.</span></span></p> -<p><span class="medium_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="We'll start with a brief introduction to -some key concepts, in case you're not familiar with Mozilla and -Firefox.">Nous allons commencer par une brève introduction à certains concepts clés, au cas où vous n'êtes pas familier avec Mozilla et Firefox. </span><span title="You can safely skip these sections if you -already know this.">Vous pouvez ignorer ces sections si vous les connaissez déjà.</span></span></p> -<h2 id="Mozilla_and_Firefox">Mozilla and Firefox</h2> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="The term Mozilla can be used to refer to -several concepts: the Mozilla project, the Mozilla Foundation, the -Mozilla Corporation and the old Mozilla browser.">Le terme <a class="external" href="http://fr.wikipedia.org/wiki/Mozilla" title="http://fr.wikipedia.org/wiki/Mozilla">Mozilla</a> sert à définir plusieurs concepts : le projet Mozilla, la <a class="external" href="http://fr.wikipedia.org/wiki/Fondation_Mozilla" title="http://fr.wikipedia.org/wiki/Fondation_Mozilla">fondation Mozilla</a>, la <a class="external" href="http://fr.wikipedia.org/wiki/Mozilla_Corporation" title="http://fr.wikipedia.org/wiki/Mozilla_Corporation">Mozilla Corporation</a> et le vieux <a class="external" href="http://fr.wikipedia.org/wiki/Mozilla_Application_Suite" title="http://fr.wikipedia.org/wiki/Mozilla_Application_Suite">navigateur Mozilla</a>. </span><span title='Even Firefox is sometimes referred to as "Mozilla".'>Même Firefox est parfois appelé "Mozilla". </span><span style="background-color: rgb(255, 255, 255);" title="If you're -unfamiliar with these terms, it's good that you take some time and learn -a little about Mozilla.">Si vous n'êtes pas familier avec ces termes, il est bon que vous prendre un peu de temps et d'en apprendre un peu plus sur Mozilla. </span><span style="background-color: rgb(255, 255, 255);" title="This will help you understand the culture that surrounds the -Mozilla community.">Cela vous aidera à comprendre la culture qui entoure la communauté Mozilla.</span></span></p> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="Mozilla has spawned several products and -projects, the most notable being the Mozilla Firefox web browser, -currently the second most used browser in the world, with a very large -and growing user base and a very large and growing contributor and -developer community.">Mozilla a donné naissance à plusieurs <a class="external" href="http://www.mozilla.org/projects/" title="http://www.mozilla.org/projects/">produits et projets</a>, le plus important étant le navigateur Web Mozilla Firefox, qui est actuellement le deuxième navigateur le plus utilisé dans le monde, avec une base d'utilisateurs très importante et croissante et un nombre de contributeurs </span></span><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="Mozilla has spawned several products and -projects, the most notable being the Mozilla Firefox web browser, -currently the second most used browser in the world, with a very large -and growing user base and a very large and growing contributor and -developer community.">et une communauté de développeurs </span></span><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="Mozilla has spawned several products and -projects, the most notable being the Mozilla Firefox web browser, -currently the second most used browser in the world, with a very large -and growing user base and a very large and growing contributor and -developer community.">très importants et croissants. </span><span style="background-color: rgb(255, 255, 255);" title="Firefox is one of the most successful open source projects in -history, combining the openness, standards-compliance and sophistication -of open source with the focus on user experience and powerful marketing -of more commercial offerings.">Firefox est l'un des projet libre les plus réussis dans l'histoire, combinant l'ouverture, aux normes de conformité et de la sophistication de l'open source en mettant l'accent sur l'expérience utilisateur et sur un marketing puissant d'offres commerciales.</span></span></p> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="Version 1.0 of Firefox was released in -November 2004, version 2.0 in October 2006, and version 3.0 in June -2008.">La version 1.0 de Firefox a été publiée en Novembre 2004, la version 2.0 en Octobre 2006, et la version 3.0 en Juin 2008. </span><span style="background-color: rgb(255, 255, 255);" title="Version 3.0 -includes a wide variety of changes, some of which are not -backwards-compatible, so you need to take this into account when -building extensions.">La version 3.0 comprend une grande variété de modifications, dont certaines ne sont pas rétro-compatibles, donc vous devez en tenir compte lors du développement d'extensions. </span><span style="background-color: rgb(255, 255, 255);" title="This tutorial -focuses on development for Firefox 3.0 and above, but most of it applies -for the Firefox 2 and Firefox 1 lines as well.">Ce tutoriel se concentre sur le développement de Firefox 3.0 et suivant, mais une majorité de son contenu s'applique également pour Firefox 2 et Firefox 1. </span><span title="The tutorial will specify when a certain solution works only on -newer versions of Firefox.">Le tutoriel précisera quand une solution ne fonctionne que sur certaines versions les plus récentes de Firefox.</span></span></p> -<div class="note"> - <p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="We recommend that you develop your -extensions for Firefox 3 and above.">Nous vous recommandons de développer vos extensions pour Firefox 3 et plus. </span><span style="background-color: rgb(255, 255, 255);" title="Firefox 3 users -will shortly be the majority of Firefox users, and the advantages of -using the new features of Firefox 3 are significant.">Les utilisateurs de Firefox 3 seront bientôt la majorité des utilisateurs de Firefox, et les avantages d'utiliser les nouvelles fonctionnalités de Firefox 3 sont importants.</span></span></p> -</div> -<h2 id="XUL">XUL</h2> -<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title='XUL (pronounced "zool") is one of -many technologies used for creating Mozilla-based products and -extensions.'><a href="/fr/XUL" title="fr/XUL">XUL</a> (prononcez «zool») est l'une des nombreuses technologies utilisées pour créer des produits </span></span><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title='XUL (pronounced "zool") is one of -many technologies used for creating Mozilla-based products and -extensions.'>et des extensions </span></span><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title='XUL (pronounced "zool") is one of -many technologies used for creating Mozilla-based products and -extensions.'>basés sur Mozilla. </span><span style="background-color: rgb(255, 255, 255);" title="It is only one part of the development landscape, but given that -it's practically exclusive to Mozilla, it tends to be used to identify -all Mozilla-related development.">C'est seulement une partie de l'environnement de développement, mais étant donné qu'il est pratiquement exclusif à Mozilla, il tend à être utilisé pour identifier tous les développements liés à Mozilla. </span><span style="background-color: rgb(255, 255, 255);" title="You'll sometimes read terms like "XUL -applications" and "XUL extensions", but rarely will they -refer to projects that are exclusively built with XUL.">Vous verrez parfois écrit des termes comme "applications XUL" et "extensions XUL", mais rarement ils vont se référer à des projets qui sont exclusivement construits avec XUL. </span><span style="background-color: rgb(255, 255, 255);" title="It usually means that the projects were built using -Mozilla technologies.">Cela signifie généralement que les projets ont été construits en utilisant les technologies Mozilla. </span><span style="background-color: rgb(255, 255, 255);" title="Even this project, -called XUL School, covers several other technologies such as JavaScript, -CSS, XBL and XPCOM.">Même ce tutoriel couvre plusieurs autres technologies telles que JavaScript, CSS, XBL et XPCOM.</span></span></p> -<h2 id="Gecko">Gecko</h2> -<p>Le <a href="/fr/Gecko" title="fr/Gecko">moteur Gecko</a> est la partie de Firefox utilisée pour le rendu des pages Web et sa propre interface utilisateur. Vous pouvez identifier le niveau de compatibilité des standards du Web dans les <a class="external" href="http://fr.wikipedia.org/wiki/Gecko_%28moteur_de_rendu%29#Logiciels_utilisant_Gecko" title="http://fr.wikipedia.org/wiki/Gecko_(moteur_de_rendu)#Logiciels_utilisant_Gecko">navigateurs basés sur Gecko</a> en regardant leur chaîne d'<a class="external" href="http://fr.wikipedia.org/wiki/User-Agent" title="http://fr.wikipedia.org/wiki/User-Agent">agent utilisateur</a>, qui devrait inclure la version Gecko. Les versions de Gecko sont indépendantes des versions de Firefox, et vous pouvez voir une cartographie des versions de Firefox et les versions Gecko sur la <a href="/fr/Gecko" title="fr/Gecko">page Gecko</a>. La chaîne d'agent utilisateur pour Firefox au moment d'écrire ces lignes (en anglais américain, Mac OS X) est la suivante :</p> -<p>Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:<strong>1.9.2</strong>) Gecko/20100115 Firefox/3.6</p> -<p>La section en surbrillance est la version Gecko: 1.9.2. Vous pouvez lire et copier la chaîne de l'agent utilisateur de n'importe quelle fenêtre de Firefox, en choisissant "? > À propos de Mozilla Firefox" dans le menu principal ("Firefox > À propos de Mozilla Firefox", sur Mac).</p> -<h2 id="XULRunner">XULRunner</h2> -<p>Firefox et d'autres applications Mozilla peuvent être considérés comme composés de deux parties distinctes : une couche d'interface utilisateur qui est distincte pour chaque projet, et une plate-forme commune sur laquelle la couche d'interface est construite. Cette plate-forme est connue sous le nom de <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a>. XULRunner inclut le moteur de rendu Gecko, la <a href="/fr/Necko" title="fr/Necko">bibliothèque réseau Necko</a>, et plusieurs autres composants qui permettent aux gestionnaires de fichiers OS indépendant, l'accessibilité et la localisation, entre autres. C'est cette plate-forme très puissante qui a permis une croissance rapide de la communauté de développement autour de Mozilla et Firefox.</p> -<p>XULRunner est disponible sous forme binaire sur la <a href="/fr/XULRunner" title="fr/XULRunner">page XULRunner</a>, et il est la base de plusieurs projets, tels que Songbird, Miro et Eudora. Il y a une liste très complète d'applications XULRunner dans le <a href="/fr/Florilège_des_applications_XULrunner" title="fr/Florilège des applications XULrunner">Hall of Fame XULRunner</a>.</p> -<h2 id="Sur_le_tutoriel">Sur le tutoriel</h2> -<p>Avec ce rappel des concepts de base, nous pouvons maintenant aller droit au développement d'extensions. Vous êtes probablement encore à vous demander qu'est-ce qu'est exactement une extension, ce qu'elle fait, et comment vous pouvez en faire. Eh bien, tout ce tutoriel est consacré à vous l'expliquer.</p> -<p>Bienvenue dans le monde du développement d'extensions. Maintenant, allons-y.</p> -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Vulgarisation_XUL/Premiers_pas_avec_les_extensions_Firefox">Suivant »</a></p> -</div> -<p><span style="font-size: small;">Ce tutoriel a été gracieusement offert à Mozilla par Appcoast.</span></p> diff --git a/files/fr/archive/mozilla/xul/vulgarisation_xul/l'essentiel_d'une_extension/index.html b/files/fr/archive/mozilla/xul/vulgarisation_xul/l'essentiel_d'une_extension/index.html deleted file mode 100644 index 455bc53fb1..0000000000 --- a/files/fr/archive/mozilla/xul/vulgarisation_xul/l'essentiel_d'une_extension/index.html +++ /dev/null @@ -1,412 +0,0 @@ ---- -title: L'essentiel d'une extension -slug: Archive/Mozilla/XUL/Vulgarisation_XUL/L'essentiel_d'une_extension -translation_of: Archive/Add-ons/Overlay_Extensions/XUL_School/The_Essentials_of_an_Extension ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Vulgarisation_XUL/Premiers_pas_avec_les_extensions_Firefox" style="float: left;">« Précédent</a><a href="/fr/docs/XUL_School/Setting_Up_a_Development_Environment">Suivant »</a></p> -</div> - -<h2 id="Le_fichier_install.rdf">Le fichier install.rdf</h2> - -<p>Dans la section précédente, nous avons examiné le contenu de l'extension "Hello World". Maintenant, nous allons examiner dans son code et ses fichiers, en commençant par le fichier <em>install.rdf</em>. Vous pouvez l'ouvrir avec n'importe quel éditeur de texte.</p> - -<p>Le fichier est formaté selon un type particulier XML appelé <a class="external" href="http://fr.wikipedia.org/wiki/Resource_Description_Framework" title="http://fr.wikipedia.org/wiki/Resource_Description_Framework">RDF</a>. RDF est utilisé pour le mécanisme de stockage centralisé pour Firefox, mais il est maintenant remplacé par un système plus simple de base de données. Nous aborderons ces deux systèmes de stockage plus loin dans le tutoriel.</p> - -<p>Maintenant, regardons les parties importantes du fichier.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><em:id>helloworld@xulschool.com</em:id></pre> -</div> -</div> - -<p>Il s'agit d'un identifiant unique pour l'extension. Firefox en a besoin pour distinguer votre extension des autres, il est donc nécessaire que cet identifiant soit unique.</p> - -<p>Il existe deux normes acceptées pour les IDS des extensions. Le premier est le format de type e-mail comme dans l'exemple "Hello World", qui devrait être quelque chose comme <em><project-name>@<yourdomain></em>. L'autre pratique standard consiste à utiliser une chaîne UUID générée qui est extrêmement peu probable à être reproduite. Les systèmes basés sur Unix ont un outil en ligne de commande appelé <em>uuidgen</em> qui génère des UUIDs. Il existe également des outils téléchargeables disponibles pour toutes les plates-formes pour les générer. Les crochets entourant ne sont que la notation, et il s'agit d'une simple notation courante. Tant que votre id a une certaine unicité, il est possible d'utiliser l'une des deux formes.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><em:name>XUL School Hello World</em:name> -<em:description>Welcome to XUL School!</em:description> -<em:version>0.1</em:version> -<em:creator>Appcoast</em:creator> -<span class="code-comment"><em:homepageURL>https://developer.mozilla.org/en/XUL_School</em:homepageURL></span></pre> -</div> -</div> - -<p>Il s'agit des données qui sont affichées avant et après l'installation de l'extension, et que vous pouvez voir dans la fenêtre des modules complémentaires. L'URL de la page d'accueil peut être visité par un clic droit sur l'extension et en choisissant Visitez la page Web. Il y a beaucoup d'autres balises pouvant être ajoutées, pour les auteurs et les traducteurs. La <a href="/fr/Manifestes_d'installation" title="fr/Manifestes_d'installation">spécification complète</a> du fichier install.rdf contient tous les détails.</p> - -<p>Comme les extensions peuvent être traduites en plusieurs langues, il est souvent nécessaire de traduire la description de l'extension, ou même son nom. Sur Firefox 3 et suivant, une description localisée et un nom peuvent être ajoutés par le code suivant :</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><em:localized> - <Description> - <em:locale>es-ES</em:locale> - <em:name>XUL School Hola Mundo</em:name> - <em:description>Bienvenido a XUL School!</em:description> - </Description> -</em:localized></pre> -</div> -</div> - -<p>La chaîne de localisation <em>es-ES</em> indique que la langue est l'espagnol (es) pour l'Espagne (ES). Vous pouvez ajouter autant de sections <em><em:localized></em> que vous avez besoin. Pour Firefox 2, la <a href="/fr/Localisation_des_descriptions_d'extensions#La_localisation_avant_Gecko_1.9" title="fr/Localisation des descriptions d'extensions#La localisation avant Gecko 1.9">localisation de ce fichier</a> est un peu plus compliqué. Nous verrons la localisation plus loin dans cette section.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><em:type>2</em:type></pre> -</div> -</div> - -<p>Ceci précise que le module en cours d'installation est une extension. Vous pouvez consulter les différents types possibles dans <a href="/fr/Manifestes_d'installation#Type" title="fr/Manifestes d'installation#Type">la spécification install.rdf</a>.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><em:targetApplication> - <Description> - <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> - <em:minVersion>3.0</em:minVersion> - <em:maxVersion>3.6.*</em:maxVersion> - </Description> -</em:targetApplication></pre> -</div> -</div> - -<p>Ce nœud spécifie l'application cible et les versions cibles de l'extension, en particulier Firefox de la version 3.0 au versions 3.6.*. L'UUID est l'ID unique de Firefox. Les autres applications Mozilla et basées sur Mozilla telles que Thunderbird et Seamonkey ont le leurs. Vous pouvez avoir une extension qui fonctionne sur de multiples applications et versions. Par exemple, si vous créez une extension de Firefox, il faudrait normalement peu d'effort pour la porter sur Flock ou sur SeaMonkey, qui ont une interface utilisateur et des caractéristiques très similaires.</p> - -<p>Le min et max de la version spécifie l'étendue des versions où l'extension peut être installée. Des détails sont disponibles sur le <a href="/en/Toolkit_version_format" title="en/Toolkit version format">format de version</a>. Si l'application ou la plage de version ne correspondent pas, vous ne serez pas autorisé à installer l'extension, ou l'extension sera installée dans un état désactivé. Les utilisateurs peuvent désactiver les contrôles version grâce à des préférences ou d'installer des modules complémentaires comme <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/15003" title="https://addons.mozilla.org/en-US/firefox/addon/15003">Add-on Compatibility Reporter</a>.</p> - -<p>Ce sont les seules informations dont Firefox et d'autres applications Mozilla ont besoin pour installer un module complémentaire. Toutes erreurs ou manques d'information entraînent un échec du processus d'installation, ou laissent l'extension s'installer dans un état désactivé.</p> - -<h2 id="Le_fichier_chrome.manifest">Le fichier chrome.manifest</h2> - -<blockquote> -<p>Le chrome est l'ensemble des éléments de l'interface utilisateur d'une application qui sont situés en dehors de la zone de contenu d'une fenêtre. Les barres d'outils, les barres de menus, les barres de progression, et les titres de fenêtres sont tous des exemples d'éléments qui font habituellement partie du chrome.</p> -</blockquote> - -<p>Citation de <a href="/fr/Enregistrement_chrome" title="fr/Enregistrement chrome">Enregistrement Chrome</a>.</p> - -<p>En d'autres termes, le chrome correspond à tout ce que vous voyez dans Firefox. Toutes les fenêtres Firefox peuvent être considérées comme ayant deux parties : (1) le chrome et (2) peut-être une zone de contenu, comme celui qui affiche les pages Web dans un onglet Firefox. Les fenêtres comme le gestionnaire de modules complémentaires et de la fenêtre de téléchargements sont en chrome pur. La plupart du code pour une extension réside dans le dossier chrome, tout comme dans l'exemple Hello World.</p> - -<p>Les fichiers Chrome sont tous empaquetés dans une archive JAR, généralement nommée d'après l'extension. Il n'est pas nécessaire d'empaqueter les fichiers chrome, mais c'est une pratique courante et recommandée pour des raisons de performances.</p> - -<p>Comme nous l'avons vu dans la structure des répertoires de l'extension décompressée, le chrome est composé de 3 sections : content, locale et skin. Les 3 sont nécessaires pour la plupart des extensions. Si nous ouvrons le fichier chrome.manifest (encore une fois, un éditeur de texte fera l'affaire), nous voyons que les 3 mêmes sections sont mentionnés :</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">content xulschoolhello jar:chrome/xulschoolhello.jar!/content/ -skin xulschoolhello classic/1.0 jar:chrome/xulschoolhello.jar!/skin/ -locale xulschoolhello en-US jar:chrome/xulschoolhello.jar!/locale/en-US/</pre> -</div> -</div> - -<p>Le fichier <em>chrome.manifest</em> indique à Firefox où chercher les fichiers chrome. Le texte est espacé pour ressembler à un tableau, mais ce n'est pas nécessaire. L'analyseur ignorera les espaces répétées.</p> - -<p>Le premier mot d'une ligne indique à Firefox ce qui est déclaré (le contenu, le thème graphique, la langue, ou d'autres choses que nous verrons plus loin). Le second est le nom du paquet, que nous expliquerons bientôt. Les paquets des thèmes et langages ont une troisième valeur afin de définir ce qu'ils étendent. Il peut y avoir plusieurs thèmes ou langages. Le cas le plus fréquent est d'avoir une seule entrée pour le thème correspondant au thème global <em>classic/1.0</em>, et des entrées multiples de langages, une pour chaque langue. Enfin, l'emplacement est spécifié. Note sur le schéma jar: ; il indique à Firefox de d'ouvrir le fichier JAR et de lire les fichiers à leur emplacement. Si vous voulez avoir une extension avec un répertoire chrome non empaqueté, il vous suffit de modifier les chemins d'accès en quelque chose comme <em>chrome/ content/</em>.</p> - -<p>Quelques options supplémentaires peuvent être inclues dans les entrées d'un fichier <em>chrome.manifest</em>. Elles sont documentées dans la page <a href="/fr/Enregistrement_chrome" title="fr/Enregistrement chrome">Enregistrement Chrome</a>. Notamment, nous pouvons avoir des entrées qui sont spécifiques à l'OS. Ceci est important, spécialement dans Firefox 3 et plus, où l'apparence du navigateur est très différente selon le système d'exploitation. Si notre extension doit avoir une apparence différence sur d'autres systèmes, nous pourrions modifier le fichier manifest comme ceci :</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">content xulschoolhello jar:chrome/xulschoolhello.jar!/content/ -skin xulschoolhello classic/1.0 jar:chrome/xulschoolhello.jar!/skin/unix/ -skin xulschoolhello classic/1.0 jar:chrome/xulschoolhello.jar!/skin/mac/ os=Darwin -skin xulschoolhello classic/1.0 jar:chrome/xulschoolhello.jar!/skin/win/ os=WinNT -locale xulschoolhello en-US jar:chrome/xulschoolhello.jar!/locale/en-US/</pre> -</div> -</div> - -<p>De cette façon, nous pouvons avoir des thèmes graphiques distincts pour Windows, Mac OS X, et Linux (ainsi que d'autres systèmes de type Unix), définis chacun dans un répertoire distinct. Comme la plupart des autres systèmes sont basés sur Unix, le thème "unix" est la valeur par défaut, sans drapeaux.</p> - -<h2 id="Le_Chrome">Le Chrome</h2> - -<p>Comme mentionné précédemment, le chrome est composé de 3 sections : le contenu, le langage et le thème. Le contenu est la section la plus importante, contenant les fichiers de l'interface utilisateur (XUL) et du script (JS). La section du thème contient les fichiers définissant principalement l'apparence graphique de l'interface utilisateur (en utilisant le CSS et les images, tout comme les pages Web). Enfin, la section du langage regroupe tous les textes utilisés dans l'extension, dans des fichiers DTD et properties. Cette division permet aux développeurs de créer d'autres thèmes graphiques, et aux traducteurs de créer des versions dans des langues différentes, tout cela sans avoir à modifier votre extension ou votre code. Cela donne aux extensions Firefox beaucoup de flexibilité.</p> - -<p>Les fichiers Chrome sont accessibles via le protocole chrome. Les URIs chrome sont définis comme suit </p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">chrome:<span class="code-comment">//packagename/section/path/to/file</span></pre> -</div> -</div> - -<p>Ainsi, par exemple, si je veux accéder au fichier <em>browserOverlay.xul</em> dans l'extension, l'URI chrome serait <em><a class="external" rel="freelink">chrome://xulschoolhello/content/browserOverlay.xul</a></em>. Si vous avez trop de fichiers dans le contenu et vous souhaitez les organiser en sous-répertoires, il n'y a rien à changer de <em>chrome.manifest</em>, il vous suffit d'ajouter le chemin correspondant après <em>content</em> dans l'URI. Les fichiers des thèmes ou de langages fonctionnent de la même manière, et vous n'avez pas besoin de spécifier leurs noms exacts. Ainsi, pour accéder au fichier DTD dans l'exemple Hello World, le chemin de chrome est <em><a class="external" rel="freelink">chrome://xulschoolhello/locale/browserOverlay.dtd</a></em>. Firefox sait de quel fichier de traduction il s'agit.</p> - -<p>Voici une expérience intéressante. Ouvrez un nouvel onglet Firefox, tapez <em><a class="external" rel="freelink">chrome://mozapps/content/downloads/downloads.xul</a></em> dans votre barre d'adresse et appuyez sur ENTRER. Surpris ? Vous venez d'ouvrir la fenêtre des Téléchargements dans un onglet Firefox ! Vous pouvez accéder à un fichier chrome en tapant simplement son URI dans la barre d'adresse. Cela peut être utile si vous voulez inspecter les fichiers de script qui font partie de Firefox, d'autres extensions, ou de la votre. La plupart de ces fichiers sont ouverts sous forme de fichiers texte, à l'exception des fichiers XUL qui sont exécutés et affichés comme vous les verriez normalement sur une fenêtre.</p> - -<h3 id="Content">Content</h3> - -<p>Il y a 2 fichiers dans le répertoire content. Regardons le premier fichier XUL.</p> - -<p>Les fichiers <a href="/XUL" title="XUL">XUL</a> sont des fichiers XML qui définissent les éléments de l'interface utilisateur dans Firefox et les extensions Firefox. XUL a été inspiré par le HTML, donc vous verrez beaucoup de similitudes entre les deux. Cependant, XUL est aussi une amélioration par rapport à HTML, ayant appris de bon nombre des erreurs commises durant l'évolution de HTML. XUL permet de créer des interfaces plus riches et plus interactives que celles que vous pouvez créer avec le langage HTML, ou tout au moins XUL les rend plus facile.</p> - -<p>Les fichiers XUL définissent généralement l'une des deux choses suivantes : les fenêtres ou les superpositions (overlay). Le fichier que vous avez ouvert précédemment, <em>downloads.xul</em>, a un code qui définit la fenêtre de téléchargements. Le fichier XUL inclus dans l'extension Hello World est une superposition. Une superposition étend une fenêtre existante, en ajoutant de nouveaux éléments ou en remplaçant certains des éléments qu'elle contient. La ligne que nous avons sauté dans les lignes du fichier <em>chrome.manifest</em> décrit que ce fichier XUL est une superposition de la fenêtre principale du navigateur :</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">overlay chrome:<span class="code-comment">//browser/content/browser.xul chrome://xulschoolhello/content/browserOverlay.xul</span></pre> -</div> -</div> - -<p>With this line, Firefox knows that it needs to take the contents of <em>browserOverlay.xul</em> and overlay it on the main browser window, <em>browser.xul</em>. You can declare overlays for any window or dialog in Firefox, but overlaying the main browser window is the most common case by far.</p> - -<p>Now let's look at the contents of our XUL file. We'll skip the first few lines because they relate to skin and locale, which we'll cover later.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><overlay id="xulschoolhello-browser-overlay" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"></pre> -</div> -</div> - -<p>The root element in the file is an <em>overlay</em>. Other XUL documents use the <em>window</em> or <em>dialog</em> tag. The element has a unique id, which you should have on most elements in your XUL. The second attribute is the namespace, which is something you should always define in your XUL root element. It says that this node and all child nodes are XUL. You only need to change namespace declarations when you combine different types of content, such as XUL with HTML or SVG.</p> - -<div class="panel" style="border-width: 1px;"> -<div class="panelContent"> -<div class="note">You may have noticed the naming we use on several places, such as the id <em>xulschoolhello-browser-overlay</em>. This is the namespacing standard that we use to avoid conflicts with Firefox and other extensions, as well as making some development tasks easier. We namespace all ids and style classes in overlay elements because they will be mixed with other elements in the main browser window. If we used generic ids like <em>container</em> or <em>input</em>, they will likely conflict with ids used within Firefox, or with ids from other extension overlays. Using namespaces minimizes compatibility problems with other extensions. We use camel casing for file names, and all lower case with dashes for element ids and CSS style class names.</div> -</div> -</div> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><script type=<span class="code-quote">"application/x-javascript"</span> - src=<span class="code-quote">"chrome:<span class="code-comment">//xulschoolhello/content/browserOverlay.js"</span> /></span></pre> -</div> -</div> - -<p>Just like in HTML, this includes a JavaScript script file. You can have as many <em>script</em> elements on a XUL file as you need. We'll look into its code later.</p> - -<div class="panel" style="border-width: 1px;"> -<div class="panelContent"> -<div class="note">You also probably noticed how we format our code, and wonder about the rules we follow. Our general rule on line length is not having lines longer than 80 characters. This feels very restrictive, specially with XML files, but the number was chosen to allow pretty much any text editor to handle these files easily. Even old command line editors work well with files that cut their lines at 80 characters. The tabulation is very straightforward: 2 blank space indents. We never use actual tab characters, with the exception of Makefiles, which will be covered later on. Most of our coding standards are based on Mozilla's or other known and used standards.</div> -</div> -</div> - -<p> We'll skip some code that is covered in the locale section, moving on to the most important part of the content:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><menubar id="main-menubar"> - <menu id="xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;" - accesskey="&xulschoolhello.helloMenu.accesskey;" insertafter="helpMenu"> - <menupopup> - <menuitem id="xulschoolhello-hello-menu-item" - label="&xulschoolhello.hello.label;" - accesskey="&xulschoolhello.helloItem.accesskey;" - oncommand="XULSchoolChrome.BrowserOverlay.sayHello(event);" /> - </menupopup> - </menu> -</menubar></pre> -</div> -</div> - -<p>This is the code that adds the Hello World menu to the browser window. In order to write this code, we needed some knowledge of the XUL code in <em>browser.xul</em>. We needed to know that the id of the main menu is <em>main-menubar</em>. We're adding a menu of our own, and telling Firefox to add it in the main menu bar, right after the Help menu. That's the purpose of the attribute:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">insertafter=<span class="code-quote">"helpMenu"</span></pre> -</div> -</div> - -<p><em>helpMenu</em> is the id of the menu element that corresponds to the Help menu in the main menu of the browser. We'll see later how we can find out things like the ids of browser elements, but for now let's look at the elements that compose the Hello World menu.</p> - -<p>The <a href="/en/XUL/menubar" title="en/XUL/menubar">menubar</a> element represents the menu bar you normally see at the top of an application window. The main Firefox window has one, but few of its other windows do. It's also rare for additional extension windows to have their own menu bars.</p> - -<p>We added the Hello World menu right in the "root" of the menu bar so that it would be very easy for you to spot it, but this is not a recommended practice. Imagine if all extensions added menus to the top menu bar; having a few extensions would make the menu look like an airplane dashboard, full of options. The recommended location for extension menus is under the <em>Tools</em> menu, so the code should really look like this:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><menupopup id=<span class="code-quote">"menu_ToolsPopup"</span>> - <menu id=<span class="code-quote">"xulschoolhello-hello-menu"</span> label=<span class="code-quote">"&</span><span class="code-quote">xulschoolhello</span><span class="code-quote">.hello.label;"</span> - accesskey=<span class="code-quote">"&</span><span class="code-quote">xulschoolhello</span><span class="code-quote">.helloMenu.accesskey;"</span> - insertafter=<span class="code-quote">"javascriptConsole,devToolsSeparator"</span>> - <menupopup> - <menuitem id=<span class="code-quote">"</span><span class="code-quote">xulschoolhello</span><span class="code-quote">-hello-menu-item" - </span> label=<span class="code-quote">"&</span><span class="code-quote">xulschoolhello</span><span class="code-quote">.hello.label;"</span> - accesskey=<span class="code-quote">"&</span><span class="code-quote">xulschoolhello</span><span class="code-quote">.helloItem.accesskey;"</span> - oncommand=<span class="code-quote">"XULSchoolChrome.BrowserOverlay.sayHello(event);"</span> /> - </menupopup> - </menu> -</menupopup></pre> -</div> -</div> - -<p>We're overlaying a menu that is deeper into the XUL tree, but it doesn't matter because all we need is the id of the element we want to overlay. In this case it is the <a href="/en/XUL/menupopup" title="en/XUL/menupopup">menupopup</a> element that's inside of the Tools <a href="/en/XUL/menu" title="en/XUL/menu">menu</a> element. The <em>insertafter</em> attribute tells Firefox to add the menu below the Error Console item (formerly known as JavaScript Console) in the Tools menu, just like recommended in the <a href="/en/Extension_Etiquette" title="en/Extension Etiquette"><span class="external">Extension Etiquette page</span></a>. We'll discuss more about menus later on in the tutorial. For now let's focus on the following line:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">oncommand=<span class="code-quote">"XULSchoolChrome.BrowserOverlay.sayHello(event);"</span></pre> -</div> -</div> - -<p>This attribute defines an event handler. The <em>command</em> event is the most frequently used in Firefox, since it corresponds to the main action for most UI elements. The value of the attribute is JavaScript code that invokes a function. This function is defined in the JS file that was included with the <em>script</em> tag. The JS function will be called once the user clicks on the menu item in the Hello World menu. All event handlers define a special object named <em>event</em>, which is usually good to pass as an argument to the function. Event handlers are explained in grater depth further ahead.</p> - -<p>Now let's look at the JavaScript file and see what's going on when the event is fired.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="brush: js">/** - * XULSchoolChrome namespace. - */ -if ("undefined" == typeof(XULSchoolChrome)) { - var XULSchoolChrome = {}; -};</pre> -</div> -</div> - -<p>The <em>XULSchoolChrome</em> namespace is defined. All objects and variables we define in this JavaScript are global, meaning that scripts in Firefox and other extensions can see them and interact with them. This also means that if we define an object called <em>MenuHandler</em> or some other generic name, it's likely going to conflict with an existing object. What we do here is define a single global object: <em>XULSchoolChrome</em>. Now we know that all of our objects are inside this object, which is unlikely to be duplicated or overwritten by other extensions.</p> - -<p>You can read more about the <a href="/en/JavaScript/Reference/Operators/Special/typeof" title="en/Core JavaScript 1.5 -Reference/Operators/Special Operators/typeof Operator"><span class="external">typeof operator</span></a>. If you're unfamiliar with JavaScript or this particular syntax, initializing an object as <em>{}</em> is the equivalent of initializing it to <em>new Object()</em>.</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="brush: js">/** - * Controls the browser overlay <span class="code-keyword">for</span> the Hello World extension. - */ -XULSchoolChrome.BrowserOverlay = {</pre> -</div> -</div> - -<p>Finally, <em>BrowserOverlay</em> is our object. Naming and referencing objects in such a long and verbose manner can feel uncomfortable at first, but it's worth the cost.</p> - -<div class="panel" style="border-width: 1px;"> -<div class="panelContent"> -<div class="note">We use <a class="external" href="http://java.sun.com/j2se/javadoc/writingdoccomments/index.html">Javadoc</a> style comments on all namespaces, objects and object members. This is a similar standard to the one used in Mozilla code, and some tools can generate documentation automatically from Javadoc.</div> -</div> -</div> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="brush: js">sayHello : function(aEvent) { - let stringBundle = document.getElementById("xulschoolhello-string-bundle"); - let message = stringBundle.getString("xulschoolhello.greeting.label"); - - window.alert(message); -}</pre> -</div> -</div> - -<p>And, finally, this is our function declaration. Three lines of code are all we need for it to work. The first line in the body of the function declares a variable that will hold the <a href="/en/XUL/stringbundle" title="en/XUL/stringBundle">stringbundle</a> element defined in the overlay. The variable is declared using <em>let,</em> which is similar to <em>var</em> but with more restricted scope. Here you can read more about <a href="/en/JavaScript/New_in_JavaScript/1.7#Block_scope_with_let" title="en/New in JavaScript 1.7#Block scope -with let"><span class="external">let declarations</span></a>. It's worth noting that this is a relatively new addition to JavaScript in Firefox and you should use <em>var</em> if you're creating an extension compatible with very old versions.</p> - -<p>Just like in regular JS, we can use the <a href="/en/DOM" title="en/DOM"><span class="external">DOM</span></a> (Document Object Model) in order to manipulate the XUL document. First we get a reference of the <a href="/en/XUL/stringbundle" title="en/XUL/stringbundle"><span class="external">stringbundle element</span></a> in the document. This is a special element that allows us to obtain localized strings dynamically, by only providing a "key" that identifies the string. This is what we do on the second line. We call the <a href="/en/XUL/stringbundle#m-getString" title="en/XUL/stringbundle#m-getString">getString method</a> of the bundle element and get the localized message to be displayed. We then call the <a href="/en/DOM/window.alert" title="en/DOM/window.alert">window.alert</a> function with the message, just like we would do in an HTML document.</p> - -<h3 id="Locale">Locale</h3> - -<p>There are two types of locale files: DTD and properties, and in this example we use them both. DTD is the most efficient way of showing text in XUL, so you should use it whenever possible. It is somewhat inflexible so it can't be used for dynamically generated text, hence the need for an alternate way of getting localized strings.</p> - -<p>Looking back at the menu code, you probably noticed some attributes such as this:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">label=<span class="code-quote">"&xulschoolhello.hello.label;"</span> accesskey=<span class="code-quote">"&xulschoolhello.helloItem.accesskey;"</span></pre> -</div> -</div> - -<p>These attributes define the text that you see on the menus, and they are string keys that are defined in our DTD file, <em>browserOverlay.dtd</em>. The DTD file was included in the XUL file with the following code:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><!DOCTYPE overlay SYSTEM "chrome://xulschoolhello/locale/browserOverlay.dtd" ></pre> -</div> -</div> - -<p>And in the DTD file you can see the association between keys and localized strings:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><!ENTITY xulschoolhello.hello.label <span class="code-quote">"Hello World!"</span>> -<!ENTITY xulschoolhello.helloMenu.accesskey <span class="code-quote">"l"</span>> -<!ENTITY xulschoolhello.helloItem.accesskey <span class="code-quote">"H"</span>></pre> -</div> -</div> - -<p>Notice that on the XUL file you enclose the string key with <em>&</em> and <em>;</em> while on the DTD file you only specify the key. You may get weird parsing errors or incorrect localization if you don't get it right.</p> - -<p>Access keys are the shortcuts that allow you to quickly navigate a menu using only the keyboard. They are also the only way to navigate a menu for people with accessibility problems, such as partial or total blindness, or physical disabilities that make using a mouse very difficult or impossible. You can easily recognize the access keys on Windows because the letter that corresponds to the access key is underlined, as in the following image:</p> - -<div> -<p><img alt="" class="internal" src="../../../../@api/deki/files/4226/=accesskeys.png" style="height: 58px; width: 167px;"></p> -</div> - -<p>Most user interface controls have the <em>accesskey</em> attribute, and you should use it. The value of the access key is localized because it should match a letter in the label text. You should also be careful to avoid access key repetition. For example, within a menu or submenu, access keys should not be repeated. In a window you have to be more careful picking access keys because there are usually more controls there. You have to be specially careful when picking access keys on an overlay. In our case, we can't use the letter "H" as an accesskey in the Main menu item, because it would be the same as the access key in the Help menu. Same goes with "W" and the Window menu on Mac OS. So we settled on the letter "l".</p> - -<p>DTD strings are resolved and set when the document is being loaded. If you request the <em>label</em> attribute value for the Hello World menu using DOM, you get the localized string, not the string key. You cannot dynamically change an attribute value with a new DTD key, you have to set the new value directly:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="brush: js">let helloItem = document.getElementById(<span class="code-quote">"xulschoolhello-hello-menu-item"</span>); - -<span class="code-comment">// The alert will say <span class="code-quote">"Hello World!"</span> -</span>alert(helloItem.getAttribute(<span class="code-quote">"label"</span>)); -<span class="code-comment">// Wrong -</span>helloItem.setAttribute(<span class="code-quote">"label"</span>, <span class="code-quote">"&</span><span class="code-quote">xulschoolhello</span><span class="code-quote">.hello2.label;"</span>); -<span class="code-comment">// Better -</span>helloItem.setAttribute(<span class="code-quote">"label"</span>, <span class="code-quote">"Alternate message"</span>); -<span class="code-comment">// Right! -</span>helloItem.setAttribute(<span class="code-quote">"label"</span>, someStringBundle.getString(<span class="code-quote">"</span><span class="code-quote">xulschoolhello</span><span class="code-quote">.hello2.label"</span>));</pre> -</div> -</div> - -<p>This is the reason DTD strings are not a solution for all localization cases, and the reason we often need to include string bundles in XUL files:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><stringbundleset id="stringbundleset"> - <stringbundle id="xulschoolhello-string-bundle" - src="chrome://xulschoolhello/locale/browserOverlay.properties" /> -</stringbundleset></pre> -</div> -</div> - -<p>The <a href="/en/XUL/stringbundleset" title="en/XUL/stringbundleset">stringbundleset</a> element is just a container for <a href="/en/XUL/stringbundle" title="en/XUL/stringbundle">stringbundle</a> elements. There should only be one per document, which is the reason why we overlay the <em>stringbundleset</em> that is in <em>browser.xul</em>, hence the very generic id. We don't include the <em>insertbefore</em> or <em>insertafter</em> attributes because the ordering of string bundles doesn't make a difference. The element is completely invisible. If you don't include any of those ordering attributes in an overlay element, Firefox will just append your element as the last child of the parent element.</p> - -<p>All you need for the string bundle is an id (to be able to fetch the element later) and the chrome path to the properties file. And, of course, you need the properties file:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">xulshoolhello.greeting.label = Hi! How are you?</pre> -</div> -</div> - -<p>The whitespace around the equals sign is ignored. Just like in <em>install.rdf</em>, comments can be added using the # character at the beginning of the line. Empty lines are ignored as well.</p> - -<p>You will often want to include dynamic content as part of localized strings, like when you want to inform the user about some stat related to the extension. For example: "Found 5 words matching the search query". Your first idea would probably be to simply concatenate strings, and have one "Found" property and another "words matching..." property. This is not a good idea. It greatly complicates the work of localizers, and grammar rules on different languages may change the ordering of the sentence entirely. For this reason it's better to use parameters in the properties:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java">xulshoolhello.search.label = Found %S words matching the search query!</pre> -</div> -</div> - -<p>Then you use <a href="/en/XUL/stringbundle#m-getFormattedString" title="en/XUL/stringbundle#m-getFormattedString">getFormattedString</a> instead of <em>getString</em> in order to get the localized string. Thanks to this we don't need to have multiple properties, and life is easier for translators. You can read more about it on the <a href="/en/XUL_Tutorial/Property_Files#Text_Formatting" title="en/XUL Tutorial/Property Files#Text Formatting">Text Formatting section</a> of the XUL Tutorial. Also have a look at the <a href="/en/Localization_and_Plurals" title="en/Localization and Plurals">Plurals and Localization</a> article, that covers a new localization feature in Firefox 3 that allows you to further refine this last example to handle different types of plural forms that are also language-dependent.</p> - -<h3 id="Skin">Skin</h3> - -<p>Styling XUL is very similar to styling HTML. We'll look into some of the differences when we cover the XUL Box Model, and other more advanced topics. There isn't much styling you can do to a minimal menu and a very simple alert message, so the Hello World extension only includes an empty CSS file and the compulsory global skin file:</p> - -<div class="code panel" style="border-width: 1px;"> -<div class="codeContent panelContent"> -<pre class="code-java"><?xml-stylesheet type=<span class="code-quote">"text/css"</span> href=<span class="code-quote">"chrome:<span class="code-comment">//global/skin/"</span> ?> -</span><?xml-stylesheet type=<span class="code-quote">"text/css"</span> - href=<span class="code-quote">"chrome:<span class="code-comment">//xulschoolhello/skin/browserOverlay.css"</span> ?></span></pre> -</div> -</div> - -<p>The global skin CSS file holds the default styles for all XUL elements and windows. Forgetting to include this file in a XUL window usually leads to interesting and often unwanted results. In our case we don't really need to include it, since we're overlaying the main browser XUL file, and that file already includes this global CSS. At any rate it's better to always include it. This way it's harder to make the mistake of not including it. You can enter the chrome path in the location bar and inspect the file if you're curious.</p> - -<p>This covers all of the files in the Hello World extension. Now you should have an idea of the basics involved in extension development, so now we'll jump right in and set up a development environment. But first, a little exercise.</p> - -<h2 id="Exercise">Exercise</h2> - -<p>Change the welcome message that is displayed in the alert window and move the Hello World menu to the Tools Menu, where it belongs. Repackage the XPI and re-install it. You can just drag the XPI file to the browser and it will be installed locally. Test it and verify your changes worked. If you run into problems at installation, it's likely that you didn't reproduce the XPI structure correctly, maybe adding unnecessary folders.</p> - -<p>Once you're done, you can look at this reference solution: <a class="internal" href="/@api/deki/files/4227/=xulschoolhello2.xpi" title="/@api/deki/files/4227/=xulschoolhello2.xpi">Hello World 2</a>.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Vulgarisation_XUL/Premiers_pas_avec_les_extensions_Firefox" style="float: left;">« Précédent</a><a href="/fr/docs/XUL_School/Setting_Up_a_Development_Environment">Suivant »</a></p> -</div> - -<p><span style="font-size: small;">This tutorial was kindly donated to Mozilla by Appcoast.</span></p> diff --git a/files/fr/archive/mozilla/xul/vulgarisation_xul/premiers_pas_avec_les_extensions_firefox/index.html b/files/fr/archive/mozilla/xul/vulgarisation_xul/premiers_pas_avec_les_extensions_firefox/index.html deleted file mode 100644 index 417c76133f..0000000000 --- a/files/fr/archive/mozilla/xul/vulgarisation_xul/premiers_pas_avec_les_extensions_firefox/index.html +++ /dev/null @@ -1,132 +0,0 @@ ---- -title: Premiers pas avec les extensions Firefox -slug: Archive/Mozilla/XUL/Vulgarisation_XUL/Premiers_pas_avec_les_extensions_Firefox -translation_of: >- - Archive/Add-ons/Overlay_Extensions/XUL_School/Getting_Started_with_Firefox_Extensions ---- -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Vulgarisation_XUL/Introduction" style="float: left;">« Précédent</a><a href="/fr/docs/Vulgarisation_XUL/L'essentiel_d'une_extension">Suivant »</a></p> -</div> - -<h2 id="Qu'est-ce_qu'une_extension_Firefox">Qu'est-ce qu'une extension Firefox ?</h2> - -<blockquote> -<p>Les extensions ajoutent de nouvelles fonctionnalités à des applications Mozilla telles que Firefox et Thunderbird. Elles peuvent ajouter n'importe quoi depuis le bouton d'une barre d'outils à une fonctionnalité entièrement nouvelle. Ils permettent à l'application d'être personnalisée pour répondre aux besoins personnels de chaque utilisateur en fonctionnalités supplémentaires, tout en gardant des applications légères à télécharger.</p> -</blockquote> - -<p>Telle que décrit dans le texte cité, une extension est une petite application qui ajoute quelque chose de nouveau à une ou plusieurs applications Mozilla. Ce tutoriel se concentre sur des extensions pour Firefox, mais les mêmes (ou très similaires) principes s'appliquent à la création d'extensions pour d'autres applications comme Thunderbird, SeaMonkey, et Flock.</p> - -<p>Il est également intéressant de noter qu'il existe des différences entre la définition d'<em>extension</em> et de <em>module complémentaire</em>. Toutes les extensions sont des modules complémentaires, mais des modules complémentaires peuvent également être des thèmes, des plugins, ou paquetages de langue. Ce tutoriel porte sur le développement d'extensions, mais les thèmes et les paquetages de langues sont développés de manière très similaire. Les plugins sont tout à fait différents, et ils ne seront pas abordés dans ce tutoriel. Vous pourrez en savoir plus sur les plugins et leur développement dans la <a href="/fr/Mozilla/Add-ons/Plugins" title="fr/Plugins">page Plugins</a>.</p> - -<p>Firefox fournit une architecture très riche et flexible qui permet aux développeurs d'extensions d'ajouter des fonctionnalités avancées, de personnaliser l'expérience de l'utilisateur, et de remplacer ou d'enlever complètement des parties de votre navigateur. Le référentiel <a class="link-https" href="https://addons.mozilla.org" title="https://addons.mozilla.org/">Mozilla Add-ons</a> (AMO) regroupe un grand nombre d'extensions ayant une grande variété de fonctions : le filtrage de contenu (AdBlock Plus, NoScript), l'interaction d'application Web (Delicious Bookmarks, eBay Companion), le développement Web (DOM Inspector, Firebug) et la protection de l'enfance (Glubble pour les familles). Il s'agit d'extensions très avancées et complexes, et vous apprendrez plus qu'il n'en faut pour créer des extensions comme celles-ci (Glaxstar participe à 3 de celles qui sont énumérées).</p> - -<p>Nous commencerons par examiner une extension très simple.</p> - -<h2 id="L'extension_Hello_World">L'extension Hello World</h2> - -<p>Nos exemples d'extensions et ce tutoriel sont en général destinés à la version Firefox 3 et plus, mais la plupart fonctionne aussi sur les versions précédentes de Firefox. Nous essaierons de le préciser lorsque nous discuterons d'une fonction qui ne fonctionne que sur certaines versions de Firefox.</p> - -<p>Nous allons maintenant commencer par une extension basique "Hello World". Commençons par l'installation de l'extension. Cliquez sur le lien ci-dessous.</p> - -<div class="warning"> -<p>L'extension suivante servant d'exemple n'est pas signée numériquement. Pour pouvoir l'activer, vous devez disposer de Firefox Developer Edition et <a href="https://support.mozilla.org/fr/kb/signature-modules-complementaires-firefox#w_passer-outre-aa-la-signature-des-modules-complaementaires-utilisateurs-avancaes">désactiver le controle de la signature numérique</a>.</p> -</div> - -<p><a href="/@api/deki/files/5139/=xulschoolhello1.xpi" title="https://developer.mozilla.org/@api/deki/files/4225/=xulschoolhello1.xpi">Installation de Hello World</a></p> - -<p>Ce lien déclenchera une installation ou un téléchargement de fichier, en fonction du Content-type utilisé par le serveur Web. Le type de contenu approprié pour déclencher une installation est <strong>application/x-xpinstall</strong>. Dans ce cas, un téléchargement de fichier doit se produire.</p> - -<p>Si le type de contenu est défini correctement, vous serez informé que le site n'est pas autorisé à installer des modules complémentaires sous Firefox. Il s'agit d'une mesure de sécurité qui empêche des sites d'installer des extensions sans le consentement de l'utilisateur. Cela est nécessaire car les extensions malveillantes peuvent avoir le même niveau de dommage que tout programme malveillant : le vol de données, l'effacement ou le remplacement des fichiers, et entraîner des comportements indésirables en général. AMO est le seul site de pré-autorisés car tous les modules complémentaires publiés sur l'AMO sont passés par un processus d'examen qui comprend des contrôles de sécurité.</p> - -<p>Après avoir téléchargé le fichier, vous pouvez le faire glisser et le déposer dans la zone de contenu Firefox, et l'installation devrait commencer.</p> - -<p>Vous verrez une fenêtre vous indiquant que vous êtes sur le point d'installer une extension, avec quelques informations supplémentaires telles que le nom de son auteur. Vous verrez un message disant que l'auteur ne peut être vérifié. Seules les extensions signées avec un certificat numérique peuvent être authentifiées. Les extensions signées sont rares, mais nous allons aborder la façon de les signer plus tard.</p> - -<p>Cliquez sur le bouton Installer maintenant. Après que l'extension soit installée, il vous sera demandé de redémarrer Firefox. L'installation, la désinstallation, l'activation et la désactivation des modules complémentaires (exceptés les plugins) nécessitent un redémarrage pour terminer, et il n'y a pas d'autre moyen de faire. C'est un point important à garder à l'esprit si vous construisez une extension qui manipule les autres extensions ou des thèmes. Il y a <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=256509" title="https://bugzilla.mozilla.org/show_bug.cgi?id=256509">un bug très ancien</a> qui permet de suivre cette question.</p> - -<p>Maintenant, après le redémarrage du navigateur, vous verrez la fenêtre du Gestionnaire de modules complémentaires, montrant le nom de l'extension, sa version, et une brève description.</p> - -<p><img alt="addonman.png" class="default internal" src="/@api/deki/files/4137/=addonman.png"></p> - -<p>Fermez le Gestionnaire de modules complémentaires. Regardez la fenêtre principale de Firefox et voyez si vous remarquez quelque chose de différent.</p> - -<p>L'avez-vous vu ? Il y a un nouveau menu dans la barre de menu principal, intitulé «Hello World!». Si vous ouvrez le menu, puis la sélection du menu surgissant, vous verrez un chouette message d'alerte. Cliquez sur le bouton OK pour le fermer.</p> - -<p><img alt="" class="internal" src="/@api/deki/files/4138/=helloworldalert.png" style="height: 126px; width: 326px;"></p> - -<p>C'est tout ce que l'extension fait. Maintenant, nous allons y regarder de plus près. </p> - -<h2 id="Contenus_d'une_extension">Contenus d'une extension</h2> - -<p>Vous avez peut être remarqué que le fichier de l'extension que vous avez installé est nommé xulschoolhello1.xpi. <a href="/fr/XPI" title="fr/XPI">XPI</a> (prononcez "zippy") est synonyme de d'installeur multi plate-formes (NdT : Cross-Platform Installer), car le même fichier d'installation peut fonctionner sur les principales plates-formes, et c'est le cas pour la plupart des extensions XPI. Les fichiers XPI sont tout simplement des fichiers compressés au format ZIP, mais Firefox les reconnaît comme extension et déclenche le processus d'installation quand un lien XPI est cliqué.</p> - -<p>Pour regarder dans le fichier XPI, vous avez besoin de le télécharger d'abord sans l'installer. Si le serveur déclenche une installation en cliquant sur un lien ou sur un bouton, vous devez faire un clic droit sur le <a href="/@api/deki/files/4225/=xulschoolhello1.xpi" title="https://developer.mozilla.org/@api/deki/files/4225/=xulschoolhello1.xpi">lien d'installation</a>, puis cliquez sur l'option Enregistrer le lien sous….</p> - -<p>Ensuite, nous allons décompresser le fichier XPI. Une façon de faire est de renommer le fichier afin qu'il ait l'extension <em>zip</em> au lieu de <em>xpi</em>. Une autre façon est d'ouvrir le fichier en utilisant un utilitaire ZIP. La plupart des systèmes d'exploitation dispose d'un utilitaire de compression ZIP, et il existe des outils plus avancés disponibles en ligne. Faites votre choix, et décompressez le fichier dans un emplacement qui vous convient. Vous devriez voir une structure similaire à celle-ci :</p> - -<p>xulschoolhello1</p> - -<ul> - <li> - <ul> - <li>chrome.manifest</li> - <li>install.rdf</li> - <li>chrome - <ul> - <li>xulschoolhello.jar</li> - </ul> - </li> - </ul> - </li> -</ul> - -<p>Le fichier JAR contient la majorité du code, alors nous devrons également en extraire son contenu. Tout comme pour les XPI, vous n'avez besoin que d'un utilitaire ZIP pour décompresser le fichier. Après avoir fait cela, vous aurez quelque chose comme ceci :</p> - -<p>xulschoolhello1</p> - -<ul> - <li> - <ul> - <li>chrome.manifest</li> - <li>install.rdf</li> - <li>chrome - <ul> - <li>xulschoolhello.jar</li> - <li>xulschoolhello - <ul> - <li>content - <ul> - <li>browserOverlay.xul</li> - <li>browserOverlay.js</li> - </ul> - </li> - <li>locale - <ul> - <li>en-US - <ul> - <li>browserOverlay.dtd</li> - <li>browserOverlay.properties</li> - </ul> - </li> - </ul> - </li> - <li>skin - <ul> - <li>browserOverlay.css</li> - </ul> - </li> - </ul> - </li> - </ul> - </li> - </ul> - </li> -</ul> - -<p>Cela fait beaucoup de fichiers pour quelque chose de si simple ! Eh bien, rassurez-vous, nous allons bientôt détailler tous ces fichiers et réaliser que c'est assez simple. Dans la section suivante nous allons examiner ces fichiers et voir ce qu'ils font.</p> - -<div class="prevnext" style="text-align: right;"> - <p><a href="/fr/docs/Vulgarisation_XUL/Introduction" style="float: left;">« Précédent</a><a href="/fr/docs/Vulgarisation_XUL/L'essentiel_d'une_extension">Suivant »</a></p> -</div> - -<p><span style="font-size: small;">This tutorial was kindly donated to Mozilla by Appcoast.</span></p> diff --git a/files/fr/archive/mozilla/xul/window/index.html b/files/fr/archive/mozilla/xul/window/index.html deleted file mode 100644 index 7369e65496..0000000000 --- a/files/fr/archive/mozilla/xul/window/index.html +++ /dev/null @@ -1,179 +0,0 @@ ---- -title: window -slug: Archive/Mozilla/XUL/window -tags: - - Éléments_XUL -translation_of: Archive/Mozilla/XUL/window ---- -<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> - « <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [ - <a href="#Exemples">Exemples</a> | - <a href="#Attributs">Attributs</a> | - <a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> | - <a href="#M.C3.A9thodes">Méthodes</a> | - <a href="#Sujets_li.C3.A9s">Sujets liés</a> ] -</span></div> <p>Décrit la structure d'une fenêtre de premier niveau. Il s'agit du nœud racine d'un document XUL. Forme par défaut une boîte orientée horizontalement. Comme il s'agit d'une boîte, tous les attributs de boîte peuvent être utilisés. Par défaut, la fenêtre aura un cadre spécifique à la plateforme pour l'entourer. </p><p>Pour assigner une icône à la fenêtre, créez un fichier d'icône spécifique à la plateforme <var><windowid></var><code>.ico</code> et/ou <var><windowid></var><code>.xpm</code> et placez ou installez ces fichiers dans le répertoire <var><répertoire-de-mozilla></var><code>/chrome/icons/default/</code>. La valeur <var><windowid></var> est celle de l'attribut <code>id</code> de la fenêtre. Ceci permet d'avoir une icône différente pour chaque fenêtre. -</p><p>Pour les propriétés et méthodes, consultez l'objet <a class="external" href="http://www.xulplanet.com/references/objref/Window.html">XUL Window</a> sur XULPlanet ou sur XULfr <a class="external" href="http://xulfr.org/wiki/Reference/Xul/window">. -</a></p><p><a class="external" href="http://xulfr.org/wiki/Reference/Xul/window">D'autres informations sont disponibles dans le </a><a href="fr/Tutoriel_XUL/Cr%c3%a9er_une_fen%c3%aatre">tutoriel XUL</a>. -</p> -<dl><dt> Attributs -</dt><dd> <a href="#a-height">height</a>, <a href="#a-hidechrome">hidechrome</a>, <a href="#a-id">id</a>, <a href="#a-screenX">screenX</a>, <a href="#a-screenY">screenY</a>, <a href="#a-sizemode">sizemode</a>, <a href="#a-title">title</a>, <a href="#a-width">width</a>, <a href="#a-windowtype">windowtype</a> -</dd></dl> -<h3 id="Exemples" name="Exemples"> Exemples </h3> -<pre><?xml version="1.0"?> -<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> -<window id="rootWnd" title="Enregistrement en ligne" - xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - <vbox> - <hbox> - <image src="formulaire_enregistrement.png"/> - <description>Enregistrement en ligne</description> - </hbox> - <groupbox align="start"> - <caption label="Vos informations"/> - <radiogroup> - <vbox> - <hbox> - <label control="your-fname" value="Entrez le prénom :"/> - <textbox id="your-fname" value="Johan"/> - </hbox> - <hbox> - <label control="your-lname" value="Entrez le nom de famille :"/> - <textbox id="your-lname" value="Hernandez"/> - </hbox> - <hbox> - <button oncommand="alert('enregistrement')"> - <description>Enregistrer</description> - </button> - </hbox> - </vbox> - </radiogroup> - </groupbox> - </vbox> -</window> -</pre> -<h3 id="Attributs" name="Attributs"> Attributs </h3> -<p> -</p><div id="a-height"> - -<dl><dt> <code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La hauteur préférée de l'élément en pixels. La hauteur réellement affichée peut être différentes si l'élément ou son contenu ont une hauteur minimum ou maximum. La propriété CSS <code>height</code> peut également être utilisée. -</dd></dl> - - -</div> -<div id="a-hidechrome"> - -<dl><dt> <code id="a-hidechrome"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidechrome">hidechrome</a></code> -</dt><dd> Type : <i>booléen</i> -</dd><dd> Définissez cet attribut à <code>true</code> pour que le chrome, en ce compris la barre de titre, soit caché. -</dd></dl> - - -</div> -<div id="a-id"> - -<dl><dt> <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code> -</dt><dd> Type : <i>id d'élément, doit être unique dans la fenêtre</i> -</dd><dd> Un identifiant unique permettant d'identifier l'élément. Celui-ci peut être utilisé comme paramètre pour <code><a href="fr/DOM/document.getElementById">getElementById()</a></code> et d'autres fonctions DOM et pour référencer l'élément dans des feuilles de style. -</dd></dl> - - -</div> -<div id="a-screenX"> - -<dl><dt> <code id="a-screenX"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/screenX">screenX</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> La position horizontale à laquelle la fenêtre apparaît à l'écran. -</dd></dl> - - -</div> -<div id="a-screenY"> - -<dl><dt> <code id="a-screenY"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/screenY">screenY</a></code> -</dt><dd> Type : <i>entier</i> -</dd><dd> La position verticale à laquelle la fenêtre apparaît à l'écran. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-sizemode"> - -<dl><dt> <code id="a-sizemode"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sizemode">sizemode</a></code> -</dt><dd> Type : <i>une des valeurs ci-dessous</i> -</dd><dd> L'état de la fenêtre (<code><code><a href="/fr/docs/Mozilla/Tech/XUL/window" title="window">window</a></code></code>). Les valeurs suivantes peuvent être utilisées : -</dd></dl> -<ul><li> <code>maximized</code> : La fenêtre est maximisée, et occupe la totalité de l'écran. -</li><li> <code>minimized</code> : La fenêtre est minimisée, ou masquée. -</li><li> <code>normal</code> : La fenêtre apparaît dans un état normal à la taille désirée. -</li></ul> -<p><br> -</p> - - -</div> -<div id="a-title"> - -<dl><dt> <code id="a-title"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/title">title</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Le texte qui doit apparaître dans la barre de titre de la fenêtre ou boîte de dialogue. -</dd></dl> -<p><br> -</p> - - -</div> -<div id="a-width"> - -<dl><dt> <code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> (représentant un entier) -</dd><dd> La largeur préférée de l'élément. La valeur ne doit pas préciser d'unité car elle est toujours exprimée en pixels. La largeur réellement affichée peut être différente si l'élément ou son contenu ont une largeur minimum ou maximum, ou que la taille est ajustée selon la flexibilité ou l'alignement de son parent. La propriété CSS <code>width</code> peut également être utilisée. -</dd></dl> - - -</div> -<div id="a-windowtype"> - -<dl><dt> <code id="a-windowtype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/windowtype">windowtype</a></code> -</dt><dd> Type : <i>chaîne de caractères</i> -</dd><dd> Définit une chaîne pouvant être utilisée pour identifier le type de fenêtre. Celle-ci peut être utilisée, par exemple, pour faire la distinction entre une fenêtre de navigation et une fenêtre d'édition. Certaines des fonctions de gestion de fenêtres de Mozilla utilisent cet attribut pour grouper les fenêtres du même type. -</dd></dl> -<p><br> -</p> - - -</div> - -<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3> -<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3> -<p><span class="lang lang-fr" lang="fr"> -</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> -</table> - -<h3 id="Note" name="Note"> Note </h3> -<p>Le message d'erreur « XML Parsing Error: undefined entity...<window » peut être provoqué par l'indisponibilité ou l'absence d'un fichier DTD référencé dans le fichier XUL. Le chargement d'un fichier dont le nom suit le mot-clé SYSTEM dans une déclaration DOCTYPE peut échouer silencieusement et le seul message d'erreur sera une erreur d'entité non définie sur l'élément XUL suivant. -</p> -<h3 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s"> Sujets liés </h3> -<dl><dt> Éléments -</dt><dd> <code><a href="/fr/docs/Mozilla/Tech/XUL/dialog" title="dialog">dialog</a></code>, <code><a href="/fr/docs/Mozilla/Tech/XUL/dialogheader" title="dialogheader">dialogheader</a></code> -</dd></dl> -<h3 id="Notes_des_utilisateurs" name="Notes_des_utilisateurs"> Notes des utilisateurs </h3> -<p>Pour changer l'icône affichée dans la barre de titre d'une fenêtre, consultez la page <a href="fr/Ic%c3%b4nes_de_fen%c3%aatre">Icônes de fenêtre</a>. -</p><p>Pour ajouter une icône de site (favicon) à la barre d'adresse et aux onglets de navigation (si le dialogue n'est pas un popup), utilisez l'extrait de code suivant pour utiliser l'espace de noms HTML et l'élément <code>link</code>. -</p> -<pre><window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" - xmlns:html="http://www.w3.org/1999/xhtml"> - -<!-- Icône du chrome --> -<html:link rel="icon" href="chrome://monExtension/content/chemin/vers/favicon.png"/> - -<!-- Depuis un site distant --> -<html:link rel="icon" href="http://www.mozilla.org/favicon.ico"/> -</pre> diff --git a/files/fr/archive/mozilla/xulrunner/astuces_xulrunner/index.html b/files/fr/archive/mozilla/xulrunner/astuces_xulrunner/index.html deleted file mode 100644 index 93ab4c2bcd..0000000000 --- a/files/fr/archive/mozilla/xulrunner/astuces_xulrunner/index.html +++ /dev/null @@ -1,164 +0,0 @@ ---- -title: Astuces XULRunner -slug: Archive/Mozilla/XULRunner/Astuces_XULRunner -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/Tips ---- -<p>XULRunner: Questions Fréquemment Posées. [WIP] -</p> -<h2 id="Gestionnaire_d.27Extensions" name="Gestionnaire_d.27Extensions">Gestionnaire d'Extensions</h2> -<p>Pour pouvoir installer des extensions, vous devez d'abord activer le Gestionnaire d'Extensions] dans <a href="fr/Empaqueter_une_application_XUL#em">application.ini</a>. XULRunner 1.8.0 ne charge pas les extensions depuis le dossier de l'application; seul le dossier XULRunner et le dossier du profil de l'utilisateur sont vérifiés. Les préférences suivantes doivent être définies pour faire fonctionner le dialogue XPInstall, le gestionnaire d'extensions et le gestionnaire de thèmes: -</p> -<pre class="eval">pref("xpinstall.dialog.confirm", "<a class=" external" rel="freelink">chrome://mozapps/content/xpinstall/x...allConfirm.xul</a>"); -pref("xpinstall.dialog.progress.skin", "<a class=" external" rel="freelink">chrome://mozapps/content/extensions/...ul?type=themes</a>"); -pref("xpinstall.dialog.progress.chrome", "<a class=" external" rel="freelink">chrome://mozapps/content/extensions/...ype=extensions</a>"); -pref("xpinstall.dialog.progress.type.skin", "Extension:Manager-themes"); -pref("xpinstall.dialog.progress.type.chrome", "Extension:Manager-extensions"); -pref("extensions.update.enabled", true); -pref("extensions.update.interval", 86400); -pref("extensions.dss.enabled", false); -pref("extensions.dss.switchPending", false); -pref("extensions.ignoreMTimeChanges", false); -pref("extensions.logging.enabled", false); -pref("general.skins.selectedSkin", "classic/1.0"); -// NB these point at AMO -pref("extensions.update.url", "<a class=" external" rel="freelink">chrome://mozapps/locale/extensions/e...ons.properties</a>"); -pref("extensions.getMoreExtensionsURL", "<a class=" external" rel="freelink">chrome://mozapps/locale/extensions/e...ons.properties</a>"); -pref("extensions.getMoreThemesURL", "<a class=" external" rel="freelink">chrome://mozapps/locale/extensions/e...ons.properties</a>"); -</pre> -<h2 id="URLs_Chrome_Utiles" name="URLs_Chrome_Utiles">URLs Chrome Utiles</h2> -<p>La plupart requièrent le "<a href="#Branding"> branding</a>" -</p> -<table class="standard-table"> -<tbody><tr><th>Fenêtre</th><th>URL</th><th>Type de fenêtre -</th></tr><tr><td>Gestionnaire d'Extensions -</td><td><a class=" external" rel="freelink">chrome://mozapps/content/extensions/...ype=extensions</a> -</td><td>Extension:Manager-extensions -</td></tr><tr><td>Gestionnaire de Thèmes -</td><td><a class=" external" rel="freelink">chrome://mozapps/content/extensions/...ul?type=themes</a> -</td><td>Extension:Manager-themes -</td></tr><tr><td>Console JavaScript -</td><td><a class=" external" rel="freelink">chrome://global/content/console.xul</a> -</td><td>global:console -</td></tr><tr><td>about:config -</td><td><a class=" external" rel="freelink">chrome://global/content/config.xul</a> -</td><td> -</td></tr></tbody></table> -<h2 id="Extensions_pour_le_D.C3.A9veloppeur" name="Extensions_pour_le_D.C3.A9veloppeur">Extensions pour le Développeur</h2> -<h3 id="Venkman" name="Venkman"> <a href="fr/Venkman">Venkman</a> </h3> -<ul><li>Requiert une version personnalisée ou une extension compatible -</li><li>Besoin de modifier la compatibilité dans <i>install.rdf</i> par rapport à l'<i>id</i> et aux versions dans <i>application.ini</i> -</li><li>Besoin d'une méthode pour démarrer Venkman (communément en faisant un overlaying du fichier XUL principal, similaire au code existant pour Firefox, Suite, etc.) -</li><li>La fonction <i>toOpenWindowByType()</i> doit être définie. Une ébauche de fonction efficiente est <a class="external" href="http://tjlaurenzo.blogspot.com/2006/03/getting-dev-tools-working-with.html">sur ce blog</a>. <i>Une meilleure suggestion?</i> -</li><li>Venkman utilise "<a class=" external" rel="freelink">chrome://communicator/skin/</a>" comme alias pour "<a class=" external" rel="freelink">chrome://global/skin/</a>" et cet alias fut maintenu dans le toolkit XULRunner jusqu'à XULRunner 1.9. Avec XULRunner 1.9 ou supérieur, vous pouvez créer votre propre alias" -</li></ul> -<pre>dans votre chrome manifest ajoutez une ligne "skin": - -skin communicator classic/1.0 skin/communicator/ - -ajoutez un dossier de skin "communicator" et une simple CSS nommée "communicator.css" avec ce contenu: - -@import url("chrome://global/skin/"); -</pre> -<h3 id="Inspecteur_DOM" name="Inspecteur_DOM"> <a href="fr/Inspecteur_DOM">Inspecteur DOM</a> </h3> -<p>Idem que Venkman -</p> -<h3 id="L.27Extension_du_Developpeur_d.27Extensions" name="L.27Extension_du_Developpeur_d.27Extensions"> L'Extension du Developpeur d'Extensions </h3> -<p><a class="external" href="http://ted.mielczarek.org/code/mozilla/extensiondev/">Extension Developer's Extension</a> est un outil utile, avec un Editeur XUL Live et un shell JavaScript. -</p><p>Pour installer l'extension dans votre application, vous aurez besoin de modifier son <i>install.rdf</i> (voir ci-dessus). Vous voudrez aussi probablement créer des éléments de menu qui vous laisseront ouvrir le shell Js et les autres outils de cette extension. -</p> -<h3 id="Autre_m.C3.A9thode" name="Autre_m.C3.A9thode"> Autre méthode </h3> -<p>Une autre méthode pour faire fonctionner Venkman et EDE [en]<a class="external" href="http://tjlaurenzo.blogspot.com/2006/03/getting-dev-tools-working-with.html">sur ce blog</a> -</p> -<h2 id="Branding" name="Branding"> Branding </h2> -<p>Branding est un <a href="fr/Enregistrement_chrome">packetage chrome</a> qui contient des informations spécifiques au produit (ex: nom, créateur, logo). -</p><p>Quelques composants XULRunner (en particulier le <a href="#Gestionnaire_d.27Extensions">Gestionnaire d'Extensions</a>) dépendent du branding car ils cherchent certaines chaines dans <tt><a class=" external" rel="freelink">chrome://branding/locale/brand.dtd</a></tt> et <tt><a class=" external" rel="freelink">chrome://branding/locale/brand.properties</a></tt>. -</p><p>Pour satisfaire ces dépendances, vous pouvez copier depuis Firefox <tt>brand.dtd</tt>/<tt>brand.properties</tt> vers <tt>chrome/locale/branding</tt>, les modifier en conséquence, et <a href="fr/Enregistrement_chrome#locale">enregistrer la localisation</a> pour <tt>branding</tt> en ajoutant à votre manifest chrome: -</p> -<pre class="eval">locale branding fr-FR chrome/locale/branding/ -</pre> -<p><i>La localisation que vous mettez dans les fichiers de branding n'importe pas du moment que c'est elle qui est présente dans le manifest.</i> -</p><p>En addition, un <i>branding content package (traduction requise)</i> <a href="fr/Enregistrement_chrome#content">doit être enregistré</a> pour inclure le logo de l'application: -</p> -<pre class="eval">content branding chrome/branding -</pre> -<p>2 icônes doivent être fournies dans ce dossier: <i>icon48.png</i> and <i>icon64.png</i>. Voir <a class="external" href="http://mxr.mozilla.org/mozilla/source/other-licenses/branding/firefox/content/">Firefox</a> pour avoir un exemple. -</p><p><span class="comment">commentaire copié de la version anglaise: In ''~.mozconfig'': ac_add_options --enable-branding=« branding location »</span> -</p> -<h3 id=".5BWindows.5D_Faire_apparaitre_correctement_le_nom_et_l.27ic.C3.B4ne" name=".5BWindows.5D_Faire_apparaitre_correctement_le_nom_et_l.27ic.C3.B4ne"> [Windows] Faire apparaitre correctement le nom et l'icône </h3> -<p>Par défaut, la barre de tâches de Windows grouppe les fenêtres appartenant au même processus dans un seul bouton pour gagner de la place. ce bouton est souvent appelé "xulrunner.exe" et a l'icône de XULRunner. Il y a deux méthodes pour afficher la bonne dénomination ( = <i>branding</i>) de votre application à la place: -</p> -<ul> -<li> -Si vous compilez XULRunner vous-même: créez un fichier module.ver dans <i>mozilla/xulrunner/app</i> avec: -<pre>WIN32_MODULE_DESCRIPTION=MonApplication</pre> -<p>MonApplication doit être remplacé par le titre voulu sur le bouton. Vous pouvez aussi remplacer xulrunner.ico dans le même répertoire par l'icône de votre application. -</p> -</li> -<li> -Avec un XULRunner precompilé: utilisez xulrunner-stub.exe pour démarrer votre application mais renommez le en MonApplication.exe. Avec XULRunner 1.9, le nom choisi apparaitra dans la barre de tâches (pas avec XULRunner 1.8 cependant). Votre icône peut être ajoutée avec un logiciel comme <a class="external" href="http://www.angusj.com/resourcehacker/">Resource Hacker</a> (très simple à prendre en main). -</li> -</ul> -<h2 id="Lire_les_arguments_en_ligne_de_commande" name="Lire_les_arguments_en_ligne_de_commande"> Lire les arguments en ligne de commande </h2> -<p>Les arguments en ligne de commande sont gérés par <i>nsICommandLineHandler</i>. -</p><p><span class="comment">commentaire copié depuis la version anglaise: = Can i have JavaScript errors / warnings directed to stdout instead of the jsconsole? = See <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=306263" title="https://bugzilla.mozilla.org/show_bug.cgi?id=306263">#306263</a> This doesn't do anything (1.8.0.1): xulrunner -app application.ini -console This neither (1.8.0.1) in ''defaults/preferences/«application name».js'': pref("javascript.options.strict", true); pref("javascript.options.showInConsole", true); pref("browser.dom.window.dump.enabled", true);</span> -</p><p><br> -</p> -<h2 id="Pr.C3.A9f.C3.A9rences_requises_pour_les_dialogues_de_t.C3.A9l.C3.A9chargement" name="Pr.C3.A9f.C3.A9rences_requises_pour_les_dialogues_de_t.C3.A9l.C3.A9chargement"> Préférences requises pour les dialogues de téléchargement </h2> -<p>Pour utiliser le <i>unknown-content-type</i> et le dialogue <i>file-downloads</i> depuis un élément <code><browser></code>, vous devez ajouter les préférences suivantes: -</p> -<pre class="eval">pref("browser.download.useDownloadDir", true); -pref("browser.download.folderList", 0); -pref("browser.download.manager.showAlertOnComplete", true); -pref("browser.download.manager.showAlertInterval", 2000); -pref("browser.download.manager.retention", 2); -pref("browser.download.manager.showWhenStarting", true); -pref("browser.download.manager.useWindow", true); -pref("browser.download.manager.closeWhenDone", true); -pref("browser.download.manager.openDelay", 0); -pref("browser.download.manager.focusWhenStarting", false); -pref("browser.download.manager.flashCount", 2); -// -pref("alerts.slideIncrement", 1); -pref("alerts.slideIncrementTime", 10); -pref("alerts.totalOpenTime", 4000); -pref("alerts.height", 50); -</pre> -<p>Si vous en oubliez, vous aurez l'erreur suivante: -</p> -<pre class="eval">Component returned failure code: 0x8000ffff (NS_ERROR_UNEXPECTED) [nsIPrefBranch.getBoolPref] - -Error: dialog has no properties -Source File: <a class=" external" rel="freelink">chrome://mozapps/content/downloads/u...ontentType.xul</a> -Line: 1 -</pre> -<h2 id="Activer_le_Gestionnaire_de_Mots_de_Passe" name="Activer_le_Gestionnaire_de_Mots_de_Passe"> Activer le Gestionnaire de Mots de Passe </h2> -<p>Ces préférences sont par défaut dans Firefox mais pas dans XULRunner. Sans elles, le gestionnaire de mots de passe ne retiendra pas les détails d'identification. -</p> -<pre class="eval">pref("signon.rememberSignons", true); -pref("signon.expireMasterPassword", false); -pref("signon.SignonFileName", "signons.txt"); -</pre> -<p>Vous avez aussi besoin d'obtenir une instance du service <i>login-manager</i>, qui initialise le système en interne: -</p> -<pre class="eval">Components.classes["@mozilla.org/login-manager;1"].getService(Components.interfaces.nsILoginManager); -</pre> -<h2 id="Utiliser_Firefox_3_pour_lancer_des_applications_XULRunner" name="Utiliser_Firefox_3_pour_lancer_des_applications_XULRunner"> Utiliser Firefox 3 pour lancer des applications XULRunner </h2> -<p>Firefox 3 contient le runtime XULRunner avec l'option <tt>-app</tt> en ligne de commandes pour lancer l'application XUL désirée au lieu de Firefox. Par exemple, sous Windows: -</p> -<pre class="eval"> firefox.exe -app <i>chemin\vers\</i>application.ini -</pre> -<p>Sous Mac: -</p> -<pre class="eval"> /Applications/Firefox.app/Contents/MacOS/firefox-bin -app <i>/chemin/vers/</i>application.ini -</pre> -<p>Notez que sous Mac, vous devez donner un chemin direct. Les chemins relatifs semblent ne pas marcher. -</p> -<h2 id="R.C3.A9solution_de_probl.C3.A8mes" name="R.C3.A9solution_de_probl.C3.A8mes"> Résolution de problèmes </h2> -<h3 id="Titre_de_fen.C3.AAtre_manquant" name="Titre_de_fen.C3.AAtre_manquant"> Titre de fenêtre manquant </h3> -<p>Si le titre de votre <code><<a href="fr/XUL/window">window</a>></code> XUL est vierge, même en spécifiant un attribut title vérifiez que votre fichier XUL est en <tt>.xul</tt> et non pas <tt>.xml</tt>. -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xulrunner/ce_qu'offre_xulrunner/index.html b/files/fr/archive/mozilla/xulrunner/ce_qu'offre_xulrunner/index.html deleted file mode 100644 index 8130eeece0..0000000000 --- a/files/fr/archive/mozilla/xulrunner/ce_qu'offre_xulrunner/index.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: Ce qu'offre XULRunner -slug: Archive/Mozilla/XULRunner/Ce_qu'offre_XULRunner -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/What_XULRunner_Provides ---- -<p> </p> -<p>L'objectif de <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a> est d'offrir une solution pour le déploiement d'applications XUL (en priorité Firefox et Thunderbird), ainsi qu'un mécanisme pour embarquer les capacités des produits Mozilla dans d'autres applications. Les fonctionnalités suivantes sont soit déjà implémentées, soit planifiées :</p> -<p> </p> -<h3 id="Fonctionnalit.C3.A9s_Gecko" name="Fonctionnalit.C3.A9s_Gecko">Fonctionnalités Gecko</h3> -<ul> - <li><a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a></li> - <li>Réseau</li> - <li>Moteur de rendu Gecko</li> - <li>Édition DOM et support transactionnel (sans interface utilisateur)</li> - <li>Cryptographie</li> - <li><a href="/fr/XBL" title="fr/XBL">XBL</a> (XBL2 planifié)</li> - <li><a href="/fr/XUL" title="fr/XUL">XUL</a></li> - <li><a href="/fr/SVG" title="fr/SVG">SVG</a></li> - <li><a href="/fr/XSLT" title="fr/XSLT">XSLT</a></li> - <li>Extras XML (<code><a href="/fr/XMLHttpRequest" title="fr/XMLHttpRequest">XMLHttpRequest</a></code>, <code><a href="/fr/DOMParser" title="fr/DOMParser">DOMParser</a></code>, etc.)</li> - <li>Services Web (SOAP)</li> - <li>Support de mise à jour automatique <em>(pas entièrement implémenté)</em></li> - <li>Barre d'outils de recherche avec auto-complétion du texte</li> - <li>Implémentation de l'historique (l'implémentation de <em>places</em> dans le cycle 1.9)</li> - <li>Support de l'accessibilité</li> - <li>Service IPC pour les communications entre les applications basées sur Gecko <em>(pas entièrement implémenté)</em></li> - <li>Interfaces <a href="/fr/Storage" title="fr/Storage">Storage</a>/sqlite <em>(pas encore activé par défaut)</em></li> -</ul> -<h3 id="Fonctionnalit.C3.A9s_d.27interface_utilisateur" name="Fonctionnalit.C3.A9s_d.27interface_utilisateur">Fonctionnalités d'interface utilisateur</h3> -<p>Les interfaces utilisateur suivantes sont fournies par XULRunner, mais peuvent être outrepassées dans certaines circonstances :</p> -<ul> - <li>Les API et interface utilisateur pour l'installation, la désinstallation et la mise à jour d'applications XUL. Consultez <a class="wikimo" href="https://wiki.mozilla.org/XUL:Installation_Story" title="wikimo:XUL:Installation Story">wikimo:XUL:Installation Story</a>.</li> - <li>Le gestionnaire d'extensions</li> - <li>Le sélecteur de fichiers (utilise le sélecteur natif de l'OS)</li> - <li>La barre d'outils de recherche</li> - <li>Les boîtes de dialogue d'aide</li> - <li>Interface utilisateur de la sécurité (maintenance des clefs SSL, etc.)</li> -</ul> -<h3 id="APIs_embarqu.C3.A9es" name="APIs_embarqu.C3.A9es">APIs embarquées</h3> -<p>Les APIs embarquées suivantes sont fournies par XULRunner :</p> -<ul> - <li>Embarquement inter-plateformes (XRE_InitEmbedding)</li> - <li>Embarquement de <a href="/fr/JavaXPCOM" title="fr/JavaXPCOM">JavaXPCOM</a></li> - <li>gtkmozembed (Linux seulement)</li> - <li>Contrôles ActiveX (Windows seulement) <em>(incomplet)</em></li> - <li>NSView-based-widget (Mac OS X seulement) <em>(incomplet)</em></li> -</ul> -<h3 id="En_projet" name="En_projet">En projet</h3> -<p>Les fonctionnalités suivantes ont été proposées à l'intégration et pourront l'être si les développeurs en ont le temps, et si la taille du code est raisonnable :</p> -<ul> - <li>Support LDAP</li> - <li>Support du correcteur orthographique (avec ou sans dictionnaires inclus) voir le <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=285977">bug 285977</a></li> - <li>Support principal du profil errant (adapté spécifiquement aux applications)</li> - <li>Embarquement de <a href="/fr/PyXPCOM" title="fr/PyXPCOM">PyXPCOM</a> <em>(incomplet)</em></li> -</ul> -<h3 id="Non_support.C3.A9" name="Non_support.C3.A9">Non supporté</h3> -<p>XULRunner n'intégrera pas :</p> -<ul> - <li>Les marque-pages ou un historique de navigation (ils doivent être gérés par l'application)</li> - <li>XForms (XForms sera disponible sous forme d'extension)</li> -</ul> -<p><br> - <span class="comment">Interwiki Language Links</span></p> -<p></p> diff --git a/files/fr/archive/mozilla/xulrunner/déploiement_de_xulrunner_1.8/index.html b/files/fr/archive/mozilla/xulrunner/déploiement_de_xulrunner_1.8/index.html deleted file mode 100644 index d2e38696e4..0000000000 --- a/files/fr/archive/mozilla/xulrunner/déploiement_de_xulrunner_1.8/index.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: Déploiement de XULRunner 1.8 -slug: Archive/Mozilla/XULRunner/Déploiement_de_XULRunner_1.8 -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/Deploying_XULRunner ---- -<p><a href="/fr/docs/XULRunner">XULRunner</a> 1.8 est une pré-version stable pour les développeurs. Cela signifie que même si certaines parties de cette version ne sont pas finalisées, comme le déploiement, l'intégration à d'autres applications et au système d'exploitation, elle peut déjà servir aux développeurs pour la création d'applications XUL autonomes. Ce document explique comme ce déploiement doit être réalisé.</p> -<h3 id="Windows" name="Windows">Windows</h3> -<p>Sous Windows, XULRunner ne dispose pas encore de solution d'installation intégrée ; les développeurs d'applications doivent utiliser des solutions existantes pour disposer d'un installeur Windows. Les fichiers installés doivent être disposés selon la structure de répertoires suivante :</p> -<ul> - <li>installdir/ - <ul> - <li>application.ini</li> - <li>components/ - <ul> - <li>… les composants faisant partie de l'application</li> - </ul> - </li> - <li>chrome/ - <ul> - <li>… le chrome faisant partie de l'application</li> - </ul> - </li> - <li>… les fichiers complémentaires de l'application tels que des icônes, etc.</li> - <li>myapplicationname.exe (il s'agit de « l'exécutable de lancement ». Vous devez copier et renommer le fichier xulrunner-stub.exe dans votre répertoire d'installation de XULRunner.)</li> - <li>xulrunner/ - <ul> - <li>… copiez xulrunner/ dans ce répertoire</li> - </ul> - </li> - </ul> - </li> -</ul> -<h3 id="Mac_OS_X" name="Mac_OS_X">Mac OS X</h3> -<p>Sous Mac OS X, l'ensemble du framework de XULRunner est placé dans le paquetage de votre application :</p> -<ul> - <li>MyApp.app/ - <ul> - <li>Contents/ - <ul> - <li>Info.plist</li> - <li>Frameworks/ - <ul> - <li>XUL.framework/ - <ul> - <li>fichiers copiés depuis /Library/Frameworks/XUL.framework/Versions/1.8/… assurez vous d'avoir copié correctement tous les liens symboliques (utilisez rsync -rl /Library/Frameworks/XUL.framework ...).</li> - </ul> - </li> - </ul> - </li> - <li>Resources - <ul> - <li>application.ini</li> - <li>app_icon.icns</li> - <li>components/ - <ul> - <li>… les composants faisant partie de l'application</li> - </ul> - </li> - <li>chrome/ - <ul> - <li>… le chrome faisant partie de l'application</li> - </ul> - </li> - <li>… les fichiers complémentaires de l'application tels que des icônes, etc.</li> - </ul> - </li> - <li>MacOS/ - <ul> - <li>xulrunner (il s'agit de « l'exécutable de lancement ». Vous devez copier depuis /Library/Frameworks/XUL.framework/Versions/1.8/xulrunner)</li> - </ul> - </li> - </ul> - </li> - </ul> - </li> -</ul> -<p>De plus, votre application Mac ne se lancera pas sans un fichier - <i> - Info.plist</i> - valide. En voici un exemple :</p> -<pre><?xml version="1.0" encoding="UTF-8"?> -<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> -<plist version="1.0"> -<dict> - <key>CFBundleDevelopmentRegion</key> - <string>English</string> - <key>CFBundleExecutable</key> - <string>xulrunner</string> - <key>CFBundleGetInfoString</key> - <string>1.0</string> - <key>CFBundleIconFile</key> - <string>app_icon.icns</string> - <key>CFBundleIdentifier</key> - <string>net.yourcompany.yourapplication</string> - <key>CFBundleInfoDictionaryVersion</key> - <string>6.0</string> - <key>CFBundleName</key> - <string>applicationName</string> - <key>CFBundlePackageType</key> - <string>APPL</string> - <key>CFBundleShortVersionString</key> - <string>1.0</string> - <key>CFBundleSignature</key> - <string>YOURAPP</string> - <key>CFBundleURLTypes</key> - <array> - <dict> - <key>CFBundleURLIconFile</key> - <string>app_icon.icns</string> - <key>CFBundleURLName</key> - <string>YOURAPP Entity</string> - <key>CFBundleURLSchemes</key> - <array> - <string>chrome</string> - </array> - </dict> - </array> - <key>CFBundleVersion</key> - <string>1.0</string> -</dict> -</plist></pre> -<p>Éditez cet exemple selon vos besoins, mais CFBundleExecutable doit être - <i> - xulrunner</i> - , et CFBundleIconFile et CFBundleURLIconFile doivent être définis avec le nom de fichier de l'icône de votre application ( - <i> - app_icon.icns</i> - ).</p> -<h3 id="Linux" name="Linux">Linux</h3> -<p>La plupart des applications Linux sont distribuées comme de simples archives .tar.bz2 que l'utilisateur peut décompresser où il le désire. L'archive doit être structurée comme ceci :</p> -<ul> - <li>appname/ - <ul> - <li>application.ini</li> - <li>components/ - <ul> - <li>… les composants faisant partie de l'application</li> - </ul> - </li> - <li>chrome/ - <ul> - <li>… le chrome faisant partie de l'application</li> - </ul> - </li> - <li>… les fichiers complémentaires de l'application tels que des icônes, etc.</li> - <li>myapplicationname (il s'agit de « l'exécutable de lancement ». Vous devez copier et renommer le fichier xulrunner-stub.exe dans votre répertoire d'installation de XULRunner.)</li> - <li>xulrunner/ - <ul> - <li>… copiez xulrunner/ dans ce répertoire</li> - </ul> - </li> - </ul> - </li> -</ul> diff --git a/files/fr/archive/mozilla/xulrunner/empaqueter_une_application_xul/index.html b/files/fr/archive/mozilla/xulrunner/empaqueter_une_application_xul/index.html deleted file mode 100644 index 4efbb6183f..0000000000 --- a/files/fr/archive/mozilla/xulrunner/empaqueter_une_application_xul/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: Empaqueter une application XUL -slug: Archive/Mozilla/XULRunner/Empaqueter_une_application_XUL -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/XUL_Application_Packaging ---- -<p>Les paquets d'application <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a> sont des paquets standard du toolkit (comme les extensions Firefox), avec un fichier manifest en plus (<code>application.ini</code>) qui décrit l'application. Les paquets d'application sont généralement compressées au format zip dans une archive avec l'extension .xulapp ou .xpi. Ils peuvent être installés avec la ligne de commande XULRunner "-install-app" (voir les <a href="/fr/Notes_de_versions_de_XULRunner_1.8.0.4" title="fr/Notes_de_versions_de_XULRunner_1.8.0.4">Notes de versions de XULRunner 1.8.0.4</a> <small>(à traduire de <a href="/en/XULRunner_1.8.0.4_Release_Notes">en:XULRunner_1.8.0.4_Release_Notes</a>)</small>).</p> - -<h3 id="application.ini" name="application.ini">application.ini</h3> - -<p>Le fichier manifest <code>application.ini</code> se trouve à la racine de le l'extension et fournit les metadonnées pour permettre au XULRunner de lancer correctement l'application. Il est analysé comme un fichier style INI windows avec le couple <code>'Headings'</code> et <code>Key=Value</code>. Les lignes commençant par <code>;</code> ou <code>#</code> sont traités comme des commentaires.</p> - -<p>Vous pouvez trouver un exemple de <code>application.ini</code> dans <a href="https://dxr.mozilla.org/mozilla-central/source/xulrunner/examples/simple/application.ini" rel="custom">le code source de Mozilla</a>.</p> - -<h2 id="Section_.5BApp.5D" name="Section_.5BApp.5D">Section [App]</h2> - -<p>La partie <code>App</code> spécifie les metadonnées sur l'application</p> - -<dl> - <dt>Name</dt> - <dd>Indique le nom de l'application.<br> - REQUIS<br> - Exemple : <code>Name=TestApplication</code></dd> - <dt>Version</dt> - <dd>Indique la version de l'application<br> - REQUIS<br> - Voir <a href="/fr/Format_de_version_du_toolkit" title="fr/Format_de_version_du_toolkit">Format de version du toolkit</a> pour les détails sur le numérotage des versions<br> - Exemple : <code>Version=0.1</code></dd> - <dt>BuildID</dt> - <dd>Indique un identifiant de compilation unique. Il s'agit généralement d'un identifiant temporel, devrait être différent pour chaque version publiée de l'application.<br> - REQUIS<br> - Exemple : <code>BuildID=20060201</code></dd> - <dt>ID</dt> - <dd>Spécifie un l'identifiant unique de l'application<br> - REQUIS<br> - L'ID de l'application, comme les IDs d'extensions, peuvent être formés soit comme un email <code><a class="link-mailto" href="mailto:ApplicationName@vendor.tld" rel="freelink">ApplicationName@vendor.tld</a></code> ou comme un UUID (Universal Unique Identifier) <code>{12345678-1234-1234-1234-123456789abc}</code>. Le format email est préférable pour les nouveaux développements d'application.<br> - Exemple: <code><a class="link-mailto" href="mailto:ID=TestApplication@example.tld" rel="freelink">ID=TestApplication@example.tld</a></code></dd> - <dt>Vendor</dt> - <dd>Indique le vendeur de l'application<br> - OPTIONNEL<br> - Exemple : <code>Vendor=Grinch Productions</code></dd> -</dl> - -<h2 id="Section_.5BGecko.5D" name="Section_.5BGecko.5D">Section [Gecko]</h2> - -<p>La partie <code>Gecko</code> spécifie quelle version de XULRunner est requise par l'application.</p> - -<dl> - <dt>MinVersion</dt> - <dd>Indique la version minimale de XULRunner requise pour l'application.<br> - REQUIS<br> - Exemple : <code>MinVersion=1.8</code></dd> - <dt>MaxVersion</dt> - <dd>Indique la version maximum de XULRunner dont l'application à besoin.<br> - OPTIONNEL - la valeur par défaut correspond à n'importe quelle version de XULRunner inférieure à XULRunner 2<br> - Exemple : <code>MaxVersion=1.8.0.*</code></dd> -</dl> - -<h2 id="Section_.5BXRE.5D" name="Section_.5BXRE.5D">Section [XRE]</h2> - -<p>La section <code>XRE</code> spécifie diverses caractéristiques possibles du démarrage de XULRunner.</p> - -<dl> - <dt id="em">EnableExtensionManager</dt> - <dd>Spécifie si les extensions sont activées. Il peut prendre la valeur 1 ou 0.<br> - OPTIONNEL - La valeur par défaut est 0<br> - Exemple : <code>EnableExtensionManager=1</code></dd> - <dt>EnableProfileMigrator</dt></dt> - <dd>Spécifie si, quand l'application est lancée pour la première fois et qu'il n'y a pas de profils, le code de migration de profil doit être activé par l'interface nsIProfileMigrator. Les valeurs possibles sont 1 et 0.<br> - OPTIONNEL - La valeur par défaut est 0<br> - Exemple : <code>EnableProfileMigrator=1</code></dd> -</dl> diff --git a/files/fr/archive/mozilla/xulrunner/faq_de_xulrunner/index.html b/files/fr/archive/mozilla/xulrunner/faq_de_xulrunner/index.html deleted file mode 100644 index e803a9af7a..0000000000 --- a/files/fr/archive/mozilla/xulrunner/faq_de_xulrunner/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: FAQ de XULRunner -slug: Archive/Mozilla/XULRunner/FAQ_de_XULRunner -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/FAQ ---- -<p> </p> -<p>Cette page a pour but de répondre à des questions fréquemment posées et de corriger des idées fausses courantes sur <a href="/fr/XULRunner" title="fr/XULRunner">XULRunner</a>.</p> -<dl> <dt>Est-ce que XULRunner est un navigateur ?</dt> <dd>Non. Vous pouvez utiliser XULRunner pour créer un navigateur (<a class="external" href="http://benjamin.smedbergs.us/xulrunner/">exemple mybrowser</a> ou Firefox), mais il n'existe pas (et n'existera jamais) de « navigateur XULRunner ».</dd> -</dl> -<dl> <dt>Est-ce que XULRunner est un outil de développement ?</dt> <dd>Pas particulièrement ; XULRunner est une technologie de moteur d'exécution Internet. XULRunner peut servir à créer des outils de développement (le <a class="external" href="http://www.alphaworks.ibm.com/tech/ajaxtk">framework toolkit AJAX</a> par exemple). À l'avenir, des kits de développement XULRunner seront proposés avec divers outils de développement.</dd> -</dl> -<dl> <dt>Comment comparer XULRunner à d'autres moteurs d'exécution comme Java ou .NET (ou Python ou ...) ?</dt> <dd>Le but de XULRunner est de faciliter le développement et le déploiement d'applications Internet. Il n'est pas destiné à être un environnement d'exécution universel ; ceci permet à XULRunner de rester compact et d'offrir une stratégie de déploiement plus simple que les environnements génériques.</dd> -</dl> -<dl> <dt>Si j'utilise XULRunner, dois-je écrire mes applications en XUL ?</dt> <dd>Non ! Vous pouvez écrire votre application dans n'importe quel langage supporté par la plateforme Web de Mozilla, dont HTML, XHTML, SVG, or XUL.</dd> -</dl> -<dl> <dt>Pourquoi est-il appelé XULRunner, plutôt que HTMLRunner ou quelque chose de ce genre ?</dt> <dd>Le nom n'est pas arrêté. D'autres noms peuvent être proposés au développeur en chef <a href="/User:Benjamin_Smedberg">Benjamin Smedberg</a>.</dd> -</dl> -<dl> <dt>Quand Firefox sera-t-il basé sur XULRunner ?</dt> <dd>Consultez la <a class="external" href="http://wiki.mozilla.org/XULRunner:Roadmap">feuille de route de XULRunner</a>. C'est prévu pour Firefox 3 (et XULRunner 1.9) vers la fin 2007.</dd> -</dl> -<p></p> diff --git a/files/fr/archive/mozilla/xulrunner/florilège_des_applications_xulrunner/index.html b/files/fr/archive/mozilla/xulrunner/florilège_des_applications_xulrunner/index.html deleted file mode 100644 index d95b17e186..0000000000 --- a/files/fr/archive/mozilla/xulrunner/florilège_des_applications_xulrunner/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: Florilège des applications XULrunner -slug: Archive/Mozilla/XULRunner/Florilège_des_applications_XULrunner -tags: - - Entreprise - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/Hall_of_Fame ---- -<p>Cette page liste les applications XULRunner existantes.</p> -<h3 id="Applications_XULRunner" name="Applications_XULRunner">Applications XULRunner</h3> -<dl> <dt><a class="external" href="http://chatzilla.rdmsoft.com/xulrunner/">ChatZilla</a></dt> <dd>Une version autonome du client IRC ChatZilla.</dd> -</dl> -<dl> <dt><a class="external" href="http://ffsearchplugins.free.fr/clines/index.php#xulrunner">Clines</a></dt> <dd>Un clone de Color Lines (jeu)</dd> -</dl> -<dl> <dt><a class="external" href="http://www.psyc.us">CocoaPSYC.app</a></dt> <dd>Un client IM/Chat <a class="external" href="http://about.psyc.eu">PSYC</a> pour Mac OS X (également disponible en extension pour Firefox).</dd> -</dl> -<dl> <dt><a class="external" href="http://www.twinsoft.com/intl/en/cariocaweb/convertigo-ems-enterprise-mashup-server.htm">Convertigo Enterprise Mashup Server</a></dt> <dd>Un outil pour intégrer des applications WEB sous forme de services Web SOAP ou pour les « clippers » afin de construire des « mashups » en entreprise.</dd> -</dl> -<dl> <dt><a class="external" href="http://daim.project.free.fr/">DAIM</a></dt> <dd>Un superbe outil d'analyse d'images, utilisant une bibliothèque d'images professionnelle.</dd> -</dl> -<dl> <dt><a class="external" href="http://developer.emusic.com/">eMusic Remote</a></dt> <dd>Le gestionnaire de téléchargement pour la plate-forme eMusic.</dd> -</dl> -<dl> <dt><a class="external" href="http://open-ils.org/">Evergreen - Staff Client</a></dt> <dd>Evergreen est une bibliothèque système libre.</dd> -</dl> -<dl> <dt><a class="external" href="http://mathijs.jurresip.nl/findthatfont/">FindThatFont!</a></dt> <dd>Outil de gestion de fonte pour Microsoft Windows et Linux, qui permet de rechercher une fonte particulière.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.jakinbidea.com/?page_id=39">GencatRss</a></dt> <dd>Un gestionnaire de flux RSS.</dd> -</dl> -<dl> <dt><a class="external" href="http://services.google.com/adwordseditor/index.html">Google AdWords Editor</a></dt> <dd>AdWords Editor est une application locale de gestion des comptes Google.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.birgin.de/produkte/ida/index_EN.php">IDA</a></dt> <dd>Système de publication E-Learning pour créer facilement des applications d'apprentissage sur le Web.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.joost.com/">Joost</a> (précédemment dénommé <a class="external" href="http://www.theveniceproject.com">The Venice Project</a>)</dt> <dd>Un application TV Internet. La compagnie aim veut combiner le meilleur des fonctionnalités de la télévision avec celles d'Internet.</dd> <dt> </dt><dt><a class="external" href="http://www.kiwix.org/index.php/Main_Page/fr" title="http://www.kiwix.org/index.php/Main_Page/fr">Kiwix</a></dt> <dd>Une application pour avoir accès à Wikipédia, où encore à la document d'Ubuntu, hors-ligne.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.kirix.com/">Kirix Strata</a></dt> <dd>Un nouveau navigateur spécialise pour accéder et manipuler des données à partir du Web.</dd> -</dl> -<dl> <dt><a class="external" href="http://www-03.ibm.com/developerworks/blogs/page/CompApps?entry=how_to_run_xul_applications">Lotus Notes / Sametime</a></dt> <dd>Les dernières version de Lotus Notes et de Sametime d'IBM peuvent embarquées des applications XUL.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.mangoproject.org/">Mango</a></dt> <dd>Un client Jabber.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.getmiro.com/">Miro</a></dt> <dd>Lecteur et navigateur TV sur Internet.</dd> -</dl> -<dl> <dt><a class="external" href="http://davidkellogg.com/wiki/Main_Page">Plain Old Webserver</a></dt> <dd>Un serveur Web pleinement fonctionnel qui exécute du code JavaScript côté serveur.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.songbirdnest.com/">Songbird</a></dt> <dd>Un lecteur audio.</dd> -</dl> -<dl> <dt><a class="external" href="http://telekast.sourceforge.net">TeleKast</a></dt> <dd>TeleKast fournit des éditeurs de scripts, de documents Web et de kiosk. Il comprend aussi un téléprompteur. Le téléprompteur, éditeur de documents Web et kiosk utilisent des scripts permettant de communiquer facilement.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.tomtom.com">TomTom HOME 2</a></dt> <dd>Application PC pour gérer les périphériques GPS TomTom.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.openwengo.org">WengoPhone</a></dt> <dd>Un client IM/VoIP basé sur SIP/XMPP.</dd> <dd> </dd><dt><a class="external" href="http://www.yoono.com/desktop_features.html" title="http://www.yoono.com/desktop_features.html">Yoono Desktop</a></dt> <dd>Application PC/Mac pour gérer et suivre vos réseaux sociaux et vos messageries instantanées (support de : Facebook, Twitter, MySpace, FriendFeed, Flickr, iMeem, MSN Live Messenger, Yahoo Messenger, AIM, GTalk).</dd> -</dl> -<dl> <dt><a class="external" href="http://developer.mozilla.org/en/docs/Category:Mozilla_Webclient">Embed XULRunner in Java</a></dt> -</dl> -<h3 id="Utilitaires_.2F_Prototypes" name="Utilitaires_.2F_Prototypes">Utilitaires / Prototypes</h3> -<dl> <dt><a class="external" href="http://benjamin.smedbergs.us/xulrunner/">Exemples XULRunner</a> de Benjamin</dt> <dd>« mybrowser est un exemple de navigateur simple », xulmine</dd> -</dl> -<dl> <dt><a class="external" href="http://www.jinsync.com/?q=node/9">30b</a></dt> <dd>Un <strong>wrapper</strong> à base de XULRunner pour 30boxes.com</dd> -</dl> -<dl> <dt><a class="external" href="http://www.eclipse.org/atf/">AJAX Toolkit Framework (ATF)</a></dt> <dd>A part of the Eclipse Web Tools Platform (WTP)</dd> -</dl> -<dl> <dt><a class="external" href="http://simile.mit.edu/crowbar/">Crowbar</a></dt> <dd>Un environnement Web simplifié basé sur l'utilisation d'un navigateur basé sur Mozilla côté serveur.</dd> -</dl> -<dl> <dt><a class="external" href="http://exch.mozdev.org/">Exch</a></dt> <dd>Un outil de conversion des devises utilisant des données mises à jour depuis le site <a class=" external" href="http://finance.yahoo.com/currency" rel="freelink">http://finance.yahoo.com/currency</a>. Vous pouvez utiliser l'extension Firefox ou la version autonome.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.smellman.homelinux.org/mozilla/xulapp.html#foxkehclock">Foxkeh Clock (ja)</a></dt> <dd>Une horlage mettant en scène le personnage <a class="external" href="http://www.foxkeh.com/">Foxkeh</a>.</dd> -</dl> -<dl> <dt><a class="external" href="http://opendocumentfellowship.org/odfviewer">Visualiseur OpenDocument</a></dt> <dd>Visualiseur de documents OpenDocument multiplate-forme.</dd> -</dl> -<dl> <dt><a class="external" href="http://www.treebuilder.de/default.asp?file=257091.xml">SVGclock</a></dt> <dd>Une horloge en SVG.</dd> -</dl> -<dl> <dt><a class="external" href="http://blogs.acceleration.net/ryan/articles/2018.aspx">TaskPool</a></dt> <dd>TaskPool est une petite application de gestion du temps. Elle vous permet d'ajouter des tâches à une liste de chose à faire, de les activer ou de les désactiver, et elle décomptera les secondes.</dd> -</dl> -<dl> <dt><a class="external" href="http://starkravingfinkle.org/blog/xul-explorer/">XUL Explorer</a></dt> <dd>« Un IDE XUL légère… un moyen facile et rapide de développer avec XUL »</dd> -</dl> -<dl> <dt><a class="external" href="http://labs.mozilla.com/2007/10/prism/">Prims</a> (précédemment <a class="external" href="http://starkravingfinkle.org/blog/2007/07/webrunner-05-now-with-more-power/">WebRunner</a>)</dt> <dd>Un navigateur spécifique à un site en particulier. Il permet de lancer une application Web telle que Gmail dans un processus indépendant de celui du navigateur.</dd> -</dl> -<p></p> diff --git a/files/fr/archive/mozilla/xulrunner/index.html b/files/fr/archive/mozilla/xulrunner/index.html deleted file mode 100644 index 4f72cf88ec..0000000000 --- a/files/fr/archive/mozilla/xulrunner/index.html +++ /dev/null @@ -1,118 +0,0 @@ ---- -title: XULRunner -slug: Archive/Mozilla/XULRunner -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner ---- -<div class="callout-box"><strong><a class="external" href="http://blogs.acceleration.net/ryan/archive/2005/05/06/1073.aspx">XULRunner tutorial</a></strong><br> -Une courte introduction à XULRunner.</div> - -<div><strong>XULRunner</strong> est un environnement d'exécution installable pouvant gérer des applications <a href="/fr/XUL" title="fr/XUL">XUL</a>+<a href="/fr/XPCOM" title="fr/XPCOM">XPCOM</a> aussi riches que Firefox et Thunderbird. Il fournit des mécanismes permettant d'installer, de mettre à jour et de désinstaller des applications. XULRunner fournira également libxul, une solution permettant d'embarquer les technologies Mozilla dans d'autres projets et produits.</div> - -<table class="topicpage-table"> - <tbody> - <tr> - <td> - <h4 id="T.C3.A9l.C3.A9chargements" name="T.C3.A9l.C3.A9chargements">Téléchargements</h4> - - <div class="note"> - <p>XULRunner est <a class="external external-icon" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/latest" title="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/">disponible sur ftp.mozilla.org</a>. Veuillez consulter les <a href="/fr/Notes_de_versions_de_XULRunner_1.9" title="fr/Notes_de_versions_de_XULRunner_1.9">notes de version</a> pour l'installation, la désinstallation et d'autres informations.</p> - - <p>Firefox 3 est distribué avec un paquet XULRunner privé, qui peut exécuter toute application compatible XULRunner à l'aide du paramètre de commande <code>-app</code>.</p> - - <p><a href="/fr/XULRunner//Anciennes_versions" title="fr/XULRunner//Anciennes_versions">Des versions plus anciennes</a> sont également disponibles.</p> - </div> - - <h4 id="Aper.C3.A7u" name="Aper.C3.A7u">Aperçu</h4> - - <ul> - <li><a class="wikimo" href="https://wiki.mozilla.org/XULRunner:Roadmap" title="Feuille de route de développement">Feuille de route de développement</a></li> - <li><a href="/fr/XULRunner/Ce_qu'offre_XULRunner" title="fr/XULRunner/Ce_qu'offre_XULRunner">Ce qu'offre XULRunner</a></li> - <li><a href="/fr/FAQ_de_XULRunner" title="fr/FAQ_de_XULRunner">FAQ de XULRunner</a></li> - <li>Compilations nocturnes : <a href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/nightly/latest-trunk/">latest-trunk</a></li> - </ul> - - <h4 id="Documentation" name="Documentation">Documentation</h4> - - <dl> - <dt><a class="external" href="http://zenit.senecac.on.ca/wiki/index.php/XULRunner_Guide">Guide XULRunner</a></dt> - <dd><small>Une introduction assez complète et un tutoriel pour XULRunner qui regroupe la plupart des informations disponibles ici.</small></dd> - </dl> - - <dl> - <dt><a href="/Special:Tags?tag=XULRunner:Exemples&language=fr" title="Special:Tags?tag=XULRunner:Exemples&language=fr">Exemples d'applications</a></dt> - <dd><small>Quelques exemples simples d'applications XULRunner qui peuvent être copiés.</small></dd> - </dl> - - <dl> - <dt><a class="external" href="http://blogs.acceleration.net/ryan/archive/2005/05/06/1073.aspx">A XULRunner Tutorial</a></dt> - <dd><small>Une courte introduction à XULRunner.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Astuces_XULRunner" title="fr/Astuces_XULRunner">Astuces XULRunner</a></dt> - <dd><small>Une collection d'astuces pour travailler avec XULRunner.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/XULRunner/Déploiement_de_XULRunner_1.8" title="fr/XULRunner/Déploiement_de_XULRunner_1.8">Déploiement de XULRunner</a></dt> - <dd><small>Cet article décrit comment déployer des applications autonomes XUL dans un environnement de production.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Florilège_des_applications_XULrunner" title="fr/Florilège_des_applications_XULrunner">Florilège des applications XULrunner</a></dt> - <dd><small>Suivi des applications disponibles basées sur XULRunner.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Documentation_sur_la_compilation" title="fr/Documentation_sur_la_compilation">Documentation sur la compilation</a></dt> - <dd><small>Découvrez comment obtenir le code source et le compiler.</small></dd> - </dl> - - <dl> - <dt> </dt> - <dd><small>Étapes de configuration de Venkman pour déboguer votre application.</small></dd> - </dl> - - <dl> - <dt><a href="/fr/Débogage_d'une_application_XULRunner" title="fr/Débogage_d'une_application_XULRunner">Documentation de débogage</a></dt> - </dl> - - <p><span class="alllinks"><a href="/Special:Tags?tag=XULRunner&language=fr" title="Special:Tags?tag=XULRunner&language=fr">Tous les articles…</a></span></p> - </td> - <td> - <h4 id="Communaut.C3.A9" name="Communaut.C3.A9">Communauté</h4> - - <ul> - <li>Voir les forums de Mozilla…</li> - </ul> - - <p></p><ul> - <li><a href="https://lists.mozilla.org/listinfo/dev-platform"> Liste de diffusion</a></li> - - - <li><a href="http://groups.google.com/group/mozilla.dev.platform"> newsgroup</a></li> - <li><a href="http://groups.google.com/group/mozilla.dev.platform/feeds"> Flux de syndication</a></li> -</ul><p></p> - - <ul> - <li><a class="link-irc" href="irc://irc.mozilla.org/#xulrunner">#xulrunner sur irc.mozilla.org</a></li> - <li><a class="external" href="http://mail.mozilla.org/listinfo/xulrunner-dev">mailing list XULRunner-Dev</a></li> - <li><a href="/fr/XULRunner/Communauté" title="fr/XULRunner/Communauté">Autres liens communautaires…</a></li> - </ul> - - <h4 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s">Sujets liés</h4> - - <dl> - <dd><a href="/fr/XUL" title="fr/XUL">XUL</a></dd> - </dl> - </td> - </tr> - </tbody> -</table> - -<p><span class="comment">Categories</span></p> - -<p><span class="comment">Interwiki Language Links</span></p> diff --git a/files/fr/archive/mozilla/xulrunner/notes_de_versions_de_xulrunner_1.8.0.4/index.html b/files/fr/archive/mozilla/xulrunner/notes_de_versions_de_xulrunner_1.8.0.4/index.html deleted file mode 100644 index 83087ff904..0000000000 --- a/files/fr/archive/mozilla/xulrunner/notes_de_versions_de_xulrunner_1.8.0.4/index.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -title: Notes de versions de XULRunner 1.8.0.4 -slug: Archive/Mozilla/XULRunner/Notes_de_versions_de_XULRunner_1.8.0.4 -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/1.8.0.4 ---- -<p>XULRunner 1.8.0.4 est une <i>version stable pour les développeurs</i> de l'environnement d'éxécution Mozilla <a href="fr/XULRunner">XULRunner</a>. Il remplace <a href="fr/Notes_de_versions_de_XULRunner_1.8.0.1">la version 1.8.0.1</a> ; tous les utilisateurs devraient mettre à jour leur version. Il permet de lancer des applications XUL autonomes, et d'embarquer des API qui permettent d'avoir un rendu de pages Web dans des applications natives ou Java. -</p> -<h3 id="Configuration_syst.C3.A8me_minimum" name="Configuration_syst.C3.A8me_minimum"> Configuration système minimum </h3> -<p>Avant installation, vérifiez que votre ordinateur répond <a class="external" href="http://www.mozilla.com/firefox/system-requirements.html">aux exigences système minimales</a> (en). Ces exigences sont les mêmes pour XULRunner et pour Firefox. -</p> -<h3 id="Installation_de_XULRunner" name="Installation_de_XULRunner"> Installation de XULRunner </h3> -<p>Mozilla propose XULRunner pour Windows, Mac OS X et Linux, uniquement en anglais : -</p> -<ul><li> <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.0.4/win32/en-US/xulrunner-1.8.0.4.en-US.win32.zip">Télécharger XULRunner pour Windows</a> -</li><li> <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.0.4/mac/en-US/xulrunner-1.8.0.4.en-US.mac.dmg">Télécharger XULRunner pour Mac OS X</a> -</li><li> <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.0.4/linux-i686/en-US/xulrunner-1.8.0.4.en-US.linux-i686.tar.gz">Télécharger XULRunner pour Linux</a> -</li></ul> -<p>Frenchmozilla propose sur son site une <a class="external" href="http://frenchmozilla.sourceforge.net/xulrunner/">version française</a> de XULRunner 1.8.0.4 pour ces trois plateformes. -</p> -<h4 id="Windows" name="Windows"> Windows </h4> -<ul><li> Décompressez le fichier ZIP dans un nouveau répertoire en utilisant un outil d'archivage (<a class="external" href="http://www.7-zip.org/fr/">7zip</a> est préconisé). Le répertoire suivant est recommandé : <tt>C:\Program Files\Mozilla XULRunner\1.8.0.4</tt>. -</li><li> Pour enregistrer XULRunner auprès du système d'exploitation, ouvrez une invite de commande et exécutez <tt>xulrunner.exe --register-global</tt> (pour un enregistrement global) ou <tt>xulrunner.exe --register-user</tt> (pour n'enregistrer que pour un utilisateur). -</li></ul> -<h4 id="Mac_OS_X" name="Mac_OS_X"> Mac OS X </h4> -<ul><li> Ouvrez le fichier .pkg dans l'installeur, et suivez les indications. -</li></ul> -<h4 id="Linux" name="Linux"> Linux </h4> -<ul><li> Décompressez le tarball dans un nouveau répertoire en utilisant la commande <tt>tar -xzf xulrunner-1.8.0.4.en-US.linux-i686.tar.gz</tt>. Le répertoire suivant est recommandé : <tt>/opt/xulrunner/1.8.0.4</tt>. -</li><li> Enregistrez XULRunner auprès du système d'exploitation en exécutant <tt>xulrunner --register-global</tt> (pour une installation globale, doit être faite par root) ou <tt>xulrunner --register-user</tt> (pour n'enregistrer que pour un utilisateur). -</li></ul> -<h3 id="D.C3.A9sinstallation_de_XULRunner" name="D.C3.A9sinstallation_de_XULRunner"> Désinstallation de XULRunner </h3> -<h4 id="Windows.2FLinux" name="Windows.2FLinux"> Windows/Linux </h4> -<ul><li> Depuis une invite de commande, lancez <tt>xulrunner --unregister-global</tt> ou <tt>xulrunner --unregister-user</tt> pour désenregistrer XULRunner de la même manière que vous l'avez enregistré à l'installation. -</li><li> Supprimez le répertoire XULRunner. -</li></ul> -<h4 id="Mac_OS_X_2" name="Mac_OS_X_2"> Mac OS X </h4> -<p>Si vous disposez de plusieurs versions installées de XULRunner sous Mac OS X, il n'est pas possible d'en désinstaller une seule. -</p> -<ul><li> Pour enlever <b>toutes</b> les versions installées de XULRunner, supprimez le répertoire <tt>/Library/Frameworks/XUL.framework</tt>. -</li></ul> -<h3 id="Installation_d.27applications_XUL" name="Installation_d.27applications_XUL"> Installation d'applications XUL </h3> -<p>Les applications XUL peuvent être obtenues de différentes sources, et sont habituellement livrées sous forme d'archive ZIP portant une extension <tt>.xulapp</tt> ou <tt>.xpi</tt>. <a>Quelques applications</a> sont disponibles depuis le <a href="fr">Mozilla Developer Center</a>. -</p> -<ul><li> Sauvegardez l'archive de l'application sur votre bureau ou à un endroit de votre choix. -</li></ul> -<h4 id="Windows_2" name="Windows_2"> Windows </h4> -<p>Lancez la commande suivantes depuis Menu > Exécutez ou depuis une invite de commande : -</p> -<pre class="eval">"C:\Program Files\Mozilla XULRunner\1.8.0.4\xulrunner\xulrunner.exe" --install-app "C:\Documents and Settings\<var>nomUtilisateur</var>\Bureau\<var>monApplication</var>.xpi" -</pre> -<p>L'application sera installée dans <tt>C:\Program Files\<var>NomVendeur</var>\<var>NomApplication</var></tt> -</p> -<h4 id="Mac_OS_X_3" name="Mac_OS_X_3"> Mac OS X </h4> -<p>Lancez la commande suivante dans une invite de commande : -</p> -<pre class="eval">/Library/Frameworks/XUL.framework/xulrunner-bin --install-app ~/Bureau/<var>monApplication</var>.xpi -</pre> -<p>L'application sera installée dans <tt>/Applications/<var>nomVendeur</var>/<var>nomApplication</var></tt> -</p> -<h4 id="Linux_2" name="Linux_2"> Linux </h4> -<p>Lancez la commande suivante dans une invite de commande : -</p> -<pre class="eval">/opt/xulrunner/1.8.0.4/xulrunner/xulrunner --install-app ~/Desktop/<var>monApplication</var>.xpi -</pre> -<p>L'application sera installée dans <tt>/usr/lib/<var>nomVendeur</var>/<var>nomApplication</var></tt> -</p> -<h3 id="Probl.C3.A8mes_connus" name="Probl.C3.A8mes_connus"> Problèmes connus </h3> -<ul><li> Les logiciels pare-feu peuvent identifier les applications XUL comme étant une seule et unique application. -</li><li> Sous Microsoft Windows XP, toutes les applications XUL peuvent être regroupées ensemble dans la barre de tâche. -</li></ul> -<h3 id="Foires_aux_questions" name="Foires_aux_questions"> Foires aux questions </h3> -<p></p><dl> -<dt>Pourquoi l'installation de XULRunner est-il aussi pénible ? Pourquoi n'y a-t-il pas un joli installeur ? -</dt><dd>Parce que personne n'en a encore écrit le code ! Il s'agit d'une version préalable pour les développeurs : des fonctionnalités supplémentaires pour l'installation et le déploiement de XULRunner et des applications basées sur XULRunner seront disponibles dans les futures versions. -<p></p></dd><dt>J'ai écrit une application XUL, comment puis-je la déployer chez mes utilisateurs ? -</dt><dd>Pour l'instant, Mozilla recommande que XULRunner soit déployé individuellement avec chaque application. Consultez <a href="fr/XULRunner/D%c3%a9ploiement_de_XULRunner_1.8">Déploiement de XULRunner 1.8</a> pour plus d'information. -<p></p></dd><dt>Où est le code source ? -</dt><dd><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.0.4/source/xulrunner-1.8.0.4-source.tar.bz2">Ici.</a> -<p></p></dd><dt>Je pense avoir trouvé un bogue, comment puis-je le signaler ? -</dt><dd><a class="link-https" href="https://bugzilla.mozilla.org/">bugzilla.mozilla.org</a> sert à traquer les bogues de tous les produits Mozilla. Assurez-vous s'il vous plait que votre bogue n'est pas déjà connu avant de le poster, en utilisant la fonction de recherche. -<p></p></dd><dt>Comment puis-je aider ? -</dt><dd>Si vous souhaitez participer à XULRunner sans savoir par où débuter, visitez la page <a href="fr/XULRunner/Communaut%c3%a9">XULRunner:Communauté</a> et posez vos questions sur les newsgroups ou sur le canal IRC. -</dd></dl> -<p><span class="comment">Interwiki Language Links</span> -</p> -<div class="noinclude"> -</div> diff --git a/files/fr/archive/mozilla/xulrunner/notes_de_versions_de_xulrunner_1.9/index.html b/files/fr/archive/mozilla/xulrunner/notes_de_versions_de_xulrunner_1.9/index.html deleted file mode 100644 index 3e2e5b6e1b..0000000000 --- a/files/fr/archive/mozilla/xulrunner/notes_de_versions_de_xulrunner_1.9/index.html +++ /dev/null @@ -1,137 +0,0 @@ ---- -title: Notes de versions de XULRunner 1.9 -slug: Archive/Mozilla/XULRunner/Notes_de_versions_de_XULRunner_1.9 -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/1.9 ---- -<p>XULRunner 1.9 est une<em>version stable</em> de l'environnement d'exécution Mozilla <a href="fr/XULRunner">XULRunner</a>. Il remplace <a href="fr/Notes_de_versions_de_XULRunner_1.8.0.4">la version 1.8.0.4</a> ; tous les utilisateurs devraient mettre à jour leur version. Il permet de lancer des applications XUL autonomes, et d'embarquer des API qui permettent d'avoir un rendu de pages Web dans des applications natives ou Java. XULRunner 1.9 est basé sur les mêmes sources que Firefox 3.</p> - -<h3 id="Configuration_syst.C3.A8me_minimum" name="Configuration_syst.C3.A8me_minimum">Configuration système minimum</h3> - -<p>Avant installation, vérifiez que votre ordinateur répond <a class="external" href="http://www.mozilla.com/firefox/system-requirements.html">aux exigences système minimales</a> (en). Ces exigences sont les mêmes pour XULRunner et pour Firefox.</p> - -<h3 id="Installation_de_XULRunner" name="Installation_de_XULRunner">Installation de XULRunner</h3> - -<p>Mozilla propose XULRunner pour Windows, Mac OS X et Linux, uniquement en anglais :</p> - -<ul> - <li><a class="external" href="http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.0.0/runtimes/xulrunner-1.9.en-US.win32.zip">Télécharger XULRunner pour Windows</a></li> - <li><a class="external" href="http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.0.0/runtimes/xulrunner-1.9.en-US.mac-pkg.dmg">Télécharger XULRunner pour Mac OS X</a></li> - <li><a class="external" href="http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.0.0/runtimes/xulrunner-1.9.en-US.linux-i686.tar.bz2">Télécharger XULRunner pour Linux</a></li> -</ul> - -<p>Frenchmozilla propose sur son site une <a class="external" href="http://www.frenchmozilla.fr/xulrunner/">version française</a> de XULRunner 1.9 pour ces trois plateformes.</p> - -<h4 id="Windows" name="Windows">Windows</h4> - -<ul> - <li>Décompressez le fichier ZIP dans un nouveau répertoire en utilisant un outil d'archivage (<a class="external" href="http://www.7-zip.org/fr/">7zip</a> est préconisé). Le répertoire suivant est recommandé : <code>C:\Program Files\Mozilla XULRunner\1.9</code> .</li> - <li>Pour enregistrer XULRunner auprès du système d'exploitation, ouvrez une invite de commande et exécutez <code>xulrunner.exe --register-global</code> (pour un enregistrement global) ou <code>xulrunner.exe --register-user</code> (pour n'enregistrer que pour un utilisateur).</li> -</ul> - -<h4 id="Mac_OS_X" name="Mac_OS_X">Mac OS X</h4> - -<ul> - <li>Ouvrez le fichier .pkg dans l'installeur, et suivez les indications.</li> -</ul> - -<h4 id="Linux" name="Linux">Linux</h4> - -<ul> - <li>Décompressez le tarball dans un nouveau répertoire en utilisant la commande tar -xjf xulrunner-1.9.en-US.linux-i686.tar.bz2. Le répertoire suivant est recommandé : /opt/xulrunner/1.9.</li> - <li>Enregistrez XULRunner auprès du système d'exploitation en exécutant xulrunner --register-global (pour une installation globale, doit être faite par root) ou xulrunner --register-user (pour n'enregistrer que pour un utilisateur).</li> -</ul> - -<h3 id="D.C3.A9sinstallation_de_XULRunner" name="D.C3.A9sinstallation_de_XULRunner">Désinstallation de XULRunner</h3> - -<h4 id="Windows.2FLinux" name="Windows.2FLinux">Windows/Linux</h4> - -<ul> - <li>Depuis une invite de commande, lancez xulrunner --unregister-global ou xulrunner --unregister-user pour désenregistrer XULRunner de la même manière que vous l'avez enregistré à l'installation.</li> - <li>Supprimez le répertoire XULRunner.</li> -</ul> - -<h4 id="Mac_OS_X_2" name="Mac_OS_X_2">Mac OS X</h4> - -<p>Si vous disposez de plusieurs versions installées de XULRunner sous Mac OS X, il n'est pas possible d'en désinstaller une seule.</p> - -<ul> - <li>Pour enlever <strong>toutes</strong> les versions installées de XULRunner, supprimez le répertoire /Library/Frameworks/XUL.framework.</li> -</ul> - -<h3 id="Installation_d.27applications_XUL" name="Installation_d.27applications_XUL">Installation d'applications XUL</h3> - -<p>Les applications XUL peuvent être obtenues de différentes sources, et sont habituellement livrées sous forme d'archive ZIP portant une extension .xulapp ou .xpi. <a>Quelques applications</a> sont disponibles depuis le <a href="fr">Mozilla Developer Center</a>.</p> - -<ul> - <li>Sauvegardez l'archive de l'application sur votre bureau ou à un endroit de votre choix.</li> -</ul> - -<h4 id="Windows_2" name="Windows_2">Windows</h4> - -<p>Lancez la commande suivantes depuis le menu<em>Démarrer → Exécuter</em> ou depuis une invite de commandes :</p> - -<pre class="eval">"C:\Program Files\Mozilla XULRunner\1.9\xulrunner\xulrunner.exe" --install-app "C:\Documents and Settings\<var>nomUtilisateur</var>\Bureau\<var>monApplication</var>.xpi" -</pre> - -<p>L'application sera installée dans C:\Program Files\<var>NomVendeur</var>\<var>NomApplication</var></p> - -<h4 id="Mac_OS_X_3" name="Mac_OS_X_3">Mac OS X</h4> - -<p>Lancez la commande suivante dans une invite de commandes :</p> - -<pre class="eval">/Library/Frameworks/XUL.framework/xulrunner-bin --install-app ~/Bureau/<var>monApplication</var>.xpi -</pre> - -<p>L'application sera installée dans /Applications/<var>nomVendeur</var>/<var>nomApplication</var></p> - -<h4 id="Linux_2" name="Linux_2">Linux</h4> - -<p>Lancez la commande suivante dans une invite de commandes :</p> - -<pre class="eval">/opt/xulrunner/1.9/xulrunner/xulrunner --install-app ~/Desktop/<var>monApplication</var>.xpi -</pre> - -<p>L'application sera installée dans /usr/lib/<var>nomVendeur</var>/<var>nomApplication</var></p> - -<h3 id="Probl.C3.A8mes_connus" name="Probl.C3.A8mes_connus">Problèmes connus</h3> - -<ul> - <li>Les logiciels pare-feu peuvent identifier les applications XUL comme étant une seule et unique application.</li> - <li>Sous Microsoft Windows XP, toutes les applications XUL peuvent être regroupées ensemble dans la barre des tâches.</li> -</ul> - -<h3 id="Foire_aux_questions" name="Foire_aux_questions">Foire aux questions</h3> - -<p> </p> - -<dl> - <dt>Pourquoi l'installation de XULRunner est-elle aussi pénible ? Pourquoi n'y a-t-il pas un joli installeur ?</dt> - <dd>Parce que personne n'en a encore écrit le code ! Des fonctionnalités supplémentaires pour l'installation et le déploiement de XULRunner et des applications basées sur XULRunner seront disponibles dans les futures versions. - <p> </p> - </dd> - <dt>J'ai écrit une application XUL, comment puis-je la déployer chez mes utilisateurs ?</dt> - <dd>Pour l'instant, Mozilla recommande que XULRunner soit déployé individuellement avec chaque application. Consultez <a href="fr/XULRunner/D%c3%a9ploiement_de_XULRunner_1.8">Déploiement de XULRunner</a> pour plus d'informations. - <p> </p> - </dd> - <dt>Où est le code source ?</dt> - <dd><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.0.4/source/xulrunner-1.9.0.0-source.tar.bz2">Ici.</a> - <p> </p> - </dd> - <dt>Où est le SDK ?</dt> - <dd><a class="external" href="http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.0.0/sdk/">Là.</a> - <p> </p> - </dd> - <dt>Je pense avoir trouvé un bogue, comment puis-je le signaler ?</dt> - <dd><a class="link-https" href="https://bugzilla.mozilla.org/">bugzilla.mozilla.org</a> sert à traquer les bogues de tous les produits Mozilla. Assurez-vous s'il vous plait que votre bogue n'est pas déjà connu avant de le poster, en utilisant la fonction de recherche. - <p> </p> - </dd> - <dt>Comment puis-je aider ?</dt> - <dd>Si vous souhaitez participer à XULRunner sans savoir par où débuter, visitez la page <a href="fr/XULRunner/Communaut%c3%a9">XULRunner:Communauté</a> et posez vos questions sur les newsgroups ou sur le canal IRC.</dd> -</dl> - -<div class="noinclude"> </div> - -<p></p> diff --git a/files/fr/archive/mozilla/xulrunner/xulrunner_anciennes_versions/index.html b/files/fr/archive/mozilla/xulrunner/xulrunner_anciennes_versions/index.html deleted file mode 100644 index afd9b3fd26..0000000000 --- a/files/fr/archive/mozilla/xulrunner/xulrunner_anciennes_versions/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: XULRunner/Anciennes versions -slug: Archive/Mozilla/XULRunner/XULRunner_Anciennes_versions -tags: - - XUL - - XULRunner -translation_of: Archive/Mozilla/XULRunner/Old_releases ---- -<dl> - <dt> - <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/xulrunner/nightly/latest-trunk/">Compilations nocturnes de XULRunner 1.9.0.x</a></dt> - <dd> - Ces compilations sont effectués depuis la branche stable 1.9.</dd> -</dl> -<dl> - <dt> - <a class="external" href="http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.1.3/">Compilations contribuées par la communauté de XULRunner 1.8.1.3</a></dt> - <dd> - Ces compilations sont fournies par la communauté <a class="external" href="http://www.eclipse.org/atf/">Eclipse ATF</a> et sont prévues pour l'intégration dans d'autres produits (embedding). Les compilations Windows et Linux pourront exécuter des applications XULRunner normales, mais la version Mac utilise des widgets Cocoa et ne pourra donc pas lancer d'applications XULRunner.</dd> -</dl> -<dl> - <dt> - <a href="fr/Notes_de_versions_de_XULRunner_1.8.0.4">XULRunner 1.8.0.4</a></dt> - <dd> - Il s'agit de la dernière version de démonstration stable pour développeurs de la branche 1.8.0. Elle comporte des trous de sécurité connus et ne devrait pas être utilisée dans des applications traitant du contenu Web public.</dd> -</dl> |