From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/idbtransaction/onabort/index.md | 91 +++++++++++------------- 1 file changed, 40 insertions(+), 51 deletions(-) (limited to 'files/fr/web/api/idbtransaction/onabort') diff --git a/files/fr/web/api/idbtransaction/onabort/index.md b/files/fr/web/api/idbtransaction/onabort/index.md index 22ae924a6f..6275cd3135 100644 --- a/files/fr/web/api/idbtransaction/onabort/index.md +++ b/files/fr/web/api/idbtransaction/onabort/index.md @@ -8,27 +8,30 @@ tags: - Reference translation_of: Web/API/IDBTransaction/onabort --- -
{{APIRef("IndexedDB")}}
+{{APIRef("IndexedDB")}} -

Le gestionnaire d'événement onabort, rattaché à l'interface {{domxref("IDBTransaction")}}, s'exécute au déclenchement d'un événement abort, lorsque la transaction a été annulée avec la méthode {{domxref("IDBTransaction.abort")}}.

+Le gestionnaire d'événement **`onabort`**, rattaché à l'interface {{domxref("IDBTransaction")}}, s'exécute au déclenchement d'un événement [`abort`](/fr/docs/Web/Events/abort), lorsque la transaction a été annulée avec la méthode {{domxref("IDBTransaction.abort")}}. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

Syntaxe

+## Syntaxe -
transaction.onabort = function() { ... };
+```js +transaction.onabort = function() { ... }; +``` -

Exemple

+## Exemple -

Dans le code suivant, on ouvre une connexion à la base de données. Sur cette connexion, on démarre une transaction avec {{domxref("IDBTransaction")}} en lecture/écriture pour accéder au magasin d'objets intitulé "toDoList" et y ajouter un enregistrement (grâce à la méthode {{domxref("IDBObjectStore.add")}}). On notera également l'utilisation des gestionnaires d'événement {{domxref("IDBTransaction.oncomplete")}} et {{domxref("IDBTransaction.onerror")}} qui affichent le résultat de la transaction sur la page.

+Dans le code suivant, on ouvre une connexion à la base de données. Sur cette connexion, on démarre une transaction avec {{domxref("IDBTransaction")}} en lecture/écriture pour accéder au magasin d'objets intitulé `"toDoList"` et y ajouter un enregistrement (grâce à la méthode {{domxref("IDBObjectStore.add")}}). On notera également l'utilisation des gestionnaires d'événement {{domxref("IDBTransaction.oncomplete")}} et {{domxref("IDBTransaction.onerror")}} qui affichent le résultat de la transaction sur la page. -

On voit ici le gestionnaire d'événement onabort qui est utilisé pour afficher un message sur la console du développeur.

+On voit ici le gestionnaire d'événement **`onabort`** qui est utilisé pour afficher un message sur la console du développeur. -
// Connexion à la base de données
+```js
+// Connexion à la base de données
 var DBOpenRequest = window.indexedDB.open("toDoList", 4);
 
 DBOpenRequest.onsuccess = function(event) {
-  note.innerHTML += '<li>Connexion établie.</li>';
+  note.innerHTML += '
  • Connexion établie.
    • ';
 
   // On affecte la connexion à la variable db.
   db = DBOpenRequest.result;
@@ -49,13 +52,13 @@ function addData() {
   // On utilise oncomplete en cas de succès de
   // l'ouverture de la transaction
   transaction.oncomplete = function(event) {
-    note.innerHTML += '<li>Transaction terminée : modification de la base de données OK.</li>';
+    note.innerHTML += '
  • Transaction terminée : modification de la base de données OK.
    • ';
   };
 
   // En cas d'échec de l'ouverture, ce sera
   // le gestionnaire onerror qui interviendra
   transaction.onerror = function(event) {
-    note.innerHTML += '<li>L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.</li>';
+    note.innerHTML += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • ';
   };
 
   // On ouvre l'accès au un magasin "toDoList"
@@ -66,7 +69,7 @@ function addData() {
   var objectStoreRequest = objectStore.add(newItem[0]);
   objectStoreRequest.onsuccess = function(event) {
     // On signale l'ajout de l'enregistrement
-    note.innerHTML += '<li>Enregistrement ajouté.</li>';
+    note.innerHTML += '
  • Enregistrement ajouté.
    • ';
   };
 
   transaction.onabort = function() {
@@ -77,41 +80,27 @@ function addData() {
 
   // On abandonne la transaction qu'on vient de faire
   transaction.abort();
-};
    - -
    -

    Note : Pour un exemple fonctionnel complet, voir notre application To-do Notifications (exemple live disponible).

    -
    - -

    Spécifications

    - - - - - - - - - - - - - - -
    SpécificationÉtatCommentaires
    {{SpecName('IndexedDB', '#widl-IDBTransaction-onabort', 'onabort')}}{{Spec2('IndexedDB')}} 
    - -

    Compatibilité des navigateurs

    - -

    {{Compat("api.IDBTransaction.onabort")}}

    - -

    Voir aussi

    - - +}; +``` + +> **Note :** Pour un exemple fonctionnel complet, voir notre application [To-do Notifications](https://github.com/mdn/to-do-notifications/) ([exemple _live_ disponible](https://mdn.github.io/to-do-notifications/)). + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------- | ---------------------------- | ------------ | +| {{SpecName('IndexedDB', '#widl-IDBTransaction-onabort', 'onabort')}} | {{Spec2('IndexedDB')}} |   | + +## Compatibilité des navigateurs + +{{Compat("api.IDBTransaction.onabort")}} + +## Voir aussi + +- [Manipuler IndexedDB](/fr/docs/Web/API/API_IndexedDB/Using_IndexedDB) +- Démarrer des transactions : {{domxref("IDBDatabase")}} +- Manipuler des transactions : {{domxref("IDBTransaction")}} +- Définir un intervalle de clés : {{domxref("IDBKeyRange")}} +- Récupérer des données et les modifier : {{domxref("IDBObjectStore")}} +- Manipuler des curseurs : {{domxref("IDBCursor")}} +- Exemple de référence pour IndexedDB : [To-do Notifications](https://github.com/mdn/to-do-notifications/tree/gh-pages) -- cgit v1.2.3-54-g00ecf