diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
commit | 39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch) | |
tree | 66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/mozilla/firefox/releases/1.5 | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2 translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip |
unslug fr: move
Diffstat (limited to 'files/fr/mozilla/firefox/releases/1.5')
3 files changed, 353 insertions, 0 deletions
diff --git a/files/fr/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html b/files/fr/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html new file mode 100644 index 0000000000..8702ac2824 --- /dev/null +++ b/files/fr/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html @@ -0,0 +1,33 @@ +--- +title: Adaptation des applications XUL pour Firefox 1.5 +slug: Adaptation_des_applications_XUL_pour_Firefox_1.5 +tags: + - Extensions + - XUL +translation_of: Mozilla/Firefox/Releases/1.5/Adapting_XUL_Applications_for_Firefox_1.5 +--- +<div>{{FirefoxSidebar}}</div><p> </p> + +<p>Cette page contient une liste des modifications de <a href="fr/Firefox_1.5">Firefox 1.5</a> qui concernent les développeurs XUL.</p> + +<h3 id="Modifications_sp.C3.A9cifiques" name="Modifications_sp.C3.A9cifiques">Modifications spécifiques</h3> + +<ul> + <li><a href="fr/Modifications_de_l'API_Tree">Modifications de l'API Tree </a></li> + <li><a href="fr/Caract%c3%a8res_internationaux_dans_du_JavaScript_XUL">Caractères internationaux dans du JavaScript XUL </a> (seules les extensions contenant des caractères non-ASCII sont affectées)</li> + <li><a href="fr/Changements_dans_XMLHttpRequest_pour_Gecko_1.8">Modifications avec XMLHttpRequest</a></li> + <li><a href="fr/Modifications_XUL_pour_Firefox_1.5">Modifications XUL pour Firefox 1.5 </a></li> + <li><a href="fr/XPCNativeWrapper">XPCNativeWrapper</a> sont activés par défaut et leurs comportements diffèrent légèrement par rapport à 1.0.x</li> + <li>Une méthode plus simple <a href="fr/Enregistrement_chrome">d'enregistrement chrome</a> rend obsolète contents.rdf</li> + <li>Pour les menus contextuels avec overlay : la fonction <code>gContextMenu.linkURL()</code> a été renommée en <code>gContextMenu.getLinkURL()</code> et <code>linkURL</code> est maintenant une propriété. Pour l'utiliser de manière rétrocompatible :<br> + url = 'getLinkURL' in gContextMenu ? gContextMenu.getLinkURL() : gContextMenu.linkURL();</li> +</ul> + +<h3 id="Autres_informations" name="Autres_informations">Autres informations</h3> + +<ul> + <li><a href="fr/Utilisation_de_nsIXULAppInfo">Comment tester la version d'une application en utilisant nsIXULAppInfo</a></li> + <li><a class="external" href="http://kb.mozillazine.org/Dev_:_Extensions_:_Cross-Version_Compatibility_Techniques">MozillaZine</a></li> +</ul> + +<p>{{ languages( { "en": "en/Adapting_XUL_Applications_for_Firefox_1.5", "it": "it/Adattare_le_applicazioni_XUL_a_Firefox_1.5", "ja": "ja/Adapting_XUL_Applications_for_Firefox_1.5", "pl": "pl/Dostosowanie_aplikacji_XUL_do_Firefoksa_1.5" } ) }}</p> diff --git a/files/fr/mozilla/firefox/releases/1.5/index.html b/files/fr/mozilla/firefox/releases/1.5/index.html new file mode 100644 index 0000000000..84f17d122f --- /dev/null +++ b/files/fr/mozilla/firefox/releases/1.5/index.html @@ -0,0 +1,125 @@ +--- +title: Firefox 1.5 pour les développeurs +slug: Mozilla/Firefox/Versions/1.5 +tags: + - Firefox + - Firefox 1.5 +translation_of: Mozilla/Firefox/Releases/1.5 +--- +<div>{{FirefoxSidebar}}</div><p>Firefox 1.5, basé sur le moteur <a class="internal" href="/fr/Gecko" title="fr/Gecko">Gecko</a> 1.8, améliore son support des standards déjà de premier ordre et fournit de nouvelles opportunités de créer la prochaine génération d'applications Web. Firefox 1.5 propose un support amélioré de CSS2 et CSS3, des API pour des graphiques 2D scriptables et programmables grâce à <a class="internal" href="/fr/SVG" title="fr/SVG">SVG</a> 1.1 et <code><canvas></code>, les évènements <a class="internal" href="/fr/XForms" title="fr/XForms">XForms</a> et XML, ainsi que de nombreuses améliorations du DHTML, du JavaScript et du DOM.</p> + +<h2 id="Outils_pour_d.C3.A9veloppeurs" name="Outils_pour_d.C3.A9veloppeurs">Outils pour développeurs</h2> + +<p>Plusieurs outils et extensions sont disponibles pour aider les développeurs à travailler avec Firefox 1.5.</p> + +<ul> + <li>L'<a class="internal" href="/fr/Inspecteur_DOM" title="fr/Inspecteur_DOM">Inspecteur DOM</a>, un outil permettant aux développeurs d'examiner et de transformer les documents sans avoir à les modifier directement. L'inspecteur DOM est disponible lors de l'installation de Firefox 1.5 dans les options d'installation personnalisée, en choisissant les outils de développement.</li> + <li>La console JavaScript, un outil permettant d'écrire et tester du code JavaScript, ainsi que d'afficher les erreurs JavaScript et CSS d'une page.</li> + <li>L'affichage du code source d'une page avec coloration syntaxique et recherche intégrée.</li> + <li>Des <a class="link-https" href="https://addons.mozilla.org/extensions/showlist.php?application=firefox&category=Developer%20Tools">extensions</a> comme <a class="external" href="http://www.joehewitt.com/software/firebug/">Firebug</a>, <a class="internal" href="/fr/Extension_Firefox_Web_Developer_(externe)" title="fr/Extension_Firefox_Web_Developer_(externe)">la barre d'outils Web Developer</a>, <a class="internal" href="/fr/Live_HTTP_Headers_(externe)" title="fr/Live_HTTP_Headers_(externe)">Live HTTP Headers</a>, <a class="internal" href="/fr/Validateur_HTML_en_français_(externe)" title="fr/Validateur_HTML_en_français_(externe)">un validateur HTML</a>, <a class="internal" href="/fr/Extension_Developer's_Extension_(externe)" title="fr/Extension_Developer's_Extension_(externe)">une extension pour les développeurs d'extensions</a> et bien d'autres.</li> +</ul> + +<p><strong>Note :</strong> Certaines extensions ne sont pas encore supportées par Firefox 1.5 et seront automatiquement désactivées.</p> + +<h2 id="Fonctionnalit.C3.A9s" name="Fonctionnalit.C3.A9s">Fonctionnalités</h2> + +<p>Voici certaines des nouvelles fonctionnalités de Firefox 1.5 :</p> + +<h3 id="Site_Web_et_d.C3.A9veloppeurs_d.27applications" name="Site_Web_et_d.C3.A9veloppeurs_d.27applications">Site Web et développeurs d'applications</h3> + +<dl> + <dt><a class="internal" href="/fr/Introduction_à_SVG_dans_HTML" title="fr/Introduction_à_SVG_dans_HTML">Introduction à SVG dans HTML</a></dt> + <dd>Apprenez à utiliser le SVG dans des pages XHTML et comment JavaScript et CSS sont utilisés pour manipuler une image comme vous le feriez avec le XHTML dans un script. Voir également <a class="internal" href="/fr/SVG_dans_Firefox" title="fr/SVG_dans_Firefox">SVG dans Firefox</a> pour connaître l'état et les problèmes connus de l'implémentation du SVG dans la version 1.5.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/Dessiner_avec_canvas" title="fr/Dessiner_avec_canvas">Dessiner avec canvas</a></dt> + <dd>Apprenez à utiliser la nouvelle balise <code><canvas></code> et comment dessiner des graphiques et d'autres objets dans Firefox.</dd> +</dl> + +<dl> + <dt><a href="/fr/Colonnes_CSS3" title="fr/Colonnes_CSS3">Colonnes CSS3</a></dt> + <dd>Apprenez à utiliser le nouveau support de mise en page multi-colonnes automatiques comme proposé par CSS3.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/Utilisation_du_cache_de_Firefox_1.5" title="fr/Utilisation_du_cache_de_Firefox_1.5">Utilisation du cache de Firefox 1.5</a></dt> + <dd>Découvrez <code>bfcache</code> et comment il accélère la navigation en arrière et en avant.</dd> +</dl> + +<h3 id="XUL_et_d.C3.A9veloppeurs_d.27extension" name="XUL_et_d.C3.A9veloppeurs_d.27extension">XUL et développeurs d'extension</h3> + +<dl> + <dt><a class="internal" href="/fr/Construire_une_extension" title="fr/Construire_une_extension">Construire une extension</a></dt> + <dd>Ce tutoriel vous guidera par étape dans la création d'une extension très simple pour Firefox. Consultez également <a class="external" href="http://kb.mozillazine.org/Getting_started_with_extension_development">un autre tutoriel sur la base de connaissance de MozillaZine</a> qui montre comment il est encore plus simple de créer une nouvelle extension avec les nouvelles fonctionnalités du gestionnaire d'extensions dans 1.5.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/XPCNativeWrapper" title="fr/XPCNativeWrapper">XPCNativeWrapper</a></dt> + <dd><code>XPCNativeWrapper</code> est un moyen pour empaqueter un objet afin qu'il puisse <a class="internal" href="/fr/Accès_sécurisé_au_contenu_DOM_depuis_le_chrome" title="fr/Accès_sécurisé_au_contenu_DOM_depuis_le_chrome">accéder à des privilèges chrome</a>. Il peut être utilisé dans toutes les versions de Firefox bien que son comportement soit sensiblement différent au lancement de Firefox 1.5 (Gecko 1.8).</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/Système_de_préférences" title="fr/Système_de_préférences">Système de préférences</a></dt> + <dd>Apprenez à utiliser les nouveaux composants graphiques qui vous permettront de créer des fenêtres d'options plus facilement en utilisant moins de code JavaScript.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/Caractères_internationaux_dans_du_JavaScript_XUL" title="fr/Caractères_internationaux_dans_du_JavaScript_XUL">Caractères internationaux dans du JavaScript XUL</a></dt> + <dd>Les fichiers JavaScript XUL peuvent maintenant contenir des caractères non-ASCII.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/Modifications_du_composant_graphique_tree" title="fr/Modifications_du_composant_graphique_tree">Modifications de l'API Tree</a></dt> + <dd>Les interfaces pour accéder aux éléments XUL <code><tree></code> ont été modifiées.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/fr/Modifications_XUL_pour_Firefox_1.5" title="fr/Modifications_XUL_pour_Firefox_1.5">Modifications XUL pour Firefox 1.5</a></dt> + <dd>Résumé des modifications du XUL. Consultez également <a class="internal" 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>.</dd> +</dl> + +<h2 id="Nouvelles_fonctionnalit.C3.A9s_pour_l.27utilisateur" name="Nouvelles_fonctionnalit.C3.A9s_pour_l.27utilisateur">Nouvelles fonctionnalités pour l'utilisateur</h2> + +<h3 id="Utilisation_courante" name="Utilisation_courante">Utilisation courante</h3> + +<ul> + <li><strong>Navigation plus rapide</strong> avec une performance accrue des boutons permettant de reculer ou d'avancer d'une page.</li> + <li><strong>Réorganisation des onglets par glisser-déposer.</strong></li> + <li><strong>Le dictionnaire MediaDICO a été ajouté à la liste des moteurs de recherche</strong>.</li> + <li><strong>Une meilleure prise en main</strong> avec des pages d'erreur descriptives, un menu d'options redessiné, la découverte automatique des fils RSS et un « mode sans échec » plus facile à utiliser.</li> + <li><strong>Meilleur support de l'accessibilité</strong>, notamment pour les pages DHTML.</li> + <li><strong>Assistant pour les sites Web non fonctionnels</strong> pour rapporter les sites Web qui ne fonctionnent pas avec Firefox.</li> + <li><strong>Meilleur support de Mac OS X</strong> (10.2 et supérieur), avec la migration des profils de Safari et d'Internet Explorer pour Mac.</li> +</ul> + +<h3 id="S.C3.A9curit.C3.A9_et_vie_priv.C3.A9e" name="S.C3.A9curit.C3.A9_et_vie_priv.C3.A9e">Sécurité et vie privée</h3> + +<ul> + <li><strong>Mises à jour automatiques</strong> pour rationaliser les mises à niveau du navigateur. La notification d'une mise à jour est plus visible et les mises à jour de Firefox n'excèdent plus le demi méga-octet. La mise à jour des extensions a également été améliorée.</li> + <li><strong>Améliorations du système de blocage de l'ouverture intempestive de fenêtres (popups).</strong></li> + <li><strong>La fonctionnalité d'effacement des traces</strong> offre un accès simplifié et rapide pour supprimer toutes vos données personnelles via un menu ou un raccourci clavier.</li> +</ul> + +<h3 id="Support_des_standards_Web_ouverts" name="Support_des_standards_Web_ouverts">Support des standards Web ouverts</h3> + +<p>Le support des standards Web de Firefox garde une longueur d'avance avec des implémentations fonctionnelles et multiplateformes pour :</p> + +<ul> + <li>Hypertext Markup Language (<a class="internal" href="/fr/HTML" title="fr/HTML">HTML</a>) et Extensible Hypertext Markup Language (<a class="internal" href="/fr/XHTML" title="fr/XHTML">XHTML</a>): <a class="external" href="http://www.w3.org/TR/html401/">HTML 4.01</a> et <a class="external" href="http://www.w3.org/TR/xhtml1/">XHTML 1.0/1.1</a></li> + <li>Cascading Style Sheets (<a class="internal" href="/fr/CSS" title="fr/CSS">CSS</a>): <a class="external" href="http://www.w3.org/TR/REC-CSS1">CSS niveau 1</a>, <a class="external" href="http://www.w3.org/TR/REC-CSS2">CSS niveau 2</a> et quelques parties de <a class="external" href="http://www.w3.org/Style/CSS/current-work.html">CSS niveau 3</a></li> + <li>Document Object Model (<a class="internal" href="/fr/DOM" title="fr/DOM">DOM</a>): <a class="external" href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/">DOM niveau 1</a>, <a class="external" href="http://www.w3.org/DOM/DOMTR#dom2">DOM niveau 2</a> et quelques parties de <a class="external" href="http://www.w3.org/DOM/DOMTR#dom3">DOM niveau 3</a></li> + <li>Mathematical Markup Language: <a class="external" href="http://www.w3.org/Math/">MathML Version 2.0</a></li> + <li>Extensible Markup Language (<a class="internal" href="/fr/XML" title="fr/XML">XML</a>): <a class="external" href="http://www.w3.org/TR/REC-xml">XML 1.0</a>, <a class="external" href="http://www.w3.org/TR/REC-xml-names/">Espaces de nommage sous XML</a>, <a class="external" href="http://www.w3.org/TR/xml-stylesheet/">Feuilles de styles associées avec des documents XML 1.0</a>, <a class="external" href="http://lists.w3.org/Archives/Public/www-xml-linking-comments/2001AprJun/att-0074/01-NOTE-FIXptr-20010425.htm">Fragment Identifier for XML</a></li> + <li>XSL Transformations (<a class="internal" href="/fr/XSLT" title="fr/XSLT">XSLT</a>): <a class="external" href="http://www.w3.org/TR/xslt">XSLT 1.0</a></li> + <li>XML Path Language (<a class="internal" href="/fr/XPath" title="fr/XPath">XPath</a>): <a class="external" href="http://www.w3.org/TR/xpath">XPath 1.0</a></li> + <li>Resource Description Framework (<a class="internal" href="/fr/RDF" title="fr/RDF">RDF</a>): <a class="external" href="http://www.w3.org/RDF/">RDF</a></li> + <li>Simple Object Access Protocol (SOAP): <a class="external" href="http://www.w3.org/TR/SOAP/">SOAP 1.1</a></li> + <li><a class="internal" href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a> 1.6, basé sur <a href="/fr/ECMAScript" title="fr/ECMAScript">ECMA-262</a>, révision 3 : <a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMA-262</a></li> +</ul> + +<p>Firefox 1.5 supporte un bon nombre de protocoles de transport de données (HTTP, FTP, SSL, TLS et d'autres), les caractères multi-langages (Unicode), plusieurs formats graphiques (GIF, JPEG, PNG, SVG et d'autres) et la dernière version du langage de script le plus populaire au monde, <a href="/fr/Nouveautés_dans_JavaScript_1.6" title="fr/Nouveautés_dans_JavaScript_1.6">JavaScript 1.6</a>.</p> + +<h2 id="Changements_depuis_Firefox_1.0" name="Changements_depuis_Firefox_1.0">Changements depuis Firefox 1.0</h2> + +<p>De nombreux changements ont été introduits dans Firefox depuis sa première sortie le 9 novembre 2004. Firefox a progressé avec beaucoup de nouvelles fonctions et de corrections de bogues. Une <a class="external" href="http://www.squarefree.com/burningedge/releases/1.5-comprehensive.html">liste détaillée des modifications</a> est disponible sur squarefree.com.</p> diff --git a/files/fr/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html b/files/fr/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html new file mode 100644 index 0000000000..b88ec3bfcd --- /dev/null +++ b/files/fr/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html @@ -0,0 +1,195 @@ +--- +title: Utilisation du cache de Firefox 1.5 +slug: Utilisation_du_cache_de_Firefox_1.5 +tags: + - DOM + - Développement_Web + - Extensions + - HTML + - JavaScript +translation_of: Mozilla/Firefox/Releases/1.5/Using_Firefox_1.5_caching +--- +<div>{{FirefoxSidebar}}</div><p> </p> + +<h3 id="Introduction" name="Introduction">Introduction</h3> + +<p><a href="/fr/Firefox_1.5_pour_les_développeurs" title="fr/Firefox_1.5_pour_les_développeurs">Firefox 1.5</a> met en mémoire cache des pages Web entières, avec leurs états JavaScript, pour une même session de navigation. Revenir ou avancer entre des pages déjà visitées ne nécessite aucun chargement de page et les états JavaScript sont préservés. Cette fonctionnalité parfois appelée <strong>bfcache</strong> (pour « Back-Forward Cache ») rend la navigation très rapide. Ce cache est préservé en mémoire jusqu'à ce que l'utilisateur ferme le navigateur.</p> + +<p>Il existe des cas où Firefox ne met pas en cache les pages. Vous trouverez ci-dessous certaines raisons classiques de programmation faisant qu'une page n'est pas mise en cache :</p> + +<ul> + <li>La page utilise un gestionnaire <code>unload</code></li> + <li>La page définit « cache-control: no-store »</li> + <li>La page définit « cache-control: no-cache » et le site est sécurisé par HTTPS</li> + <li>La page n'est pas complètement chargée quand l'utilisateur la quitte pour en charger une autre</li> + <li>La page de niveau supérieur de la page contient des cadres qui ne peuvent pas être mis en cache</li> + <li>La page est dans un cadre et l'utilisateur charge une nouvelle page dans ce cadre (dans ce cas, lorsque l'utilisateur navigue vers une autre page, le dernier contenu chargé dans les cadres est celui mis en cache)</li> +</ul> + +<p>Cette nouvelle fonctionnalité de mise en cache modifie le comportement du chargement des pages, et les webmestres peuvent désirer :</p> + +<ul> + <li>savoir qu'une page a été accédée (lorsqu'elle est chargée depuis le cache de l'utilisateur)</li> + <li>définir le comportement d'une page lorsque l'utilisateur la quitte (tout en lui permettant d'être mise en cache)</li> +</ul> + +<p>Le navigateur offre aux webmestres deux nouveaux évènements pour cela.</p> + +<h3 id="Nouveaux_.C3.A9v.C3.A8nements_du_navigateur" name="Nouveaux_.C3.A9v.C3.A8nements_du_navigateur">Nouveaux évènements du navigateur</h3> + +<p>Si vous utilisez ces nouveaux évènements, vos pages continueront à s'afficher correctement dans les autres navigateurs (nous avons testé des versions antérieures de Firefox, Internet Explorer, Opera et Safari), et elles utiliseront ces nouvelles fonctionnalités de mise en cache lors de leur chargement dans Firefox 1.5.</p> + +<p>Le comportement standard des pages Web est :</p> + +<ol> + <li>L'utilisateur accède à une page.</li> + <li>Au cours du chargement de la page, les scripts contenus dans la page (<em>inline</em>) s'exécutent.</li> + <li>Dès que la page est chargée, le gestionnaire <code>onload</code> est invoqué.</li> +</ol> + +<p>Certaines pages comprennent une quatrième étape. Ce sont celles qui utilisent un gestionnaire <code>unload</code> se déclenchant lorsque l'utilisateur quitte la page pour en charger une autre. Si un gestionnaire <code>unload</code> est présent, la page ne sera pas mise en cache.</p> + +<p>Lorsqu'un utilisateur navigue vers une page mise en cache, les scripts en-ligne et le gestionnaire <code>onload</code> ne sont pas exécutés (étape 2 et 3) puisque dans la plupart des cas les effets de ces scripts ont été préservés.</p> + +<p>Si la page contient des scripts ou d'autres actions déclenchées au chargement qui doivent continuer à s'exécuter lorsque l'utilisateur affiche la page, ou si vous voulez savoir si un utilisateur a consulté une page en cache, utilisez le nouvel évènement <code>pageshow</code>.</p> + +<p>Si vous avez des actions devant s'exécuter lorsque l'utilisateur quitte une page, mais désirez profiter de la nouvelle fonctionnalité de mise en cache, donc sans pouvoir employer le gestionnaire <code>unload</code>, utilisez le nouvel évènement <code>pagehide</code>.</p> + +<h4 id="L.27.C3.A9v.C3.A8nement_pageshow" name="L.27.C3.A9v.C3.A8nement_pageshow">L'évènement pageshow</h4> + +<p>Cet évènement fonctionne comme l'évènement <code>load</code>, sauf qu'il se déclenche à chaque fois que la page est chargée (tandis que l'évènement <code>load</code> ne se déclenche pas avec Firefox 1.5 pour une page chargée depuis le cache). La première fois qu'une page se charge, l'évènement <code>pageshow</code> se déclenche juste après l'évènement <code>load</code>. L'évènement <code>pageshow</code> utilise une propriété booléenne <code>persisted</code> définie à <code>false</code> lors du chargement initial. Elle est définie à <code>true</code> s'il ne s'agit pas du chargement initial de la page (en d'autres termes, elle est définie à <code>true</code> pour une page chargée depuis le cache).</p> + +<p>Définissez tous vos scripts JavaScript que vous voulez voir exécutés à chaque fois qu'une page se charge grâce à l'évènement <code>pageshow</code>.</p> + +<p>Si vous appelez des fonctions JavaScript comme faisant partie de l'évènement <code>pageshow</code>, vous pouvez vous assurer qu'elles soient appelées lorsque la page est chargée dans d'autres navigateurs que Firefox 1.5 en appelant l'évènement <code>pageshow</code> depuis l'évènement <code>load</code>, comme indiqué dans l'exemple plus bas dans cet article.</p> + +<h4 id="L.27.C3.A9v.C3.A8nement_pagehide" name="L.27.C3.A9v.C3.A8nement_pagehide">L'évènement pagehide</h4> + +<p>Si vous désirez définir un comportement se produisant lorsque l'utilisateur quitte la page, mais ne voulez pas utiliser l'évènement <code>unload</code> (ce qui empêcherait la page d'être mise en cache), vous pouvez utiliser le nouvel évènement <code>pagehide</code>. Comme <code>pageshow</code>, l'évènement <code>pagehide</code> utilise une propriété booléenne appelée <code>persisted</code>. Cette propriété est définie à <code>true</code> si la page est mise en cache par le navigateur. Lorsque cette propriété est définie à <code>false</code>, le gestionnaire <code>unload</code>, s'il existe, se déclenche immédiatement après l'évènement <code>pagehide</code>.</p> + +<p>Firefox 1.5 essaie de simuler les évènements de chargement dans le même ordre de déroulement que lorsque la page est chargée initialement. Les cadres sont traités de la même façon que le document principal. Si la page contient des cadres, cela signifie que lorsque la page mise en cache est chargée :</p> + +<ul> + <li>les évènements <code>pageshow</code> de chaque cadre se déclenchent avant l'évènement <code>pageshow</code> du document principal.</li> + <li>lorsque l'utilisateur quitte la page mise en cache, l'évènement <code>pagehide</code> de chaque cadre se déclenche avant l'évènement <code>pagehide</code> du document principal.</li> + <li>pour la navigation se déroulant à l'intérieur d'un seul cadre, les évènements se déclenchent uniquement dans le cadre affecté.</li> +</ul> + +<h3 id="Exemple_de_code" name="Exemple_de_code">Exemple de code</h3> + +<p>L'exemple ci-dessous illustre une page utilisant à la fois les évènements <code>load</code> et <code>pageshow</code>. La page se comporte de la façon suivante :</p> + +<ul> + <li>Dans les autres navigateurs que Firefox 1.5, voici ce qui se produit à chaque chargement de la page : l'évènement <code>load</code> déclenche la fonction <code>onLoad</code>, qui appelle la fonction <code>onPageShow</code> (ainsi qu'une autre fonction).</li> +</ul> + +<ul> + <li>Dans Firefox 1.5, la première fois que la page est chargée, l'évènement <code>load</code> s'opère de la même façon que dans les autres navigateurs. De plus l'évènement <code>pageshow</code> se déclenche, et comme <code>persisted</code> est égal à <code>false</code>, rien d'autre ne se produit.</li> +</ul> + +<ul> + <li>Dans Firefox 1.5, lorsque la page est chargée depuis le cache, seul l'évènement <code>pageshow</code> se déclenche. Comme <code>persisted</code> est égal à <code>true</code>, seules les actions JavaScript de la fonction <code>onPageShow</code> sont effectuées.</li> +</ul> + +<p>Dans cet exemple :</p> + +<ul> + <li>La page calcule et affiche la date et l'heure courantes à chaque chargement de la page. Ce calcul prend en compte les secondes et millisecondes afin que la fonctionnalité puisse être testée facilement.</li> + <li>Le curseur est placé dans le champ Nom du formulaire au premier chargement de la page. Dans Firefox 1.5, lorsque l'utilisateur revient sur la page, le curseur reste dans le champ dans lequel il se trouvait lorsqu'il l'a quittée. Dans les autres navigateurs, le curseur retourne dans le champ Nom.</li> +</ul> + +<pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "http://www.w3.org/TR/html4/loose.dtd"> +<HTML> +<head> +<title>Commande : Exemple de Firefox 1.5</title> +<style type="text/css"> +body, p { + font-family: Verdana, sans-serif; + font-size: 12px; + } +</style> +<script type="text/javascript"> +function onLoad() { + loadOnlyFirst(); + onPageShow(); +} + +function onPageShow() { +// calcule la date et l'heure courantes + var currentTime = new Date(); + var year = currentTime.getFullYear(); + var month = currentTime.getMonth()+1; + var day = currentTime.getDate(); + var hour = currentTime.getHours(); + var min = currentTime.getMinutes(); + var sec = currentTime.getSeconds(); + var mil = currentTime.getMilliseconds(); + var displayTime = (day + "/" + month + "/" + year + " " + + hour + ":" + min + ":" + sec + ":" + mil); + document.getElementById("timefield").value = displayTime; +} + +function loadOnlyFirst() { + document.zipForm.name.focus(); +} +</script> +</head> +<body onload="onLoad();" onpageshow="if (event.persisted) onPageShow();"> +<h2>Commande</h2> + +<form name="zipForm" action="http://www.example.com/formresult.html" method="get"> +<label for="timefield">Date et heure :</label> +<input type="text" id="timefield"><br> +<label for="name">Nom :</label> +<input type="text" id="name"><br> +<label for="address">Adresse e-mail :</label> +<input type="text" id="address"><br> +<label for="order">Numéro de commande :</label> +<input type="text" id="order"><br> +<input type="submit" name="submit" value="Soumettre la requête"> +</form> +</body> +</html> +</pre> + +<p>En revanche, si la page ci-dessus n'avait pas écouté l'évènement <code>pageshow</code> et gérait tous les calculs au sein de l'évènement <code>load</code> (et était codée à la place comme dans l'exemple de code ci-dessous), la position du curseur et l'heure auraient été mis en cache par Firefox 1.5 lorsque l'utilisateur aurait quitté la page. Lors de son retour, ce seraient la date et l'heure mises en cache qui auraient été affichées.</p> + +<pre><script> +function onLoad() { + loadOnlyFirst(); + +// calcule la date et l'heure courante + var currentTime = new Date(); + var year = currentTime.getFullYear(); + var month = currentTime.getMonth()+1; + var day = currentTime.getDate(); + var hour = currentTime.getHours(); + var min = currentTime.getMinutes(); + var sec = currentTime.getSeconds(); + var mil = currentTime.getMilliseconds(); + var displayTime = (day + "/" + month + "/" + year + " " + + hour + ":" + min + ":" + sec + ":" + mil); + document.getElementById("timefield").value = displayTime; +} + +function loadOnlyFirst() { + document.zipForm.name.focus(); +} +</script> +</head> + +<body onload="onLoad();"> +</pre> + +<h3 id="D.C3.A9veloppement_d.27extensions_pour_Firefox" name="D.C3.A9veloppement_d.27extensions_pour_Firefox">Développement d'extensions pour Firefox</h3> + +<p>Les <a href="/fr/Construire_une_extension" title="fr/Construire_une_extension">extensions</a> pour Firefox 1.5 doivent prendre en compte cette fonctionnalité de mise en cache. Si vous développez une extension pour Firefox et que vous désirez qu'elle soit compatible à la fois avec la 1.5 et les versions antérieures, assurez-vous qu'elle écoute l'évènement <code>load</code> pour les déclencheurs qui peuvent être mis en cache et écoute l'évènement <code>pageshow</code> pour les déclencheurs qui ne doivent pas être mis en cache.</p> + +<p>Par exemple, la Barre d'outils Google pour Firefox doit écouter l'évènement <code>load</code> pour la fonction de liens automatiques et l'évènement <code>pageshow</code> pour la fonction PageRank afin d'être compatible à la fois avec la version 1.5 et les versions antérieures.</p> + +<p><span class="comment">Catégories</span></p> + +<p><span class="comment">Interwiki</span></p> + +<p>{{ languages( { "de": "de/Benutzen_des_Zwischenspeichers_in_Firefox_1.5_(caching)", "en": "en/Using_Firefox_1.5_caching", "it": "it/Usare_il_caching_di_Firefox_1.5", "ja": "ja/Using_Firefox_1.5_caching" } ) }}</p> |