diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/idbopendbrequest | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/idbopendbrequest')
-rw-r--r-- | files/fr/web/api/idbopendbrequest/blocked_event/index.md | 113 | ||||
-rw-r--r-- | files/fr/web/api/idbopendbrequest/index.md | 105 |
2 files changed, 81 insertions, 137 deletions
diff --git a/files/fr/web/api/idbopendbrequest/blocked_event/index.md b/files/fr/web/api/idbopendbrequest/blocked_event/index.md index 6789721695..0e21967b84 100644 --- a/files/fr/web/api/idbopendbrequest/blocked_event/index.md +++ b/files/fr/web/api/idbopendbrequest/blocked_event/index.md @@ -4,72 +4,38 @@ slug: Web/API/IDBOpenDBRequest/blocked_event translation_of: Web/API/IDBOpenDBRequest/blocked_event original_slug: Web/API/IDBRequest/blocked_event --- -<p>Le handler <strong>blocked</strong> est exécuté lorsque l'ouverture d'une connexion à une base de données bloque une transaction <em>versionchange</em> sur celle-ci.</p> +Le handler **blocked** est exécuté lorsque l'ouverture d'une connexion à une base de données bloque une transaction _versionchange_ sur celle-ci. -<h2 id="Informations_générales">Informations générales</h2> +## Informations générales -<dl> - <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">IDBVersionChangeEvent</dd> - <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">IDBRequest</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Aucune</dd> -</dl> +- Spécification + - : [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) +- Interface + - : IDBVersionChangeEvent +- Propagation + - : Non +- Annulable + - : Non +- Cible + - : IDBRequest +- Action par défaut + - : Aucune -<h2 id="Propriétés">Propriétés</h2> +## Propriétés -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>The request concerned by this event.</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>newVersion</code> {{readonlyInline}}</td> - <td>unsigned long (int)</td> - <td>The new version of the database.</td> - </tr> - <tr> - <td><code>oldVersion</code> {{readonlyInline}}</td> - <td>unsigned long (int)</td> - <td>The old version of the database.</td> - </tr> - </tbody> -</table> +| Property | Type | Description | +| ------------------------------------- | ------------------------------------ | ------------------------------------------ | +| `target` {{readonlyInline}} | {{domxref("EventTarget")}} | The request concerned by this event. | +| `type` {{readonlyInline}} | {{domxref("DOMString")}} | The type of event. | +| `bubbles` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event normally bubbles or not. | +| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event is cancellable or not. | +| `newVersion` {{readonlyInline}} | unsigned long (int) | The new version of the database. | +| `oldVersion` {{readonlyInline}} | unsigned long (int) | The old version of the database. | -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush:js">var req1 = indexedDB.open("addressbook", 3); +```js +var req1 = indexedDB.open("addressbook", 3); req1.onsuccess = function( event ) { var addressbookDB = event.target.result; @@ -82,22 +48,19 @@ req1.onsuccess = function( event ) { console.log(e) }; -};</pre> +}; +``` -<h2 id="Evénements_liés">Evénements liés</h2> +## Evénements liés -<ul> - <li>{{event("success")}}</li> - <li>{{event("error")}}</li> - <li>{{event("abort")}}</li> - <li>{{event("complete")}}</li> - <li>{{event("upgradeneeded")}}</li> - <li>{{event("blocked")}}</li> - <li>{{event("versionchange")}}</li> -</ul> +- {{event("success")}} +- {{event("error")}} +- {{event("abort")}} +- {{event("complete")}} +- {{event("upgradeneeded")}} +- {{event("blocked")}} +- {{event("versionchange")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/fr/docs/IndexedDB/Using_IndexedDB">Utilisation d'IndexedDB</a></li> -</ul> +- [Utilisation d'IndexedDB](/fr/docs/IndexedDB/Using_IndexedDB) diff --git a/files/fr/web/api/idbopendbrequest/index.md b/files/fr/web/api/idbopendbrequest/index.md index 2cbb5b3c7e..8cdf9c4579 100644 --- a/files/fr/web/api/idbopendbrequest/index.md +++ b/files/fr/web/api/idbopendbrequest/index.md @@ -11,48 +11,45 @@ tags: - Stockage translation_of: Web/API/IDBOpenDBRequest --- -<p>{{APIRef("IndexedDB")}}</p> +{{APIRef("IndexedDB")}} -<div> -<p>L'interface <strong><code>IDBOpenDBRequest</code></strong> de l'API IndexedDB donne un accès aux résultats des requêtes permettant d'ouvrir ou de supprimer des bases de donnée (Effectuée via {{domxref("IDBFactory.open")}} et {{domxref("IDBFactory.deleteDatabase")}}).</p> -</div> +L'interface **`IDBOpenDBRequest`** de l'API IndexedDB donne un accès aux résultats des requêtes permettant d'ouvrir ou de supprimer des bases de donnée (Effectuée via {{domxref("IDBFactory.open")}} et {{domxref("IDBFactory.deleteDatabase")}}). -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<p>{{InheritanceDiagram}}</p> +{{InheritanceDiagram}} -<h2 id="Propriétés">Propriétés</h2> +## Propriétés -<p><em>Hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref("EventTarget")}}</em>.</p> +_Hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref("EventTarget")}}_. -<h3 id="Évènements">Évènements</h3> +### Évènements -<dl> - <dt>{{domxref("IDBOpenDBRequest.onblocked")}}</dt> - <dd>Le gestionnaire d'événements pour événement bloqué . Cet événement est lancé lorsqu' un événement <code>upgradeneeded </code>doit être déclenché en raison d'un changement de version, mais que la base de données est toujours en cours d'utilisation (c'est-à-dire, non fermée) quelque part, même après l'envoi de l'évènement <code>versionchange</code> .</dd> - <dt>{{domxref("IDBOpenDBRequest.onupgradeneeded")}}</dt> - <dd>Le gestionnaire d'évènement pour évènement <code>upgradeneeded</code> <em>(mise-à-jour nécessaire)</em>, lancé quand une base de données d'une version supérieure à celle de la base de données existante est chargé.</dd> -</dl> +- {{domxref("IDBOpenDBRequest.onblocked")}} + - : Le gestionnaire d'événements pour événement bloqué . Cet événement est lancé lorsqu' un événement `upgradeneeded `doit être déclenché en raison d'un changement de version, mais que la base de données est toujours en cours d'utilisation (c'est-à-dire, non fermée) quelque part, même après l'envoi de l'évènement `versionchange` . +- {{domxref("IDBOpenDBRequest.onupgradeneeded")}} + - : Le gestionnaire d'évènement pour évènement `upgradeneeded` _(mise-à-jour nécessaire)_, lancé quand une base de données d'une version supérieure à celle de la base de données existante est chargé. -<h2 id="Méthodes">Méthodes</h2> +## Méthodes -<p><em>Pas de méthodes, mais hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref("EventTarget")}}.</em></p> +_Pas de méthodes, mais hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref("EventTarget")}}._ -<h2 id="Exemple">Exemple</h2> +## Exemple -<p>Dans l'exemple ci-dessous, le gestionnaire <code>onupgradeneeded</code> est utilisé pour mettre à jour la structure de la base de données, si une base plus récente est chargée. Pour voir un exemple complet, référez-vous à notre application <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">voir cet exemple réel</a>)</p> +Dans l'exemple ci-dessous, le gestionnaire `onupgradeneeded` est utilisé pour mettre à jour la structure de la base de données, si une base plus récente est chargée. Pour voir un exemple complet, référez-vous à notre application [To-do Notifications](https://github.com/mdn/to-do-notifications/tree/gh-pages) ([voir cet exemple réel](http://mdn.github.io/to-do-notifications/)) -<pre class="brush: js">var db; +```js +var db; // Ouvre la base de données. var DBOpenRequest = window.indexedDB.open("toDoList", 4); // Ces gestionnaires d'évènements agissent sur la base de données en cours d'ouverture. - note.innerHTML += '<li>Error loading database.</li>'; + note.innerHTML += '<li>Error loading database.</li>'; }; DBOpenRequest.onsuccess = function(event) { - note.innerHTML += '<li>Database initialised.</li>'; + note.innerHTML += '<li>Database initialised.</li>'; // stocke le résultat de l'ouverture de la base de données dans la variable db . // Ceci est beaucoup moins utilisé. @@ -72,7 +69,7 @@ DBOpenRequest.onupgradeneeded = function(event) { var db = this.result; db.onerror = function(event) { - note.innerHTML += '<li>Error loading database.</li>'; + note.innerHTML += '<li>Error loading database.</li>'; }; // Crée un objet de stockage pour cette base de données. @@ -86,42 +83,26 @@ DBOpenRequest.onupgradeneeded = function(event) { objectStore.createIndex("month", "month", { unique: false }); objectStore.createIndex("year", "year", { unique: false }); objectStore.createIndex("notified", "notified", { unique: false }); -};</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('IndexedDB', '#idl-def-IDBOpenDBRequest', 'IDBOpenDBRequest')}}</td> - <td>{{Spec2('IndexedDB')}}</td> - <td>Définition initiale</td> - </tr> - <tr> - <td>{{SpecName("IndexedDB 2", "#idbopendbrequest", "IDBOpenDBRequest")}}</td> - <td>{{Spec2("IndexedDB 2")}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.IDBOpenDBRequest")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/API/API_IndexedDB/Using_IndexedDB">Utiliser IndexedDB</a></li> - <li>Démarrage de transactions : {{domxref("IDBDatabase")}}</li> - <li>Utilisation de transactions : {{domxref("IDBTransaction")}}</li> - <li>Définition un intervalle de clés : {{domxref("IDBKeyRange")}}</li> - <li>Récupération et modification des données : {{domxref("IDBObjectStore")}}</li> - <li>Utilisation de curseurs : {{domxref("IDBCursor")}}</li> - <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li> -</ul> +}; +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName('IndexedDB', '#idl-def-IDBOpenDBRequest', 'IDBOpenDBRequest')}} | {{Spec2('IndexedDB')}} | Définition initiale | +| {{SpecName("IndexedDB 2", "#idbopendbrequest", "IDBOpenDBRequest")}} | {{Spec2("IndexedDB 2")}} | | + +## Compatibilité des navigateurs + +{{Compat("api.IDBOpenDBRequest")}} + +## Voir aussi + +- [Utiliser IndexedDB](/fr/docs/Web/API/API_IndexedDB/Using_IndexedDB) +- Démarrage de transactions : {{domxref("IDBDatabase")}} +- Utilisation de transactions : {{domxref("IDBTransaction")}} +- Définition un intervalle de clés : {{domxref("IDBKeyRange")}} +- Récupération et modification des données : {{domxref("IDBObjectStore")}} +- Utilisation de curseurs : {{domxref("IDBCursor")}} +- Exemple de référence : [To-do Notifications](https://github.com/mdn/to-do-notifications/tree/gh-pages) ([view example live](http://mdn.github.io/to-do-notifications/).) |