From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/idbindex/name/index.html | 112 ------------------------------ files/fr/web/api/idbindex/name/index.md | 112 ++++++++++++++++++++++++++++++ 2 files changed, 112 insertions(+), 112 deletions(-) delete mode 100644 files/fr/web/api/idbindex/name/index.html create mode 100644 files/fr/web/api/idbindex/name/index.md (limited to 'files/fr/web/api/idbindex/name') diff --git a/files/fr/web/api/idbindex/name/index.html b/files/fr/web/api/idbindex/name/index.html deleted file mode 100644 index 1211cc937e..0000000000 --- a/files/fr/web/api/idbindex/name/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: IDBIndex.name -slug: Web/API/IDBIndex/name -tags: - - API - - IDBIndex - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBIndex/name ---- -
{{APIRef("IndexedDB")}}
- -

La propriété name, rattachée à l'interface {{domxref("IDBIndex")}}, contient une chaîne de caractères qui permet de désigner l'index courant.

- -

{{AvailableInWorkers}}

- -

Syntaxe

- -
var indexName = IDBIndex.name;
-IDBIndex.name = indexName;
- -

Valeur

- -

Une chaîne de caractères qui fournit le nom à l'index.

- -

Exceptions

- -

Différentes exceptions peuvent être déclenchées lorsqu'on souhaite modifier le nom d'un index.

- -
-
InvalidStateError
-
L'index ou le magasin d'objets a été supprimé ou la transaction courante n'est pas une transaction de montée de niveau. Le renommage des index est uniquement possible lors des transactions de montée de niveau (c'est-à-dire quand le mode de la transaction est "versionchange").
-
TransactionInactiveError
-
La transaction courante n'est pas active.
-
ConstraintError
-
Il existe déjà un index avec ce nom.
-
- -

Exemples

- -

Dans l'exemple qui suit, on ouvre une transaction sur un magasin d'objets pour lequel on récupère l'index lName. Ensuite, on ouvre un curseur sur cet index avec la méthode {{domxref("IDBIndex.openCursor()")}} (celle-ci fonctionne comme la méthode {{domxref("IDBObjectStore.openCursor", "openCursor()")}} qui s'utilise sur les magasins d'objets mais ici, les enregistrements sont triés selon l'index et pas selon la clé primaire).

- -

Le nom de l'index est affiché dans la console grâce à la propriété (ici, le nom sera "lName").

- -

Enfin, on parcourt chacun des enregistrements et on ajoute les données dans un tableau HTML.

- -
function displayDataByIndex() {
-  tableEntry.innerHTML = '';
-  var transaction = db.transaction(['contactsList'], 'readonly');
-  var objectStore = transaction.objectStore('contactsList');
-
-  var myIndex = objectStore.index('lName');
-  console.log(myIndex.name);
-
-  myIndex.openCursor().onsuccess = function(event) {
-    var cursor = event.target.result;
-    if(cursor) {
-      var tableRow = document.createElement('tr');
-      tableRow.innerHTML =   '<td>' + cursor.value.id + '</td>'
-                           + '<td>' + cursor.value.lName + '</td>'
-                           + '<td>' + cursor.value.fName + '</td>'
-                           + '<td>' + cursor.value.jTitle + '</td>'
-                           + '<td>' + cursor.value.company + '</td>'
-                           + '<td>' + cursor.value.eMail + '</td>'
-                           + '<td>' + cursor.value.phone + '</td>'
-                           + '<td>' + cursor.value.age + '</td>';
-      tableEntry.appendChild(tableRow);
-
-      cursor.continue();
-    } else {
-      console.log('Les éléments sont affichés.');
-    }
-  };
-};
- -
-

Note : pour un exemple fonctionnel complet, voir notre application To-do (exemple).

-
- -

Spécifications

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

Compatibilité des navigateurs

- -

{{Compat("api.IDBIndex.name")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/idbindex/name/index.md b/files/fr/web/api/idbindex/name/index.md new file mode 100644 index 0000000000..1211cc937e --- /dev/null +++ b/files/fr/web/api/idbindex/name/index.md @@ -0,0 +1,112 @@ +--- +title: IDBIndex.name +slug: Web/API/IDBIndex/name +tags: + - API + - IDBIndex + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBIndex/name +--- +
{{APIRef("IndexedDB")}}
+ +

La propriété name, rattachée à l'interface {{domxref("IDBIndex")}}, contient une chaîne de caractères qui permet de désigner l'index courant.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
var indexName = IDBIndex.name;
+IDBIndex.name = indexName;
+ +

Valeur

+ +

Une chaîne de caractères qui fournit le nom à l'index.

+ +

Exceptions

+ +

Différentes exceptions peuvent être déclenchées lorsqu'on souhaite modifier le nom d'un index.

+ +
+
InvalidStateError
+
L'index ou le magasin d'objets a été supprimé ou la transaction courante n'est pas une transaction de montée de niveau. Le renommage des index est uniquement possible lors des transactions de montée de niveau (c'est-à-dire quand le mode de la transaction est "versionchange").
+
TransactionInactiveError
+
La transaction courante n'est pas active.
+
ConstraintError
+
Il existe déjà un index avec ce nom.
+
+ +

Exemples

+ +

Dans l'exemple qui suit, on ouvre une transaction sur un magasin d'objets pour lequel on récupère l'index lName. Ensuite, on ouvre un curseur sur cet index avec la méthode {{domxref("IDBIndex.openCursor()")}} (celle-ci fonctionne comme la méthode {{domxref("IDBObjectStore.openCursor", "openCursor()")}} qui s'utilise sur les magasins d'objets mais ici, les enregistrements sont triés selon l'index et pas selon la clé primaire).

+ +

Le nom de l'index est affiché dans la console grâce à la propriété (ici, le nom sera "lName").

+ +

Enfin, on parcourt chacun des enregistrements et on ajoute les données dans un tableau HTML.

+ +
function displayDataByIndex() {
+  tableEntry.innerHTML = '';
+  var transaction = db.transaction(['contactsList'], 'readonly');
+  var objectStore = transaction.objectStore('contactsList');
+
+  var myIndex = objectStore.index('lName');
+  console.log(myIndex.name);
+
+  myIndex.openCursor().onsuccess = function(event) {
+    var cursor = event.target.result;
+    if(cursor) {
+      var tableRow = document.createElement('tr');
+      tableRow.innerHTML =   '<td>' + cursor.value.id + '</td>'
+                           + '<td>' + cursor.value.lName + '</td>'
+                           + '<td>' + cursor.value.fName + '</td>'
+                           + '<td>' + cursor.value.jTitle + '</td>'
+                           + '<td>' + cursor.value.company + '</td>'
+                           + '<td>' + cursor.value.eMail + '</td>'
+                           + '<td>' + cursor.value.phone + '</td>'
+                           + '<td>' + cursor.value.age + '</td>';
+      tableEntry.appendChild(tableRow);
+
+      cursor.continue();
+    } else {
+      console.log('Les éléments sont affichés.');
+    }
+  };
+};
+ +
+

Note : pour un exemple fonctionnel complet, voir notre application To-do (exemple).

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('IndexedDB', '#widl-IDBIndex-name', 'name')}}{{Spec2('IndexedDB')}} 
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.IDBIndex.name")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf