From ca4e750a3400bfd4208831391f115d2f76da23ff Mon Sep 17 00:00:00 2001 From: MDN Date: Thu, 17 Feb 2022 00:50:41 +0000 Subject: [CRON] sync translated content --- files/es/_redirects.txt | 6 +- files/es/_wikihistory.json | 18 ++-- .../batterymanager/chargingchange_event/index.md | 67 +++++++++++++ .../api/batterymanager/levelchange_event/index.md | 66 +++++++++++++ .../api/batterymanager/onchargingchange/index.md | 67 ------------- .../web/api/batterymanager/onlevelchange/index.md | 66 ------------- files/fr/_redirects.txt | 6 ++ files/fr/_wikihistory.json | 82 ++++++++-------- .../web/api/idbtransaction/abort_event/index.md | 76 +++++++++++++++ .../index.md | 108 +++++++++++++++++++++ .../web/api/idbtransaction/complete_event/index.md | 102 +++++++++++++++++++ .../web/api/idbtransaction/error_event/index.md | 96 ++++++++++++++++++ files/fr/web/api/idbdatabase/onabort/index.md | 75 -------------- files/fr/web/api/idbdatabase/onerror/index.md | 75 -------------- .../web/api/idbdatabase/onversionchange/index.md | 81 ---------------- .../api/idbdatabase/versionchange_event/index.md | 82 ++++++++++++++++ .../fr/web/api/idbtransaction/error_event/index.md | 76 +++++++++++++++ files/fr/web/api/idbtransaction/onabort/index.md | 106 -------------------- .../fr/web/api/idbtransaction/oncomplete/index.md | 101 ------------------- files/fr/web/api/idbtransaction/onerror/index.md | 95 ------------------ files/pt-br/_redirects.txt | 14 ++- files/pt-br/_wikihistory.json | 22 ++--- .../batterymanager/chargingchange_event/index.html | 36 +++++++ .../chargingtimechange_event/index.html | 36 +++++++ .../dischargingtimechange_event/index.html | 36 +++++++ .../batterymanager/levelchange_event/index.html | 36 +++++++ .../api/batterymanager/onchargingchange/index.html | 35 ------- .../batterymanager/onchargingtimechange/index.html | 35 ------- .../ondischargingtimechange/index.html | 36 ------- .../api/batterymanager/onlevelchange/index.html | 35 ------- files/zh-cn/_redirects.txt | 1 + files/zh-cn/_wikihistory.json | 2 +- .../web/api/idbdatabase/onversionchange/index.html | 97 ------------------ .../api/idbdatabase/versionchange_event/index.html | 98 +++++++++++++++++++ 34 files changed, 997 insertions(+), 973 deletions(-) create mode 100644 files/es/web/api/batterymanager/chargingchange_event/index.md create mode 100644 files/es/web/api/batterymanager/levelchange_event/index.md delete mode 100644 files/es/web/api/batterymanager/onchargingchange/index.md delete mode 100644 files/es/web/api/batterymanager/onlevelchange/index.md create mode 100644 files/fr/conflicting/web/api/idbtransaction/abort_event/index.md create mode 100644 files/fr/conflicting/web/api/idbtransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40/index.md create mode 100644 files/fr/conflicting/web/api/idbtransaction/complete_event/index.md create mode 100644 files/fr/conflicting/web/api/idbtransaction/error_event/index.md delete mode 100644 files/fr/web/api/idbdatabase/onabort/index.md delete mode 100644 files/fr/web/api/idbdatabase/onerror/index.md delete mode 100644 files/fr/web/api/idbdatabase/onversionchange/index.md create mode 100644 files/fr/web/api/idbdatabase/versionchange_event/index.md create mode 100644 files/fr/web/api/idbtransaction/error_event/index.md delete mode 100644 files/fr/web/api/idbtransaction/onabort/index.md delete mode 100644 files/fr/web/api/idbtransaction/oncomplete/index.md delete mode 100644 files/fr/web/api/idbtransaction/onerror/index.md create mode 100644 files/pt-br/web/api/batterymanager/chargingchange_event/index.html create mode 100644 files/pt-br/web/api/batterymanager/chargingtimechange_event/index.html create mode 100644 files/pt-br/web/api/batterymanager/dischargingtimechange_event/index.html create mode 100644 files/pt-br/web/api/batterymanager/levelchange_event/index.html delete mode 100644 files/pt-br/web/api/batterymanager/onchargingchange/index.html delete mode 100644 files/pt-br/web/api/batterymanager/onchargingtimechange/index.html delete mode 100644 files/pt-br/web/api/batterymanager/ondischargingtimechange/index.html delete mode 100644 files/pt-br/web/api/batterymanager/onlevelchange/index.html delete mode 100644 files/zh-cn/web/api/idbdatabase/onversionchange/index.html create mode 100644 files/zh-cn/web/api/idbdatabase/versionchange_event/index.html (limited to 'files') diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt index 402d778b73..887c7b77d1 100644 --- a/files/es/_redirects.txt +++ b/files/es/_redirects.txt @@ -1518,8 +1518,10 @@ /es/docs/Web/API/BatteryManager.chargingTime /es/docs/Web/API/BatteryManager/chargingTime /es/docs/Web/API/BatteryManager.dischargingTime /es/docs/Web/API/BatteryManager/dischargingTime /es/docs/Web/API/BatteryManager.level /es/docs/Web/API/BatteryManager/level -/es/docs/Web/API/BatteryManager.onchargingchange /es/docs/Web/API/BatteryManager/onchargingchange -/es/docs/Web/API/BatteryManager.onlevelchange /es/docs/Web/API/BatteryManager/onlevelchange +/es/docs/Web/API/BatteryManager.onchargingchange /es/docs/Web/API/BatteryManager/chargingchange_event +/es/docs/Web/API/BatteryManager.onlevelchange /es/docs/Web/API/BatteryManager/levelchange_event +/es/docs/Web/API/BatteryManager/onchargingchange /es/docs/Web/API/BatteryManager/chargingchange_event +/es/docs/Web/API/BatteryManager/onlevelchange /es/docs/Web/API/BatteryManager/levelchange_event /es/docs/Web/API/Blob.Blob /es/docs/Web/API/Blob/Blob /es/docs/Web/API/CSSStyleSheet.insertRule /es/docs/Web/API/CSSStyleSheet/insertRule /es/docs/Web/API/Canvas_API/Tutorial/Compositing/Ejemplo /es/docs/Web/API/Canvas_API/Tutorial/Compositing/Example diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json index 266f1db625..e6e246afaa 100644 --- a/files/es/_wikihistory.json +++ b/files/es/_wikihistory.json @@ -4899,6 +4899,14 @@ "palfrei" ] }, + "Web/API/BatteryManager/chargingchange_event": { + "modified": "2019-03-23T23:25:06.308Z", + "contributors": [ + "fscholz", + "Pau_Ilargia", + "voylinux" + ] + }, "Web/API/BatteryManager/dischargingTime": { "modified": "2019-03-23T23:27:15.312Z", "contributors": [ @@ -4918,15 +4926,7 @@ "voylinux" ] }, - "Web/API/BatteryManager/onchargingchange": { - "modified": "2019-03-23T23:25:06.308Z", - "contributors": [ - "fscholz", - "Pau_Ilargia", - "voylinux" - ] - }, - "Web/API/BatteryManager/onlevelchange": { + "Web/API/BatteryManager/levelchange_event": { "modified": "2019-03-23T23:25:08.174Z", "contributors": [ "fscholz", diff --git a/files/es/web/api/batterymanager/chargingchange_event/index.md b/files/es/web/api/batterymanager/chargingchange_event/index.md new file mode 100644 index 0000000000..c985d6639e --- /dev/null +++ b/files/es/web/api/batterymanager/chargingchange_event/index.md @@ -0,0 +1,67 @@ +--- +title: BatteryManager.onchargingchange +slug: Web/API/BatteryManager/chargingchange_event +tags: + - API + - Battery API + - Event Handler + - NeedsMarkupWork + - Property + - Reference +translation_of: Web/API/BatteryManager/onchargingchange +original_slug: Web/API/BatteryManager/onchargingchange +browser-compat: api.BatteryManager.onchargingchange +--- +{{deprecated_header}} + +{{APIRef("Battery API")}} + +Especifica un evento que escucha para recibir eventos {{event("chargingchange")}}. Estos eventos se producen cuando se actualiza el estado de la batería {{domxref("BatteryManager.charging", "charging")}}. + +## Sintaxis + +```js +battery.onchargingchange = funcRef +``` + +Donde `battery` es un objeto {{domxref("BatteryManager")}}, y `funcRef` es una función para llamar cuando se produce el evento {{event("chargingchange")}}. + +## Ejemplo + +### Contenido HTML + +```html +
(nivel de batería desconocido)
+
(tiempo de carga desconocido)
+``` + +### Contenido JavaScript + +```js +navigator.getBattery().then(function(battery) { + + battery.onchargingchange = chargingChange(); + + function chargingChange() { + document.querySelector('#level').textContent = battery.level; + document.querySelector('#chargingTime').textContent = battery.chargingTime; + } +}); +``` + +### Resultado + +{{EmbedLiveSample('', '100%', 40)}} + +## Especificaciones + +{{Specifications}} + +## Compatibilidad con navegadores + +{{Compat}} + +## Ver también + +- {{domxref("BatteryManager")}} +- {{domxref("Navigator.getBattery")}} diff --git a/files/es/web/api/batterymanager/levelchange_event/index.md b/files/es/web/api/batterymanager/levelchange_event/index.md new file mode 100644 index 0000000000..d40ec08219 --- /dev/null +++ b/files/es/web/api/batterymanager/levelchange_event/index.md @@ -0,0 +1,66 @@ +--- +title: BatteryManager.onlevelchange +slug: Web/API/BatteryManager/levelchange_event +translation_of: Web/API/BatteryManager/onlevelchange +original_slug: Web/API/BatteryManager/onlevelchange +browser-compat: api.BatteryManager.onlevelchange +--- +{{deprecated_header}} {{APIRef("Battery API")}} + +La propiedad **`BatteryManager.onlevelchange`** especifica un detector +de eventos para recibir eventos de {{event("levelchange")}}. Estos eventos ocurren +cuando el {{domxref("BatteryManager.level", "level")}} de batería se actualiza. + +## Sintaxis + +```js +navigator.battery.onlevelchange = funcRef; +``` + +Donde `battery` es un objecto {{domxref("BatteryManager")}}, +y `funcRef` es una función que se convoca cuando el evento de {{event("levelchange")}} sucede. + +## Ejemplo + +### Contenido HTML + +```html +
(nivel de batería desconocido)
+
(estado de carga desconocido)
+``` + +### Contenido JavaScript + +```js +navigator.getBattery().then(function(battery) { + battery.onlevelchange = function(){ + document.querySelector('#level').textContent = battery.level; + + if(battery.charging) { + document.querySelector('#stateBattery').textContent = + "Charging time: " + (battery.chargingTime / 60); + } + else { + document.querySelector('#stateBattery').textContent = + "Discharging time: " + (battery.dischargingTime / 60); + } + }; +}); +``` + +### Resultado + +{{EmbedLiveSample('Example', '100%', 40)}} + +## Especificaciones + +{{Specifications}} + +## Compatibilidad con navegadores + +{{Compat}} + +## Véase también + +- {{domxref("BatteryManager")}} +- {{domxref("Navigator.getBattery")}} diff --git a/files/es/web/api/batterymanager/onchargingchange/index.md b/files/es/web/api/batterymanager/onchargingchange/index.md deleted file mode 100644 index 24730b2c4c..0000000000 --- a/files/es/web/api/batterymanager/onchargingchange/index.md +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: BatteryManager.onchargingchange -slug: Web/API/BatteryManager/onchargingchange -tags: - - API - - Battery API - - Event Handler - - NeedsMarkupWork - - Property - - Reference -translation_of: Web/API/BatteryManager/onchargingchange -browser-compat: api.BatteryManager.onchargingchange ---- -{{deprecated_header}} - -{{APIRef("Battery API")}} - -Especifica un evento que escucha para recibir eventos {{event("chargingchange")}}. Estos eventos se producen cuando se actualiza el estado de la batería {{domxref("BatteryManager.charging", "charging")}}. - -## Sintaxis - -```js -battery.onchargingchange = funcRef -``` - -Donde `battery` es un objeto {{domxref("BatteryManager")}}, y `funcRef` es una función para llamar cuando se produce el evento {{event("chargingchange")}}. - -## Ejemplo - -### Contenido HTML - -```html -
(nivel de batería desconocido)
-
(tiempo de carga desconocido)
-``` - -### Contenido JavaScript - -```js -navigator.getBattery().then(function(battery) { - - battery.onchargingchange = chargingChange(); - - function chargingChange() { - document.querySelector('#level').textContent = battery.level; - document.querySelector('#chargingTime').textContent = battery.chargingTime; - } -}); -``` - -### Resultado - -{{EmbedLiveSample('', '100%', 40)}} - -## Especificaciones - -{{Specifications}} - -## Compatibilidad con navegadores - -{{Compat}} - -## Ver también - -- {{domxref("BatteryManager")}} -- {{domxref("Navigator.getBattery")}} - diff --git a/files/es/web/api/batterymanager/onlevelchange/index.md b/files/es/web/api/batterymanager/onlevelchange/index.md deleted file mode 100644 index f001643ddb..0000000000 --- a/files/es/web/api/batterymanager/onlevelchange/index.md +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: BatteryManager.onlevelchange -slug: Web/API/BatteryManager/onlevelchange -browser-compat: api.BatteryManager.onlevelchange -translation_of: Web/API/BatteryManager/onlevelchange ---- -{{deprecated_header}} {{APIRef("Battery API")}} - -La propiedad **`BatteryManager.onlevelchange`** especifica un detector -de eventos para recibir eventos de {{event("levelchange")}}. Estos eventos ocurren -cuando el {{domxref("BatteryManager.level", "level")}} de batería se actualiza. - -## Sintaxis - -```js -navigator.battery.onlevelchange = funcRef; -``` - -Donde `battery` es un objecto {{domxref("BatteryManager")}}, -y `funcRef` es una función que se convoca cuando el evento de {{event("levelchange")}} sucede. - -## Ejemplo - -### Contenido HTML - -```html -
(nivel de batería desconocido)
-
(estado de carga desconocido)
-``` - -### Contenido JavaScript - -```js -navigator.getBattery().then(function(battery) { - battery.onlevelchange = function(){ - document.querySelector('#level').textContent = battery.level; - - if(battery.charging) { - document.querySelector('#stateBattery').textContent = - "Charging time: " + (battery.chargingTime / 60); - } - else { - document.querySelector('#stateBattery').textContent = - "Discharging time: " + (battery.dischargingTime / 60); - } - }; -}); -``` - -### Resultado - -{{EmbedLiveSample('Example', '100%', 40)}} - -## Especificaciones - -{{Specifications}} - -## Compatibilidad con navegadores - -{{Compat}} - -## Véase también - -- {{domxref("BatteryManager")}} -- {{domxref("Navigator.getBattery")}} - diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index 49ed5094a6..0f888addc4 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -3661,8 +3661,14 @@ /fr/docs/Web/API/HTMLOrForeignElement/tabIndex /fr/docs/orphaned/Web/API/HTMLOrForeignElement/tabIndex /fr/docs/Web/API/HTMLTableElement.caption /fr/docs/Web/API/HTMLTableElement/caption /fr/docs/Web/API/HTMLTableElement.insertRow /fr/docs/Web/API/HTMLTableElement/insertRow +/fr/docs/Web/API/IDBDatabase/onabort /fr/docs/conflicting/Web/API/IDBTransaction/abort_event +/fr/docs/Web/API/IDBDatabase/onerror /fr/docs/Web/API/IDBTransaction/error_event +/fr/docs/Web/API/IDBDatabase/onversionchange /fr/docs/Web/API/IDBDatabase/versionchange_event /fr/docs/Web/API/IDBEnvironment/indexedDB /fr/docs/Web/API/indexedDB /fr/docs/Web/API/IDBRequest/blocked_event /fr/docs/Web/API/IDBOpenDBRequest/blocked_event +/fr/docs/Web/API/IDBTransaction/onabort /fr/docs/conflicting/Web/API/IDBTransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40 +/fr/docs/Web/API/IDBTransaction/oncomplete /fr/docs/conflicting/Web/API/IDBTransaction/complete_event +/fr/docs/Web/API/IDBTransaction/onerror /fr/docs/conflicting/Web/API/IDBTransaction/error_event /fr/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB /fr/docs/orphaned/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB /fr/docs/Web/API/Location.assign /fr/docs/Web/API/Location/assign /fr/docs/Web/API/Location.reload /fr/docs/Web/API/Location/reload diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index 6a56dc0773..434dfcbe00 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -17181,41 +17181,27 @@ "gadgino" ] }, - "Web/API/IDBDatabase/onabort": { - "modified": "2019-03-23T22:31:09.551Z", + "Web/API/IDBDatabase/transaction": { + "modified": "2019-03-23T22:31:19.784Z", "contributors": [ - "SphinxKnight", + "P45QU10U", "gadgino" ] }, - "Web/API/IDBDatabase/onerror": { - "modified": "2019-03-23T22:31:08.731Z", + "Web/API/IDBDatabase/version": { + "modified": "2020-10-15T21:47:11.268Z", "contributors": [ "SphinxKnight", "gadgino" ] }, - "Web/API/IDBDatabase/onversionchange": { + "Web/API/IDBDatabase/versionchange_event": { "modified": "2019-03-23T22:30:58.851Z", "contributors": [ "SphinxKnight", "gadgino" ] }, - "Web/API/IDBDatabase/transaction": { - "modified": "2019-03-23T22:31:19.784Z", - "contributors": [ - "P45QU10U", - "gadgino" - ] - }, - "Web/API/IDBDatabase/version": { - "modified": "2020-10-15T21:47:11.268Z", - "contributors": [ - "SphinxKnight", - "gadgino" - ] - }, "Web/API/IDBEnvironment": { "modified": "2020-10-15T21:45:39.502Z", "contributors": [ @@ -17695,38 +17681,24 @@ "gadgino" ] }, - "Web/API/IDBTransaction/mode": { - "modified": "2019-03-23T22:34:37.380Z", - "contributors": [ - "SphinxKnight", - "gadgino" - ] - }, - "Web/API/IDBTransaction/objectStore": { - "modified": "2019-03-23T22:34:32.499Z", - "contributors": [ - "Faontetard", - "SphinxKnight", - "gadgino" - ] - }, - "Web/API/IDBTransaction/onabort": { - "modified": "2019-03-23T22:34:39.344Z", + "Web/API/IDBTransaction/error_event": { + "modified": "2019-03-23T22:31:08.731Z", "contributors": [ "SphinxKnight", "gadgino" ] }, - "Web/API/IDBTransaction/oncomplete": { - "modified": "2019-03-23T22:34:31.462Z", + "Web/API/IDBTransaction/mode": { + "modified": "2019-03-23T22:34:37.380Z", "contributors": [ "SphinxKnight", "gadgino" ] }, - "Web/API/IDBTransaction/onerror": { - "modified": "2019-03-23T22:34:27.556Z", + "Web/API/IDBTransaction/objectStore": { + "modified": "2019-03-23T22:34:32.499Z", "contributors": [ + "Faontetard", "SphinxKnight", "gadgino" ] @@ -43006,6 +42978,34 @@ "Kalwyn" ] }, + "conflicting/Web/API/IDBTransaction/abort_event": { + "modified": "2019-03-23T22:31:09.551Z", + "contributors": [ + "SphinxKnight", + "gadgino" + ] + }, + "conflicting/Web/API/IDBTransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40": { + "modified": "2019-03-23T22:34:39.344Z", + "contributors": [ + "SphinxKnight", + "gadgino" + ] + }, + "conflicting/Web/API/IDBTransaction/complete_event": { + "modified": "2019-03-23T22:34:31.462Z", + "contributors": [ + "SphinxKnight", + "gadgino" + ] + }, + "conflicting/Web/API/IDBTransaction/error_event": { + "modified": "2019-03-23T22:34:27.556Z", + "contributors": [ + "SphinxKnight", + "gadgino" + ] + }, "conflicting/Web/API/KeyframeEffect/KeyframeEffect": { "modified": "2019-03-23T22:28:24.754Z", "contributors": [ diff --git a/files/fr/conflicting/web/api/idbtransaction/abort_event/index.md b/files/fr/conflicting/web/api/idbtransaction/abort_event/index.md new file mode 100644 index 0000000000..86174af7c3 --- /dev/null +++ b/files/fr/conflicting/web/api/idbtransaction/abort_event/index.md @@ -0,0 +1,76 @@ +--- +title: IDBDatabase.onabort +slug: conflicting/Web/API/IDBTransaction/abort_event +tags: + - API + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBDatabase/onabort +original_slug: Web/API/IDBDatabase/onabort +--- +{{APIRef("IndexedDB")}} + +Le gestionnaire d'événement **`onabort`**, rattaché à l'interface {{domxref("IDBDatabase")}}, s'exécute au déclenchement de l'événement `abort`, lorsque la tentative d’accès à la base de données est interrompue. + +{{AvailableInWorkers}} + +## Syntaxe + +```js +db.onabort = function() { ... } +``` + +## Exemple + +Cette exemple illustre un gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} dans lequel on ajoute un magasin d'objet et les deux gestionnaires d'événement `onerror` et `onabort` pour gérer les cas d'échec. + +```js +DBOpenRequest.onupgradeneeded = function(event) { + var db = event.target.result; + + db.onerror = function() { + note.innerHTML += '
  • Erreur du chargement de la base de données.
    • '; + }; + + db.onabort = function() { + note.innerHTML += '
  • L\'ouverture de la connexion à été annulée !
    • '; + }; + + // On ajoute un magasin d'objet à la base de données + + var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); + + // On définit les index du magasin + + objectStore.createIndex("hours", "hours", { unique: false }); + objectStore.createIndex("minutes", "minutes", { unique: false }); + objectStore.createIndex("day", "day", { unique: false }); + objectStore.createIndex("month", "month", { unique: false }); + objectStore.createIndex("year", "year", { unique: false }); + + objectStore.createIndex("notified", "notified", { unique: false }); + + note.innerHTML += '
  • Le magasin d\'objets à été ajouté.
    • '; +}; +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------ | +| {{SpecName('IndexedDB', '#widl-IDBDatabase-onabort', 'onabort')}} | {{Spec2('IndexedDB')}} |   | + +## Compatibilité avec les navigateurs + +{{Compat("api.IDBDatabase.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) diff --git a/files/fr/conflicting/web/api/idbtransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40/index.md b/files/fr/conflicting/web/api/idbtransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40/index.md new file mode 100644 index 0000000000..c67dfd0162 --- /dev/null +++ b/files/fr/conflicting/web/api/idbtransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40/index.md @@ -0,0 +1,108 @@ +--- +title: IDBTransaction.onabort +slug: >- + conflicting/Web/API/IDBTransaction/abort_event_0945f0eeba3f0bcb487692fdcd8d6f40 +tags: + - API + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBTransaction/onabort +original_slug: Web/API/IDBTransaction/onabort +--- +{{APIRef("IndexedDB")}} + +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}} + +## Syntaxe + +```js +transaction.onabort = function() { ... }; +``` + +## 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. + +On voit ici le gestionnaire d'événement **`onabort`** qui est utilisé pour afficher un message sur la console du développeur. + +```js +// Connexion à la base de données +var DBOpenRequest = window.indexedDB.open("toDoList", 4); + +DBOpenRequest.onsuccess = function(event) { + note.innerHTML += '
  • Connexion établie.
    • '; + + // On affecte la connexion à la variable db. + db = DBOpenRequest.result; + + // On exécute la fonction addData () afin de + // stocker des données dans la base + addData(); +}; + +function addData() { + // Voici un nouvel objet prêt à être emmagasiné + newItem = [ { taskTitle: "Walk dog", hours: 19, minutes: 30, day: 24, month: "December", year: 2013, notified: "no" } ]; + + // On ouvre une transaction en lecture/écriture, prête + // à traiter des données sur la connexion + var transaction = db.transaction(["toDoList"], "readwrite"); + + // On utilise oncomplete en cas de succès de + // l'ouverture de la transaction + transaction.oncomplete = function(event) { + 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 += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • '; + }; + + // On ouvre l'accès au un magasin "toDoList" + // dans la transaction + var objectStore = transaction.objectStore("toDoList"); + + // Ici, l'enregistrement est ajouté + var objectStoreRequest = objectStore.add(newItem[0]); + objectStoreRequest.onsuccess = function(event) { + // On signale l'ajout de l'enregistrement + note.innerHTML += '
  • Enregistrement ajouté.
    • '; + }; + + transaction.onabort = function() { + // Ce gestionnaire permet de signaler + // qu'une transaction a été annulée avec succès + console.log("Transaction annulée !"); + }; + + // On abandonne la transaction qu'on vient de faire + transaction.abort(); +}; +``` + +> **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) diff --git a/files/fr/conflicting/web/api/idbtransaction/complete_event/index.md b/files/fr/conflicting/web/api/idbtransaction/complete_event/index.md new file mode 100644 index 0000000000..f230eeb640 --- /dev/null +++ b/files/fr/conflicting/web/api/idbtransaction/complete_event/index.md @@ -0,0 +1,102 @@ +--- +title: IDBTransaction.oncomplete +slug: conflicting/Web/API/IDBTransaction/complete_event +tags: + - API + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBTransaction/oncomplete +original_slug: Web/API/IDBTransaction/oncomplete +--- +{{ APIRef("IndexedDB") }} + +Le gestionnaire d'événement **`oncomplete`**, rattaché à l'interface {{domxref("IDBTransaction")}}, s'exécute au déclenchement d'un événement [`complete`](/fr/docs/Web/Events/complete) lorsque la transaction se termine avec succès. + +> **Note :** Depuis Firefox 40, les transactions IndexedDB diminuent en efficacité pour gagner en efficience (voir {{Bug ( "1112702")}}). Auparavant, dans une transaction en [`readwrite`](#const_read_write), l'événement `complete` était déclenché seulement lorsque toutes les données étaient écrites sur le disque. Maintenant, l'événement `complete` est déclenché après que l'OS ai envoyé l'ordre d'écrire les données, mais potentiellement avant qu'elles aient été écrites sur le disque. L'événement `complete` peut ainsi être déclenché plus rapidement qu'auparavant. Cependant, il existe une chance infime pour que l'ensemble de la transaction soit perdue si le système d'exploitation plante ou s'il y a une perte de courant avant que les données aient été écrites sur le disque. Étant donné que ces événements catastrophiques sont rares, la plupart des utilisateurs ne devraient pas avoir à s'en préoccuper davantage. +> +> > **Attention :** Si vous devez vous assurer de l'efficacité d'une transaction pour une raison quelconque (par exemple, vous stockez des données critiques qui ne peuvent être recalculé plus tard), vous pouvez forcer l'enregistrement complet sur disque avant de déclencher l'événement `complete` en utilisant le mode `readwriteflush` (non-standard) expérimental (cf. {{domxref("IDBDatabase.transaction")}} ). Ce mode expérimentale ne peut être utilisé que si la préférence` dom.indexedDB.experimental `pref est réglée sur `true` dans `about: config`. +> +> {{AvailableInWorkers}} +> +> ## Syntaxe +> +> ```js +> transaction.oncomplete = function() { ... }; +> ``` +> +> ## Exemple +> +> Dans le code suivant, on ouvre une connexion à la base de donnée. Ensuite, sur cette connexion, on démarre une transaction (avec  {{domxref("IDBTransaction")}}) en lecture/écriture pour accéder au magasin d'objet `"toDoList"` et y ajouter un enregistrement grâce à la méthode {{domxref("IDBObjectStore.add")}}. On notera également la façon dont le gestionnaire d'événement {{domxref("IDBTransaction.onerror")}} est utilisé dans la transaction. +> +> Le gestionnaires d'événement **`oncomplete`** de la transaction permet d'afficher un message de succès sur la page. +> +> ```js +> // Connexion à la base de données +> var DBOpenRequest = window.indexedDB.open("toDoList", 4); +> +> DBOpenRequest.onsuccess = function(event) { +> note.innerHTML += '
  • Connexion établie.
    • '; +> +> // Affectation de la connexion à la variable db. +> db = DBOpenRequest.result; +> +> // Exécution de la fonction addData () pour +> // stocker des données dans la base +> addData(); +> }; +> +> function addData() { +> // Voici un nouvel objet prêt à être emmagasiné +> newItem = [ { taskTitle: "Walk dog", hours: 19, minutes: 30, day: 24, month: "December", year: 2013, notified: "no" } ]; +> +> // On ouvre une transaction en lecture/écriture +> // prête au traitement des données sur la connexion +> var transaction = db.transaction(["toDoList"], "readwrite"); +> +> // Voici le gestionnaire utilisé en cas de succès +> // de l'ouverture de la transaction +> transaction.oncomplete = function(event) { +> note.innerHTML += '
  • Transaction terminée : modification de la base de données OK.
    • '; +> }; +> +> // Et celui utilisé en cas d'échec de +> // l'ouverture de la transaction +> transaction.onerror = function(event) { +> note.innerHTML += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • '; +> }; +> +> // Puis, on ouvre l'accès au un magasin "toDoList" +> // de la transaction +> var objectStore = transaction.objectStore("toDoList"); +> +> // Enfin on ajoute l'enregistrement +> var objectStoreRequest = objectStore.add(newItem[0]); +> objectStoreRequest.onsuccess = function(event) { +> // Et on signale l'ajout de l'enregistrement +> note.innerHTML += '
  • Enregistrement ajouté.
    • '; +> }; +> }; +> ``` +> +> > **Note :** Pour un exemple de travail 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-oncomplete', 'oncomplete')}} | {{Spec2('IndexedDB')}} |   | +> +> ## Compatibilité des  navigateurs +> +> {{Compat("api.IDBTransaction.oncomplete")}} +> +> ## 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) diff --git a/files/fr/conflicting/web/api/idbtransaction/error_event/index.md b/files/fr/conflicting/web/api/idbtransaction/error_event/index.md new file mode 100644 index 0000000000..6071c11756 --- /dev/null +++ b/files/fr/conflicting/web/api/idbtransaction/error_event/index.md @@ -0,0 +1,96 @@ +--- +title: IDBTransaction.onerror +slug: conflicting/Web/API/IDBTransaction/error_event +tags: + - API + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBTransaction/onerror +original_slug: Web/API/IDBTransaction/onerror +--- +{{APIRef("IndexedDB")}} + +Le gestionnaire d'événement **`onerror`**, rattaché à l'interface {{domxref("IDBTransaction")}}, s'exécute au déclenchement d'un événement [`error`](/fr/docs/Web/Events/error) lorsque la transaction échoue. + +{{AvailableInWorkers}} + +## Syntaxe + +```js +transaction.onerror = function() { ... }; +``` + +## Exemple + +Dans le code suivant, on commence par ouvrir une connexion à la base de donnée. Grâce à cette connexion, on initialise une transaction en lecture/écriture grâce à `IDBTransaction` pour accéder au magasin d'objets intitulé `toDoList` et y ajouter un enregistrement via la méthode  {{domxref("IDBObjectStore.add")}}. On notera également l'utilisation du gestionnaire d'événements {{domxref("IDBTransaction.oncomplete")}}. + +Le gestionnaire d'événement **`onerror`** de la transaction affiche le code d'erreur de la propriété propriété {{domxref("IDBTransaction.error","error")}} sur la page. + +```js +// Connexion à la base de données +var DBOpenRequest = window.indexedDB.open("toDoList", 4); + +DBOpenRequest.onsuccess = function(event) { + note.innerHTML += '
  • Connexion établie.
    • '; + + // On affecte la connexion à la variable db. + db = DBOpenRequest.result; + + // On exécute la fonction addData () pour ajouter + // des données dans la base + addData(); +}; +function addData() { + // On crée un nouvel objet prêt à être emmagasiné + newItem = [ { taskTitle: "Walk dog", hours: 19, minutes: 30, day: 24, month: "December", year: 2013, notified: "no" } ]; + + // On ouvre une transaction de lecture / écriture + // pour traiter les données via la connexion + var transaction = db.transaction(["toDoList"], "readwrite"); + + // En cas de succès de l'ouverture de la transaction + // on utilise ce gestionnaire + transaction.oncomplete = function(event) { + note.innerHTML += '
  • Transaction terminée : modification de la base de données OK.
    • '; + }; + // En cas d'échec de l'ouverture de la transaction + // on utilisera ce gestionnaire + transaction.onerror = function(event) { + note.innerHTML += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • '; + }; + + // On ouvre l'accès au magasin "toDoList" de la transaction + var objectStore = transaction.objectStore("toDoList"); + + // Enfin on ajoute un enregistrement + var objectStoreRequest = objectStore.add(newItem[0]); + objectStoreRequest.onsuccess = function(event) { + // On signale l'ajout de l'enregistrement + note.innerHTML += '
  • Enregistrement ajouté.
    • '; + }; + }; + +``` + +> **Note :** Pour un exemple de travail complet, voir l'application [To-do Notifications](https://github.com/mdn/to-do-notifications/) ([exemple _live_ disponible ici](https://mdn.github.io/to-do-notifications/)). + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------- | ---------------------------- | ------------ | +| {{SpecName('IndexedDB', '#widl-IDBTransaction-ononerror', 'onerror')}} | {{Spec2('IndexedDB')}} |   | + +## Compatibilité des navigateurs + +{{Compat("api.IDBTransaction.onerror")}} + +## 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) diff --git a/files/fr/web/api/idbdatabase/onabort/index.md b/files/fr/web/api/idbdatabase/onabort/index.md deleted file mode 100644 index 8f6a346a16..0000000000 --- a/files/fr/web/api/idbdatabase/onabort/index.md +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: IDBDatabase.onabort -slug: Web/API/IDBDatabase/onabort -tags: - - API - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBDatabase/onabort ---- -{{APIRef("IndexedDB")}} - -Le gestionnaire d'événement **`onabort`**, rattaché à l'interface {{domxref("IDBDatabase")}}, s'exécute au déclenchement de l'événement `abort`, lorsque la tentative d’accès à la base de données est interrompue. - -{{AvailableInWorkers}} - -## Syntaxe - -```js -db.onabort = function() { ... } -``` - -## Exemple - -Cette exemple illustre un gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} dans lequel on ajoute un magasin d'objet et les deux gestionnaires d'événement `onerror` et `onabort` pour gérer les cas d'échec. - -```js -DBOpenRequest.onupgradeneeded = function(event) { - var db = event.target.result; - - db.onerror = function() { - note.innerHTML += '
  • Erreur du chargement de la base de données.
    • '; - }; - - db.onabort = function() { - note.innerHTML += '
  • L\'ouverture de la connexion à été annulée !
    • '; - }; - - // On ajoute un magasin d'objet à la base de données - - var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); - - // On définit les index du magasin - - objectStore.createIndex("hours", "hours", { unique: false }); - objectStore.createIndex("minutes", "minutes", { unique: false }); - objectStore.createIndex("day", "day", { unique: false }); - objectStore.createIndex("month", "month", { unique: false }); - objectStore.createIndex("year", "year", { unique: false }); - - objectStore.createIndex("notified", "notified", { unique: false }); - - note.innerHTML += '
  • Le magasin d\'objets à été ajouté.
    • '; -}; -``` - -## Spécifications - -| Spécification | État | Commentaires | -| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------ | -| {{SpecName('IndexedDB', '#widl-IDBDatabase-onabort', 'onabort')}} | {{Spec2('IndexedDB')}} |   | - -## Compatibilité avec les navigateurs - -{{Compat("api.IDBDatabase.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) diff --git a/files/fr/web/api/idbdatabase/onerror/index.md b/files/fr/web/api/idbdatabase/onerror/index.md deleted file mode 100644 index e35322fb03..0000000000 --- a/files/fr/web/api/idbdatabase/onerror/index.md +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: IDBDatabase.onerror -slug: Web/API/IDBDatabase/onerror -tags: - - API - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBDatabase/onerror ---- -{{APIRef("IndexedDB")}} - -Le gestionnaire d'événement **`onerror`**, rattaché à  l'interface `IDBDatabase`, s’exécute au déclenchement de l'événement `error` qui se produit lorsque la connexion à la base de donnée échoue. - -{{AvailableInWorkers}} - -## Syntaxe - -```js -db.onerror = function() { ... } -``` - -## Exemple - -Dans cet exemple, on illustre un gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} dans lequel on ajoute un magasin d'objet et les deux gestionnaires d'événements `onerror` et `onabort` afin de gérer les cas d'échec de la connexion. - -```js -DBOpenRequest.onupgradeneeded = function(event) { - var db = event.target.result; - - db.onerror = function() { - note.innerHTML += '
  • Erreur du chargement de la base de données.
    • '; - }; - - db.onabort = function() { - note.innerHTML += '
  • L\'ouverture de la connexion à été annulé!
    • '; - }; - - // Ajoute un magasin d'objet à la base de données - - var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); - - // Définition des index - - objectStore.createIndex("hours", "hours", { unique: false }); - objectStore.createIndex("minutes", "minutes", { unique: false }); - objectStore.createIndex("day", "day", { unique: false }); - objectStore.createIndex("month", "month", { unique: false }); - objectStore.createIndex("year", "year", { unique: false }); - - objectStore.createIndex("notified", "notified", { unique: false }); - - note.innerHTML += '
  • Le magasin d\'objets à été ajouté.
    • '; -}; -``` - -## Spécifications - -| Spécification | État | Commentaires | -| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------ | -| {{SpecName('IndexedDB', '#widl-IDBDatabase-onerror', 'onerror')}} | {{Spec2('IndexedDB')}} |   | - -## Compatibilité des navigateurs - -{{Compat("api.IDBDatabase.onerror")}} - -## 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) diff --git a/files/fr/web/api/idbdatabase/onversionchange/index.md b/files/fr/web/api/idbdatabase/onversionchange/index.md deleted file mode 100644 index 6cb138d0bc..0000000000 --- a/files/fr/web/api/idbdatabase/onversionchange/index.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: IDBDatabase.onversionchange -slug: Web/API/IDBDatabase/onversionchange -tags: - - API - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBDatabase/onversionchange ---- -{{APIRef("IndexedDB")}} - -Le gestionnaire d'événement **`onversionchange`**, rattaché à l'interface {{domxref("IDBDatabase")}}, s’exécute au déclenchement de l'événement `versionchange` qui se produit lorsque la structure de la base de donnée change (l'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} ou {{domxref("IDBFactory.deleteDatabase")}} a été demandé par ailleurs (probablement dans une autre fenêtre ou onglet sur le même ordinateur)). - -Cela n'est pas la même chose qu'une transaction `versionchange` (bien que les concepts soient apparentés). - -{{AvailableInWorkers}} - -## Syntaxe - -```js -db.onversionchange = function() { ... } -``` - -## Exemple - -Cette exemple illustre un gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} dans lequel on ajoute un magasin d'objets. Les deux gestionnaires d'événements `onerror` et `onabort` sont utilisés pour les cas d'échec. Le gestionnaire d'événement `onversionchange` est utilisé afin d'indiquer que la structure de la base de données a été modifiée. - -```js -DBOpenRequest.onupgradeneeded = function(event) { - var db = event.target.result; - - db.onerror = function() { - note.innerHTML += '
  • Erreur du chargement de la base de données.
    • '; - }; - - db.onabort = function() { - note.innerHTML += '
  • L\'ouverture de la connexion à été annulée !
    • '; - }; - - // Ajoute un magasin d'objets à la base de données - - var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); - - // Définition des index - - objectStore.createIndex("hours", "hours", { unique: false }); - objectStore.createIndex("minutes", "minutes", { unique: false }); - objectStore.createIndex("day", "day", { unique: false }); - objectStore.createIndex("month", "month", { unique: false }); - objectStore.createIndex("year", "year", { unique: false }); - - objectStore.createIndex("notified", "notified", { unique: false }); - - note.innerHTML += '
  • Le magasin d\'objet à été ajouté.
    • '; - - db.onversionchange = function(event) { - note.innerHTML += '
  • Des changements ont été appliqués sur la base de données. Vous devez réactualiser cette page ou la fermer et utiliser l\'autre version de cette application qui est ouverte.
    • '; - }; -}; -``` - -## Spécifications - -| Spécification | État | Commentaires | -| ------------------------------------------------------------------------------------------------------------ | ---------------------------- | ------------ | -| {{SpecName('IndexedDB', '#widl-IDBDatabase-onversionchange', 'onversionchange')}} | {{Spec2('IndexedDB')}} |   | - -## Compatibilité des navigateurs - -{{Compat("api.IDBDatabase.onversionchange")}} - -## 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) diff --git a/files/fr/web/api/idbdatabase/versionchange_event/index.md b/files/fr/web/api/idbdatabase/versionchange_event/index.md new file mode 100644 index 0000000000..2476f4062d --- /dev/null +++ b/files/fr/web/api/idbdatabase/versionchange_event/index.md @@ -0,0 +1,82 @@ +--- +title: IDBDatabase.onversionchange +slug: Web/API/IDBDatabase/versionchange_event +tags: + - API + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBDatabase/onversionchange +original_slug: Web/API/IDBDatabase/onversionchange +--- +{{APIRef("IndexedDB")}} + +Le gestionnaire d'événement **`onversionchange`**, rattaché à l'interface {{domxref("IDBDatabase")}}, s’exécute au déclenchement de l'événement `versionchange` qui se produit lorsque la structure de la base de donnée change (l'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} ou {{domxref("IDBFactory.deleteDatabase")}} a été demandé par ailleurs (probablement dans une autre fenêtre ou onglet sur le même ordinateur)). + +Cela n'est pas la même chose qu'une transaction `versionchange` (bien que les concepts soient apparentés). + +{{AvailableInWorkers}} + +## Syntaxe + +```js +db.onversionchange = function() { ... } +``` + +## Exemple + +Cette exemple illustre un gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} dans lequel on ajoute un magasin d'objets. Les deux gestionnaires d'événements `onerror` et `onabort` sont utilisés pour les cas d'échec. Le gestionnaire d'événement `onversionchange` est utilisé afin d'indiquer que la structure de la base de données a été modifiée. + +```js +DBOpenRequest.onupgradeneeded = function(event) { + var db = event.target.result; + + db.onerror = function() { + note.innerHTML += '
  • Erreur du chargement de la base de données.
    • '; + }; + + db.onabort = function() { + note.innerHTML += '
  • L\'ouverture de la connexion à été annulée !
    • '; + }; + + // Ajoute un magasin d'objets à la base de données + + var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); + + // Définition des index + + objectStore.createIndex("hours", "hours", { unique: false }); + objectStore.createIndex("minutes", "minutes", { unique: false }); + objectStore.createIndex("day", "day", { unique: false }); + objectStore.createIndex("month", "month", { unique: false }); + objectStore.createIndex("year", "year", { unique: false }); + + objectStore.createIndex("notified", "notified", { unique: false }); + + note.innerHTML += '
  • Le magasin d\'objet à été ajouté.
    • '; + + db.onversionchange = function(event) { + note.innerHTML += '
  • Des changements ont été appliqués sur la base de données. Vous devez réactualiser cette page ou la fermer et utiliser l\'autre version de cette application qui est ouverte.
    • '; + }; +}; +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------ | ---------------------------- | ------------ | +| {{SpecName('IndexedDB', '#widl-IDBDatabase-onversionchange', 'onversionchange')}} | {{Spec2('IndexedDB')}} |   | + +## Compatibilité des navigateurs + +{{Compat("api.IDBDatabase.onversionchange")}} + +## 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) diff --git a/files/fr/web/api/idbtransaction/error_event/index.md b/files/fr/web/api/idbtransaction/error_event/index.md new file mode 100644 index 0000000000..b8d6a070bf --- /dev/null +++ b/files/fr/web/api/idbtransaction/error_event/index.md @@ -0,0 +1,76 @@ +--- +title: IDBDatabase.onerror +slug: Web/API/IDBTransaction/error_event +tags: + - API + - IndexedDB + - Propriété + - Reference +translation_of: Web/API/IDBDatabase/onerror +original_slug: Web/API/IDBDatabase/onerror +--- +{{APIRef("IndexedDB")}} + +Le gestionnaire d'événement **`onerror`**, rattaché à  l'interface `IDBDatabase`, s’exécute au déclenchement de l'événement `error` qui se produit lorsque la connexion à la base de donnée échoue. + +{{AvailableInWorkers}} + +## Syntaxe + +```js +db.onerror = function() { ... } +``` + +## Exemple + +Dans cet exemple, on illustre un gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded")}} dans lequel on ajoute un magasin d'objet et les deux gestionnaires d'événements `onerror` et `onabort` afin de gérer les cas d'échec de la connexion. + +```js +DBOpenRequest.onupgradeneeded = function(event) { + var db = event.target.result; + + db.onerror = function() { + note.innerHTML += '
  • Erreur du chargement de la base de données.
    • '; + }; + + db.onabort = function() { + note.innerHTML += '
  • L\'ouverture de la connexion à été annulé!
    • '; + }; + + // Ajoute un magasin d'objet à la base de données + + var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); + + // Définition des index + + objectStore.createIndex("hours", "hours", { unique: false }); + objectStore.createIndex("minutes", "minutes", { unique: false }); + objectStore.createIndex("day", "day", { unique: false }); + objectStore.createIndex("month", "month", { unique: false }); + objectStore.createIndex("year", "year", { unique: false }); + + objectStore.createIndex("notified", "notified", { unique: false }); + + note.innerHTML += '
  • Le magasin d\'objets à été ajouté.
    • '; +}; +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------ | +| {{SpecName('IndexedDB', '#widl-IDBDatabase-onerror', 'onerror')}} | {{Spec2('IndexedDB')}} |   | + +## Compatibilité des navigateurs + +{{Compat("api.IDBDatabase.onerror")}} + +## 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) diff --git a/files/fr/web/api/idbtransaction/onabort/index.md b/files/fr/web/api/idbtransaction/onabort/index.md deleted file mode 100644 index 6275cd3135..0000000000 --- a/files/fr/web/api/idbtransaction/onabort/index.md +++ /dev/null @@ -1,106 +0,0 @@ ---- -title: IDBTransaction.onabort -slug: Web/API/IDBTransaction/onabort -tags: - - API - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBTransaction/onabort ---- -{{APIRef("IndexedDB")}} - -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}} - -## Syntaxe - -```js -transaction.onabort = function() { ... }; -``` - -## 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. - -On voit ici le gestionnaire d'événement **`onabort`** qui est utilisé pour afficher un message sur la console du développeur. - -```js -// Connexion à la base de données -var DBOpenRequest = window.indexedDB.open("toDoList", 4); - -DBOpenRequest.onsuccess = function(event) { - note.innerHTML += '
  • Connexion établie.
    • '; - - // On affecte la connexion à la variable db. - db = DBOpenRequest.result; - - // On exécute la fonction addData () afin de - // stocker des données dans la base - addData(); -}; - -function addData() { - // Voici un nouvel objet prêt à être emmagasiné - newItem = [ { taskTitle: "Walk dog", hours: 19, minutes: 30, day: 24, month: "December", year: 2013, notified: "no" } ]; - - // On ouvre une transaction en lecture/écriture, prête - // à traiter des données sur la connexion - var transaction = db.transaction(["toDoList"], "readwrite"); - - // On utilise oncomplete en cas de succès de - // l'ouverture de la transaction - transaction.oncomplete = function(event) { - 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 += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • '; - }; - - // On ouvre l'accès au un magasin "toDoList" - // dans la transaction - var objectStore = transaction.objectStore("toDoList"); - - // Ici, l'enregistrement est ajouté - var objectStoreRequest = objectStore.add(newItem[0]); - objectStoreRequest.onsuccess = function(event) { - // On signale l'ajout de l'enregistrement - note.innerHTML += '
  • Enregistrement ajouté.
    • '; - }; - - transaction.onabort = function() { - // Ce gestionnaire permet de signaler - // qu'une transaction a été annulée avec succès - console.log("Transaction annulée !"); - }; - - // On abandonne la transaction qu'on vient de faire - transaction.abort(); -}; -``` - -> **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) diff --git a/files/fr/web/api/idbtransaction/oncomplete/index.md b/files/fr/web/api/idbtransaction/oncomplete/index.md deleted file mode 100644 index fdc6154e6f..0000000000 --- a/files/fr/web/api/idbtransaction/oncomplete/index.md +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: IDBTransaction.oncomplete -slug: Web/API/IDBTransaction/oncomplete -tags: - - API - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBTransaction/oncomplete ---- -{{ APIRef("IndexedDB") }} - -Le gestionnaire d'événement **`oncomplete`**, rattaché à l'interface {{domxref("IDBTransaction")}}, s'exécute au déclenchement d'un événement [`complete`](/fr/docs/Web/Events/complete) lorsque la transaction se termine avec succès. - -> **Note :** Depuis Firefox 40, les transactions IndexedDB diminuent en efficacité pour gagner en efficience (voir {{Bug ( "1112702")}}). Auparavant, dans une transaction en [`readwrite`](#const_read_write), l'événement `complete` était déclenché seulement lorsque toutes les données étaient écrites sur le disque. Maintenant, l'événement `complete` est déclenché après que l'OS ai envoyé l'ordre d'écrire les données, mais potentiellement avant qu'elles aient été écrites sur le disque. L'événement `complete` peut ainsi être déclenché plus rapidement qu'auparavant. Cependant, il existe une chance infime pour que l'ensemble de la transaction soit perdue si le système d'exploitation plante ou s'il y a une perte de courant avant que les données aient été écrites sur le disque. Étant donné que ces événements catastrophiques sont rares, la plupart des utilisateurs ne devraient pas avoir à s'en préoccuper davantage. -> -> > **Attention :** Si vous devez vous assurer de l'efficacité d'une transaction pour une raison quelconque (par exemple, vous stockez des données critiques qui ne peuvent être recalculé plus tard), vous pouvez forcer l'enregistrement complet sur disque avant de déclencher l'événement `complete` en utilisant le mode `readwriteflush` (non-standard) expérimental (cf. {{domxref("IDBDatabase.transaction")}} ). Ce mode expérimentale ne peut être utilisé que si la préférence` dom.indexedDB.experimental `pref est réglée sur `true` dans `about: config`. -> -> {{AvailableInWorkers}} -> -> ## Syntaxe -> -> ```js -> transaction.oncomplete = function() { ... }; -> ``` -> -> ## Exemple -> -> Dans le code suivant, on ouvre une connexion à la base de donnée. Ensuite, sur cette connexion, on démarre une transaction (avec  {{domxref("IDBTransaction")}}) en lecture/écriture pour accéder au magasin d'objet `"toDoList"` et y ajouter un enregistrement grâce à la méthode {{domxref("IDBObjectStore.add")}}. On notera également la façon dont le gestionnaire d'événement {{domxref("IDBTransaction.onerror")}} est utilisé dans la transaction. -> -> Le gestionnaires d'événement **`oncomplete`** de la transaction permet d'afficher un message de succès sur la page. -> -> ```js -> // Connexion à la base de données -> var DBOpenRequest = window.indexedDB.open("toDoList", 4); -> -> DBOpenRequest.onsuccess = function(event) { -> note.innerHTML += '
  • Connexion établie.
    • '; -> -> // Affectation de la connexion à la variable db. -> db = DBOpenRequest.result; -> -> // Exécution de la fonction addData () pour -> // stocker des données dans la base -> addData(); -> }; -> -> function addData() { -> // Voici un nouvel objet prêt à être emmagasiné -> newItem = [ { taskTitle: "Walk dog", hours: 19, minutes: 30, day: 24, month: "December", year: 2013, notified: "no" } ]; -> -> // On ouvre une transaction en lecture/écriture -> // prête au traitement des données sur la connexion -> var transaction = db.transaction(["toDoList"], "readwrite"); -> -> // Voici le gestionnaire utilisé en cas de succès -> // de l'ouverture de la transaction -> transaction.oncomplete = function(event) { -> note.innerHTML += '
  • Transaction terminée : modification de la base de données OK.
    • '; -> }; -> -> // Et celui utilisé en cas d'échec de -> // l'ouverture de la transaction -> transaction.onerror = function(event) { -> note.innerHTML += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • '; -> }; -> -> // Puis, on ouvre l'accès au un magasin "toDoList" -> // de la transaction -> var objectStore = transaction.objectStore("toDoList"); -> -> // Enfin on ajoute l'enregistrement -> var objectStoreRequest = objectStore.add(newItem[0]); -> objectStoreRequest.onsuccess = function(event) { -> // Et on signale l'ajout de l'enregistrement -> note.innerHTML += '
  • Enregistrement ajouté.
    • '; -> }; -> }; -> ``` -> -> > **Note :** Pour un exemple de travail 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-oncomplete', 'oncomplete')}} | {{Spec2('IndexedDB')}} |   | -> -> ## Compatibilité des  navigateurs -> -> {{Compat("api.IDBTransaction.oncomplete")}} -> -> ## 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) diff --git a/files/fr/web/api/idbtransaction/onerror/index.md b/files/fr/web/api/idbtransaction/onerror/index.md deleted file mode 100644 index aeeb364fbf..0000000000 --- a/files/fr/web/api/idbtransaction/onerror/index.md +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: IDBTransaction.onerror -slug: Web/API/IDBTransaction/onerror -tags: - - API - - IndexedDB - - Propriété - - Reference -translation_of: Web/API/IDBTransaction/onerror ---- -{{APIRef("IndexedDB")}} - -Le gestionnaire d'événement **`onerror`**, rattaché à l'interface {{domxref("IDBTransaction")}}, s'exécute au déclenchement d'un événement [`error`](/fr/docs/Web/Events/error) lorsque la transaction échoue. - -{{AvailableInWorkers}} - -## Syntaxe - -```js -transaction.onerror = function() { ... }; -``` - -## Exemple - -Dans le code suivant, on commence par ouvrir une connexion à la base de donnée. Grâce à cette connexion, on initialise une transaction en lecture/écriture grâce à `IDBTransaction` pour accéder au magasin d'objets intitulé `toDoList` et y ajouter un enregistrement via la méthode  {{domxref("IDBObjectStore.add")}}. On notera également l'utilisation du gestionnaire d'événements {{domxref("IDBTransaction.oncomplete")}}. - -Le gestionnaire d'événement **`onerror`** de la transaction affiche le code d'erreur de la propriété propriété {{domxref("IDBTransaction.error","error")}} sur la page. - -```js -// Connexion à la base de données -var DBOpenRequest = window.indexedDB.open("toDoList", 4); - -DBOpenRequest.onsuccess = function(event) { - note.innerHTML += '
  • Connexion établie.
    • '; - - // On affecte la connexion à la variable db. - db = DBOpenRequest.result; - - // On exécute la fonction addData () pour ajouter - // des données dans la base - addData(); -}; -function addData() { - // On crée un nouvel objet prêt à être emmagasiné - newItem = [ { taskTitle: "Walk dog", hours: 19, minutes: 30, day: 24, month: "December", year: 2013, notified: "no" } ]; - - // On ouvre une transaction de lecture / écriture - // pour traiter les données via la connexion - var transaction = db.transaction(["toDoList"], "readwrite"); - - // En cas de succès de l'ouverture de la transaction - // on utilise ce gestionnaire - transaction.oncomplete = function(event) { - note.innerHTML += '
  • Transaction terminée : modification de la base de données OK.
    • '; - }; - // En cas d'échec de l'ouverture de la transaction - // on utilisera ce gestionnaire - transaction.onerror = function(event) { - note.innerHTML += '
  • L\'erreur: "' + transaction.error +'" s\'est produite, échec de la transaction.
    • '; - }; - - // On ouvre l'accès au magasin "toDoList" de la transaction - var objectStore = transaction.objectStore("toDoList"); - - // Enfin on ajoute un enregistrement - var objectStoreRequest = objectStore.add(newItem[0]); - objectStoreRequest.onsuccess = function(event) { - // On signale l'ajout de l'enregistrement - note.innerHTML += '
  • Enregistrement ajouté.
    • '; - }; - }; - -``` - -> **Note :** Pour un exemple de travail complet, voir l'application [To-do Notifications](https://github.com/mdn/to-do-notifications/) ([exemple _live_ disponible ici](https://mdn.github.io/to-do-notifications/)). - -## Spécifications - -| Spécification | État | Commentaires | -| -------------------------------------------------------------------------------------------- | ---------------------------- | ------------ | -| {{SpecName('IndexedDB', '#widl-IDBTransaction-ononerror', 'onerror')}} | {{Spec2('IndexedDB')}} |   | - -## Compatibilité des navigateurs - -{{Compat("api.IDBTransaction.onerror")}} - -## 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) diff --git a/files/pt-br/_redirects.txt b/files/pt-br/_redirects.txt index 0c27857616..417b063a11 100644 --- a/files/pt-br/_redirects.txt +++ b/files/pt-br/_redirects.txt @@ -480,11 +480,15 @@ /pt-BR/docs/Web/API/BatteryManager.chargingTime /pt-BR/docs/Web/API/BatteryManager/chargingTime /pt-BR/docs/Web/API/BatteryManager.dischargingTime /pt-BR/docs/Web/API/BatteryManager/dischargingTime /pt-BR/docs/Web/API/BatteryManager.level /pt-BR/docs/Web/API/BatteryManager/level -/pt-BR/docs/Web/API/BatteryManager.onchargingchange /pt-BR/docs/Web/API/BatteryManager/onchargingchange -/pt-BR/docs/Web/API/BatteryManager.onchargingtimechange /pt-BR/docs/Web/API/BatteryManager/onchargingtimechange -/pt-BR/docs/Web/API/BatteryManager.ondischargingtimechange /pt-BR/docs/Web/API/BatteryManager/ondischargingtimechange -/pt-BR/docs/Web/API/BatteryManager.onlevelchange /pt-BR/docs/Web/API/BatteryManager/onlevelchange -/pt-BR/docs/Web/API/BatteryManager/ondischargintimechange /pt-BR/docs/Web/API/BatteryManager/ondischargingtimechange +/pt-BR/docs/Web/API/BatteryManager.onchargingchange /pt-BR/docs/Web/API/BatteryManager/chargingchange_event +/pt-BR/docs/Web/API/BatteryManager.onchargingtimechange /pt-BR/docs/Web/API/BatteryManager/chargingtimechange_event +/pt-BR/docs/Web/API/BatteryManager.ondischargingtimechange /pt-BR/docs/Web/API/BatteryManager/dischargingtimechange_event +/pt-BR/docs/Web/API/BatteryManager.onlevelchange /pt-BR/docs/Web/API/BatteryManager/levelchange_event +/pt-BR/docs/Web/API/BatteryManager/onchargingchange /pt-BR/docs/Web/API/BatteryManager/chargingchange_event +/pt-BR/docs/Web/API/BatteryManager/onchargingtimechange /pt-BR/docs/Web/API/BatteryManager/chargingtimechange_event +/pt-BR/docs/Web/API/BatteryManager/ondischargingtimechange /pt-BR/docs/Web/API/BatteryManager/dischargingtimechange_event +/pt-BR/docs/Web/API/BatteryManager/ondischargintimechange /pt-BR/docs/Web/API/BatteryManager/dischargingtimechange_event +/pt-BR/docs/Web/API/BatteryManager/onlevelchange /pt-BR/docs/Web/API/BatteryManager/levelchange_event /pt-BR/docs/Web/API/Console.timeEnd /pt-BR/docs/Web/API/Console/timeEnd /pt-BR/docs/Web/API/Coordinates /pt-BR/docs/Web/API/GeolocationCoordinates /pt-BR/docs/Web/API/Coordinates/altitude /pt-BR/docs/Web/API/GeolocationCoordinates/altitude diff --git a/files/pt-br/_wikihistory.json b/files/pt-br/_wikihistory.json index 50e955faf9..361a809bd2 100644 --- a/files/pt-br/_wikihistory.json +++ b/files/pt-br/_wikihistory.json @@ -3695,42 +3695,42 @@ "eliezerb" ] }, - "Web/API/BatteryManager/dischargingTime": { - "modified": "2019-03-23T23:16:57.249Z", + "Web/API/BatteryManager/chargingchange_event": { + "modified": "2019-03-23T23:16:56.594Z", "contributors": [ "teoli", "eliezerb" ] }, - "Web/API/BatteryManager/level": { - "modified": "2019-03-23T23:16:57.347Z", + "Web/API/BatteryManager/chargingtimechange_event": { + "modified": "2019-03-23T23:16:56.942Z", "contributors": [ "teoli", "eliezerb" ] }, - "Web/API/BatteryManager/onchargingchange": { - "modified": "2019-03-23T23:16:56.594Z", + "Web/API/BatteryManager/dischargingTime": { + "modified": "2019-03-23T23:16:57.249Z", "contributors": [ "teoli", "eliezerb" ] }, - "Web/API/BatteryManager/onchargingtimechange": { - "modified": "2019-03-23T23:16:56.942Z", + "Web/API/BatteryManager/dischargingtimechange_event": { + "modified": "2019-03-23T23:16:54.139Z", "contributors": [ "teoli", "eliezerb" ] }, - "Web/API/BatteryManager/ondischargingtimechange": { - "modified": "2019-03-23T23:16:54.139Z", + "Web/API/BatteryManager/level": { + "modified": "2019-03-23T23:16:57.347Z", "contributors": [ "teoli", "eliezerb" ] }, - "Web/API/BatteryManager/onlevelchange": { + "Web/API/BatteryManager/levelchange_event": { "modified": "2019-03-23T23:16:53.281Z", "contributors": [ "teoli", diff --git a/files/pt-br/web/api/batterymanager/chargingchange_event/index.html b/files/pt-br/web/api/batterymanager/chargingchange_event/index.html new file mode 100644 index 0000000000..af17a070c2 --- /dev/null +++ b/files/pt-br/web/api/batterymanager/chargingchange_event/index.html @@ -0,0 +1,36 @@ +--- +title: BatteryManager.onchargingchange +slug: Web/API/BatteryManager/chargingchange_event +tags: + - API + - Battery API + - Event Handler + - Propriedade + - Referencia +translation_of: Web/API/BatteryManager/onchargingchange +original_slug: Web/API/BatteryManager/onchargingchange +--- +

    {{APIRef("Battery API")}}

    + +

    Especifica um event listener para receber eventos {{event("chargingchange")}}. Esses eventos ocorrem quando o estado {{domxref("BatteryManager.charging", "charging")}} (carregando) da bateria é atualizado.

    + +

    Sintaxe

    + +
    navigator.battery.onchargingchange = funcRef
    + +

    Onde funcRef é uma função para ser chamada quando o evento {{event("chargingchange")}} ocorre.

    + +

    Especificações

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    + +

    Compatibilidade com navegadores

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    + +

    Veja também

    + + diff --git a/files/pt-br/web/api/batterymanager/chargingtimechange_event/index.html b/files/pt-br/web/api/batterymanager/chargingtimechange_event/index.html new file mode 100644 index 0000000000..a8fa2fe25f --- /dev/null +++ b/files/pt-br/web/api/batterymanager/chargingtimechange_event/index.html @@ -0,0 +1,36 @@ +--- +title: BatteryManager.onchargingtimechange +slug: Web/API/BatteryManager/chargingtimechange_event +tags: + - API + - Battery API + - Event Handler + - Propriedade + - Referencia +translation_of: Web/API/BatteryManager/onchargingtimechange +original_slug: Web/API/BatteryManager/onchargingtimechange +--- +

    {{APIRef("Battery API")}}

    + +

    Especifica um event listener para receber eventos {{event("chargingtimechange")}}. Esses eventos ocorrem quando a propriedade {{domxref("BatteryManager.chargingTime","chargingTime")}} (tempo de carregamento) da bateria é atualizada.

    + +

    Sintaxe

    + +
    navigator.battery.onchargingtimechange = funcRef
    + +

    Onde funcRef é uma função para ser chamada quando o evento {{event("chargingtimechange")}} ocorre.

    + +

    Especificações

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    + +

    Compatibilidade com navegadores

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    + +

    Veja também

    + + diff --git a/files/pt-br/web/api/batterymanager/dischargingtimechange_event/index.html b/files/pt-br/web/api/batterymanager/dischargingtimechange_event/index.html new file mode 100644 index 0000000000..678486ee3d --- /dev/null +++ b/files/pt-br/web/api/batterymanager/dischargingtimechange_event/index.html @@ -0,0 +1,36 @@ +--- +title: BatteryManager.ondischargingtimechange +slug: Web/API/BatteryManager/dischargingtimechange_event +tags: + - API + - Battery API + - Event Handler + - Propriedade + - Referencia +translation_of: Web/API/BatteryManager/ondischargingtimechange +original_slug: Web/API/BatteryManager/ondischargingtimechange +--- +

    {{APIRef("Battery API")}}

    + +

    Especifica um event listener para receber eventos {{event("dischargingtimechange")}}. Esses eventos ocorrem quando a propriedade {{domxref("BatteryManager.dischargingTime","dischargingTime")}} (tempo de descarregamento) da bateria é atualizada.

    + +

    Sintaxe

    + +
    navigator.battery.ondischargingtimechange = funcRef
    + +

    Onde funcRef é uma função para ser chamada quando o evento {{event("dischargingtimechange")}} ocorre.

    + +

    Especificações

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    + +

    Compatibilidade com navegadores

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    + +

    Veja também

    + + diff --git a/files/pt-br/web/api/batterymanager/levelchange_event/index.html b/files/pt-br/web/api/batterymanager/levelchange_event/index.html new file mode 100644 index 0000000000..0463751f07 --- /dev/null +++ b/files/pt-br/web/api/batterymanager/levelchange_event/index.html @@ -0,0 +1,36 @@ +--- +title: BatteryManager.onlevelchange +slug: Web/API/BatteryManager/levelchange_event +tags: + - API + - Battery API + - Event Handler + - Propriedade + - Referencia +translation_of: Web/API/BatteryManager/onlevelchange +original_slug: Web/API/BatteryManager/onlevelchange +--- +

    {{APIRef("Battery API")}}

    + +

    Especifica um event listener para receber eventos {{event("levelchange")}}. Esses eventos ocorrem quando o {{domxref("BatteryManager.level","level")}} (nível) da bateria é atualizado.

    + +

    Sintaxe

    + +
    navigator.battery.onlevelchange = funcRef
    + +

    Onde funcRef é uma função para ser chamada quando o evento {{event("levelchange")}} ocorre.

    + +

    Especificações

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    + +

    Compatibilidade com navegadores

    + +

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    + +

    Veja também

    + + diff --git a/files/pt-br/web/api/batterymanager/onchargingchange/index.html b/files/pt-br/web/api/batterymanager/onchargingchange/index.html deleted file mode 100644 index d921b79d1a..0000000000 --- a/files/pt-br/web/api/batterymanager/onchargingchange/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: BatteryManager.onchargingchange -slug: Web/API/BatteryManager/onchargingchange -tags: - - API - - Battery API - - Event Handler - - Propriedade - - Referencia -translation_of: Web/API/BatteryManager/onchargingchange ---- -

    {{APIRef("Battery API")}}

    - -

    Especifica um event listener para receber eventos {{event("chargingchange")}}. Esses eventos ocorrem quando o estado {{domxref("BatteryManager.charging", "charging")}} (carregando) da bateria é atualizado.

    - -

    Sintaxe

    - -
    navigator.battery.onchargingchange = funcRef
    - -

    Onde funcRef é uma função para ser chamada quando o evento {{event("chargingchange")}} ocorre.

    - -

    Especificações

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    - -

    Compatibilidade com navegadores

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    - -

    Veja também

    - - diff --git a/files/pt-br/web/api/batterymanager/onchargingtimechange/index.html b/files/pt-br/web/api/batterymanager/onchargingtimechange/index.html deleted file mode 100644 index 7eb4ae8735..0000000000 --- a/files/pt-br/web/api/batterymanager/onchargingtimechange/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: BatteryManager.onchargingtimechange -slug: Web/API/BatteryManager/onchargingtimechange -tags: - - API - - Battery API - - Event Handler - - Propriedade - - Referencia -translation_of: Web/API/BatteryManager/onchargingtimechange ---- -

    {{APIRef("Battery API")}}

    - -

    Especifica um event listener para receber eventos {{event("chargingtimechange")}}. Esses eventos ocorrem quando a propriedade {{domxref("BatteryManager.chargingTime","chargingTime")}} (tempo de carregamento) da bateria é atualizada.

    - -

    Sintaxe

    - -
    navigator.battery.onchargingtimechange = funcRef
    - -

    Onde funcRef é uma função para ser chamada quando o evento {{event("chargingtimechange")}} ocorre.

    - -

    Especificações

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    - -

    Compatibilidade com navegadores

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    - -

    Veja também

    - - diff --git a/files/pt-br/web/api/batterymanager/ondischargingtimechange/index.html b/files/pt-br/web/api/batterymanager/ondischargingtimechange/index.html deleted file mode 100644 index 5630dc9c91..0000000000 --- a/files/pt-br/web/api/batterymanager/ondischargingtimechange/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: BatteryManager.ondischargingtimechange -slug: Web/API/BatteryManager/ondischargingtimechange -tags: - - API - - Battery API - - Event Handler - - Propriedade - - Referencia -translation_of: Web/API/BatteryManager/ondischargingtimechange -original_slug: Web/API/BatteryManager/ondischargintimechange ---- -

    {{APIRef("Battery API")}}

    - -

    Especifica um event listener para receber eventos {{event("dischargingtimechange")}}. Esses eventos ocorrem quando a propriedade {{domxref("BatteryManager.dischargingTime","dischargingTime")}} (tempo de descarregamento) da bateria é atualizada.

    - -

    Sintaxe

    - -
    navigator.battery.ondischargingtimechange = funcRef
    - -

    Onde funcRef é uma função para ser chamada quando o evento {{event("dischargingtimechange")}} ocorre.

    - -

    Especificações

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    - -

    Compatibilidade com navegadores

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    - -

    Veja também

    - - diff --git a/files/pt-br/web/api/batterymanager/onlevelchange/index.html b/files/pt-br/web/api/batterymanager/onlevelchange/index.html deleted file mode 100644 index a88ad93855..0000000000 --- a/files/pt-br/web/api/batterymanager/onlevelchange/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: BatteryManager.onlevelchange -slug: Web/API/BatteryManager/onlevelchange -tags: - - API - - Battery API - - Event Handler - - Propriedade - - Referencia -translation_of: Web/API/BatteryManager/onlevelchange ---- -

    {{APIRef("Battery API")}}

    - -

    Especifica um event listener para receber eventos {{event("levelchange")}}. Esses eventos ocorrem quando o {{domxref("BatteryManager.level","level")}} (nível) da bateria é atualizado.

    - -

    Sintaxe

    - -
    navigator.battery.onlevelchange = funcRef
    - -

    Onde funcRef é uma função para ser chamada quando o evento {{event("levelchange")}} ocorre.

    - -

    Especificações

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Specifications")}}

    - -

    Compatibilidade com navegadores

    - -

    {{page("/pt-BR/docs/Web/API/BatteryManager","Browser_compatibility")}}

    - -

    Veja também

    - - diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index b348f3966c..8a5afc908c 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -1394,6 +1394,7 @@ /zh-CN/docs/Web/API/HTMLTableElement.deleteTHead /zh-CN/docs/Web/API/HTMLTableElement/deleteTHead /zh-CN/docs/Web/API/Headers/getAll /zh-CN/docs/conflicting/Web/API/Headers/get /zh-CN/docs/Web/API/IDBCursor.direction /zh-CN/docs/Web/API/IDBCursor/direction +/zh-CN/docs/Web/API/IDBDatabase/onversionchange /zh-CN/docs/Web/API/IDBDatabase/versionchange_event /zh-CN/docs/Web/API/IDBFactory.open /zh-CN/docs/Web/API/IDBFactory/open /zh-CN/docs/Web/API/IDBObjectStore.openCursor /zh-CN/docs/Web/API/IDBObjectStore/openCursor /zh-CN/docs/Web/API/Index /zh-CN/docs/conflicting/Web/API diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index 5a3f634ea5..12e197d50b 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -15987,7 +15987,7 @@ "zquancai" ] }, - "Web/API/IDBDatabase/onversionchange": { + "Web/API/IDBDatabase/versionchange_event": { "modified": "2020-10-15T22:17:00.625Z", "contributors": [ "seawin" diff --git a/files/zh-cn/web/api/idbdatabase/onversionchange/index.html b/files/zh-cn/web/api/idbdatabase/onversionchange/index.html deleted file mode 100644 index 3dc9534dea..0000000000 --- a/files/zh-cn/web/api/idbdatabase/onversionchange/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: IDBDatabase.onversionchange -slug: Web/API/IDBDatabase/onversionchange -translation_of: Web/API/IDBDatabase/onversionchange ---- -

    {{ APIRef("IndexedDB") }}

    - -

     {{domxref("IDBDatabase")}} 中的 onversionchange 事件处理器能处理版本更新事件，此事件能在任意地方 (很可能在同一台计算机上的另一个窗口/选项卡中)导致数据库结构更改（{{ domxref("IDBOpenDBRequest.onupgradeneeded")}} 事件 或 {{ domxref("IDBFactory.deleteDatabase")}} 事件）的时候被触发 。

    - -
    -

    onversionchange 与 versionchange 是不相同的事件（但两者是有关联的）。

    - -

    {{AvailableInWorkers}}

    -
    - -

    语法

    - -
    IDBDatabase.onversionchange = function(event) { ... }
    - -

    举例

    - -

    本例展示了一个创建新对象仓库的 {{domxref("IDBOpenDBRequest.onupgradeneeded")}} 代码块；代码中包含用于处理失败操作的 onerror 和 onabort 函数，以及一个 onversionchange 函数用以在数据库结构被改变时通知用户。

    - -
    request.onupgradeneeded = function(event) {
-  var db = event.target.result;
-
-  db.onerror = function(event) {
-    note.innerHTML += '<li>Error opening database.</li>';
-  };
-
-  db.onabort = function(event) {
-    note.innerHTML += '<li>Database opening aborted!</li>';
-  };
-
-  // 给这个数据库创建对象仓库
-
-  var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" });
-
-  // 定义对象仓库中包含的数据项
-
-  objectStore.createIndex("hours", "hours", { unique: false });
-  objectStore.createIndex("minutes", "minutes", { unique: false });
-  objectStore.createIndex("day", "day", { unique: false });
-  objectStore.createIndex("month", "month", { unique: false });
-  objectStore.createIndex("year", "year", { unique: false });
-
-  objectStore.createIndex("notified", "notified", { unique: false });
-
-  note.innerHTML += '<li>Object store created.</li>';
-
-  db.onversionchange = function(event) {
-    note.innerHTML += '<li>a database change has occurred; you should refresh this
-                       browser window, or close it down and use the other open version of
-                       this application, wherever it exists.</li>';
-  };
-};
    - -

    格式

    - - - - - - - - - - - - - - - - - - - -
    格式状态注释
    {{SpecName('IndexedDB', '#widl-IDBDatabase-onversionchange', 'onversionchange')}}{{Spec2('IndexedDB')}} 
    {{SpecName("IndexedDB 2", "#dom-idbdatabase-onversionchange", "onversionchange")}}{{Spec2("IndexedDB 2")}} 
    - -

    浏览器兼容性

    - -
    -

    {{Compat("api.IDBDatabase.onversionchange")}}

    -
    - -

    更多参考

    - - diff --git a/files/zh-cn/web/api/idbdatabase/versionchange_event/index.html b/files/zh-cn/web/api/idbdatabase/versionchange_event/index.html new file mode 100644 index 0000000000..322f906857 --- /dev/null +++ b/files/zh-cn/web/api/idbdatabase/versionchange_event/index.html @@ -0,0 +1,98 @@ +--- +title: IDBDatabase.onversionchange +slug: Web/API/IDBDatabase/versionchange_event +translation_of: Web/API/IDBDatabase/onversionchange +original_slug: Web/API/IDBDatabase/onversionchange +--- +

    {{ APIRef("IndexedDB") }}

    + +

     {{domxref("IDBDatabase")}} 中的 onversionchange 事件处理器能处理版本更新事件，此事件能在任意地方 (很可能在同一台计算机上的另一个窗口/选项卡中)导致数据库结构更改（{{ domxref("IDBOpenDBRequest.onupgradeneeded")}} 事件 或 {{ domxref("IDBFactory.deleteDatabase")}} 事件）的时候被触发 。

    + +
    +

    onversionchange 与 versionchange 是不相同的事件（但两者是有关联的）。

    + +

    {{AvailableInWorkers}}

    +
    + +

    语法

    + +
    IDBDatabase.onversionchange = function(event) { ... }
    + +

    举例

    + +

    本例展示了一个创建新对象仓库的 {{domxref("IDBOpenDBRequest.onupgradeneeded")}} 代码块；代码中包含用于处理失败操作的 onerror 和 onabort 函数，以及一个 onversionchange 函数用以在数据库结构被改变时通知用户。

    + +
    request.onupgradeneeded = function(event) {
+  var db = event.target.result;
+
+  db.onerror = function(event) {
+    note.innerHTML += '<li>Error opening database.</li>';
+  };
+
+  db.onabort = function(event) {
+    note.innerHTML += '<li>Database opening aborted!</li>';
+  };
+
+  // 给这个数据库创建对象仓库
+
+  var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" });
+
+  // 定义对象仓库中包含的数据项
+
+  objectStore.createIndex("hours", "hours", { unique: false });
+  objectStore.createIndex("minutes", "minutes", { unique: false });
+  objectStore.createIndex("day", "day", { unique: false });
+  objectStore.createIndex("month", "month", { unique: false });
+  objectStore.createIndex("year", "year", { unique: false });
+
+  objectStore.createIndex("notified", "notified", { unique: false });
+
+  note.innerHTML += '<li>Object store created.</li>';
+
+  db.onversionchange = function(event) {
+    note.innerHTML += '<li>a database change has occurred; you should refresh this
+                       browser window, or close it down and use the other open version of
+                       this application, wherever it exists.</li>';
+  };
+};
    + +

    格式

    + + + + + + + + + + + + + + + + + + + +
    格式状态注释
    {{SpecName('IndexedDB', '#widl-IDBDatabase-onversionchange', 'onversionchange')}}{{Spec2('IndexedDB')}} 
    {{SpecName("IndexedDB 2", "#dom-idbdatabase-onversionchange", "onversionchange")}}{{Spec2("IndexedDB 2")}} 
    + +

    浏览器兼容性

    + +
    +

    {{Compat("api.IDBDatabase.onversionchange")}}

    +
    + +

    更多参考

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