aboutsummaryrefslogtreecommitdiff
path: root/files/uk/web/api
diff options
context:
space:
mode:
Diffstat (limited to 'files/uk/web/api')
-rw-r--r--files/uk/web/api/canvas_api/tutorial/hit_regions_and_accessibility/index.html (renamed from files/uk/web/api/canvas_api/tutorial/чутливі_ділянки_та_доступність/index.html)3
-rw-r--r--files/uk/web/api/event/index.html (renamed from files/uk/web/api/подія/index.html)3
-rw-r--r--files/uk/web/api/event/target/index.html (renamed from files/uk/web/api/подія/target/index.html)3
-rw-r--r--files/uk/web/api/htmlmediaelement/abort_event/index.html69
-rw-r--r--files/uk/web/api/page_visibility_api/index.html (renamed from files/uk/web/api/api_відображення_сторінки/index.html)3
-rw-r--r--files/uk/web/api/window/domcontentloaded_event/index.html153
-rw-r--r--files/uk/web/api/windoworworkerglobalscope/settimeout/index.html (renamed from files/uk/web/api/windowtimers/settimeout/index.html)3
-rw-r--r--files/uk/web/api/windowtimers/index.html126
8 files changed, 232 insertions, 131 deletions
diff --git a/files/uk/web/api/canvas_api/tutorial/чутливі_ділянки_та_доступність/index.html b/files/uk/web/api/canvas_api/tutorial/hit_regions_and_accessibility/index.html
index cb7b8b615b..e02e218fa5 100644
--- a/files/uk/web/api/canvas_api/tutorial/чутливі_ділянки_та_доступність/index.html
+++ b/files/uk/web/api/canvas_api/tutorial/hit_regions_and_accessibility/index.html
@@ -1,12 +1,13 @@
---
title: Чутливі ділянки та доступність
-slug: Web/API/Canvas_API/Tutorial/Чутливі_ділянки_та_доступність
+slug: Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility
tags:
- Canvas
- Графіка
- Полотно
- Підручник
translation_of: Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility
+original_slug: Web/API/Canvas_API/Tutorial/Чутливі_ділянки_та_доступність
---
<div>{{CanvasSidebar}} {{ PreviousNext("Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas", "Web/API/Canvas_API/Tutorial/Optimizing_canvas") }}</div>
diff --git a/files/uk/web/api/подія/index.html b/files/uk/web/api/event/index.html
index e1aab3dfde..a7523c4d23 100644
--- a/files/uk/web/api/подія/index.html
+++ b/files/uk/web/api/event/index.html
@@ -1,7 +1,8 @@
---
title: Подія
-slug: Web/API/Подія
+slug: Web/API/Event
translation_of: Web/API/Event
+original_slug: Web/API/Подія
---
<p>{{APIRef("DOM")}}</p>
diff --git a/files/uk/web/api/подія/target/index.html b/files/uk/web/api/event/target/index.html
index 20c17f2d31..c9a09ca3e9 100644
--- a/files/uk/web/api/подія/target/index.html
+++ b/files/uk/web/api/event/target/index.html
@@ -1,7 +1,8 @@
---
title: Event.target
-slug: Web/API/Подія/target
+slug: Web/API/Event/target
translation_of: Web/API/Event/target
+original_slug: Web/API/Подія/target
---
<p>{{ApiRef("DOM")}}</p>
diff --git a/files/uk/web/api/htmlmediaelement/abort_event/index.html b/files/uk/web/api/htmlmediaelement/abort_event/index.html
new file mode 100644
index 0000000000..d6141f3ed7
--- /dev/null
+++ b/files/uk/web/api/htmlmediaelement/abort_event/index.html
@@ -0,0 +1,69 @@
+---
+title: abort
+slug: Web/API/HTMLMediaElement/abort_event
+translation_of: Web/API/HTMLMediaElement/abort_event
+translation_of_original: Web/Events/abort
+original_slug: Web/Events/abort
+---
+<p>Подія <code>abort</code> спрацьовує коли завантаження ресурсу було <span id="result_box" lang="uk"><span>перервано</span></span>.</p>
+
+<h2 id="Загальна_інформація">Загальна інформація</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Специфікація</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
+ <dd style="margin: 0 0 0 120px;">UIEvent if generated from a user interface, Event otherwise.</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
+ <dd style="margin: 0 0 0 120px;">No</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
+ <dd style="margin: 0 0 0 120px;">No</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Target</dt>
+ <dd style="margin: 0 0 0 120px;">Element</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Default Action</dt>
+ <dd style="margin: 0 0 0 120px;">None</dd>
+</dl>
+
+<h2 id="Властивості">Властивості</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ <tr>
+ <td><code>view</code> {{readonlyInline}}</td>
+ <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td>
+ <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (<code>window</code> of the document)</td>
+ </tr>
+ <tr>
+ <td><code>detail</code> {{readonlyInline}}</td>
+ <td><code>long</code> (<code>float</code>)</td>
+ <td>0.</td>
+ </tr>
+ </tbody>
+</table>
diff --git a/files/uk/web/api/api_відображення_сторінки/index.html b/files/uk/web/api/page_visibility_api/index.html
index 6675a3783b..2cf8077bd9 100644
--- a/files/uk/web/api/api_відображення_сторінки/index.html
+++ b/files/uk/web/api/page_visibility_api/index.html
@@ -1,6 +1,6 @@
---
title: API відображення сторінки
-slug: Web/API/API_відображення_сторінки
+slug: Web/API/Page_Visibility_API
tags:
- API
- API відображення сторінки
@@ -10,6 +10,7 @@ tags:
- процеси скритої закладки
- фоновий режим
translation_of: Web/API/Page_Visibility_API
+original_slug: Web/API/API_відображення_сторінки
---
<div>{{DefaultAPISidebar("Page Visibility API")}}</div>
diff --git a/files/uk/web/api/window/domcontentloaded_event/index.html b/files/uk/web/api/window/domcontentloaded_event/index.html
new file mode 100644
index 0000000000..c6e14d17a4
--- /dev/null
+++ b/files/uk/web/api/window/domcontentloaded_event/index.html
@@ -0,0 +1,153 @@
+---
+title: DOMContentLoaded
+slug: Web/API/Window/DOMContentLoaded_event
+translation_of: Web/API/Window/DOMContentLoaded_event
+original_slug: Web/Events/DOMContentLoaded
+---
+<p>Подія <code>DOMContentLoaded</code> викликається, коли вихідний HTML документ повністю завантажився та був розібраний (parse), без очікування повного завантаження стилів, зображень, сабфреймів (subframes). Зовсім інша подія - <a href="/en-US/docs/Mozilla_event_reference/load"><code>load</code></a> - має використовуватися лише для того, щоб визначити повне завантаження сторінки. Використання <code><a href="/en-US/docs/Mozilla_event_reference/load">load</a> </code>там, де застосування <code>DOMContentLoaded</code> є більш доречним, є дуже поширеною помилкою, тому будьте уважними.</p>
+
+<p>{{Note("Синхронний Javascript затримує парсинг DOM.")}}</p>
+
+<p>{{Note("Існує безліч універсальних та автономних бібліотек, які  попонують кроссбраузерні методи для визначення готовності DOM.")}}</p>
+
+<h2 id="Прискорення">Прискорення</h2>
+
+<p>Якщо ви хочете, щоб DOM був розібраним (got parsed) якомога швидше після того, як користувач зробив запит сторінки, ви можете зробити ваш <a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">JavaScript асинхронним</a> та <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery">оптимізувати завантаження стилів</a>. Якщо цього не зробити, це сповільнить завантаження сторінки через те, що воно буде відбуватися паралельно і марнувати трафік у головного html документа.</p>
+
+<h2 id="Основна_інформація">Основна інформація</h2>
+
+<dl>
+ <dt style="width: 120px; text-align: right; float: left;">Специфікація</dt>
+ <dd style="margin: 0px 0px 0px 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></dd>
+ <dt style="width: 120px; text-align: right; float: left;">Інтерфейс</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Подія</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Спливання</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Так</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Можливість скасування</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Так (однак скасування як простої події скасувати не можна)</dd>
+ <dt style="width: 120px; text-align: right; float: left;"> </dt>
+ <dt style="width: 120px; text-align: right; float: left;"> </dt>
+ <dt style="width: 120px; text-align: right; float: left;"> </dt>
+ <dt style="width: 120px; text-align: right; float: left;"> </dt>
+ <dt style="width: 120px; text-align: right; float: left;">Ціль</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Документ</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Типова дія</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Немає.</dd>
+</dl>
+
+<h2 id="Властивості">Властивості</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Властивість</th>
+ <th scope="col">Тип</th>
+ <th scope="col">Опис</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Приклад">Приклад</h2>
+
+<pre class="brush: html">&lt;script&gt;
+ document.addEventListener("DOMContentLoaded", function(event) {
+  console.log("DOM fully loaded and parsed");
+ });
+&lt;/script&gt;
+</pre>
+
+<pre class="brush: html">&lt;script&gt;
+ document.addEventListener("DOMContentLoaded", function(event) {
+  console.log("DOM fully loaded and parsed");
+ });
+
+for(var i=0; i&lt;1000000000; i++)
+{} // this synchronous script is going to delay parsing of the DOM. So the DOMContentLoaded event is going to launch later.
+&lt;/script&gt;
+</pre>
+
+<h2 id="Сумісність_з_браузерами">Сумісність з браузерами</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>1.0<sup>[1]</sup></td>
+ <td>{{CompatGeckoDesktop("1")}}<sup>[1]</sup></td>
+ <td>9.0<sup>[2]</sup></td>
+ <td>9.0</td>
+ <td>3.1<sup>[1]</sup></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+ <td>{{CompatGeckoMobile("1")}}<sup>[1]</sup></td>
+ <td>{{CompatUnknown}}<sup>[2]</sup></td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Bubbling для цієї події підтримується принаймні Gecko 1.9.2, Chrome 6, and Safari 4.</p>
+
+<p>[2] Internet Explorer 8 підтримує подію <code>readystatechange</code> , яка може використовуватися для того, щоб визначити чи готовий DOM. У більш ранніх версіях Internet Explorer цей стан може бути визначений повторними спробами виконання <code>document.documentElement.doScroll("left");</code>,  так як цей фрагмент коду буде генерувати помилку, поки DOM не буде готовий.</p>
+
+<h2 id="Подібні_події">Подібні події</h2>
+
+<ul>
+ <li>{{event("DOMContentLoaded")}}</li>
+ <li>{{event("readystatechange")}}</li>
+ <li>{{event("load")}}</li>
+ <li>{{event("beforeunload")}}</li>
+ <li>{{event("unload")}}</li>
+</ul>
diff --git a/files/uk/web/api/windowtimers/settimeout/index.html b/files/uk/web/api/windoworworkerglobalscope/settimeout/index.html
index 19c90148ce..eff8576a84 100644
--- a/files/uk/web/api/windowtimers/settimeout/index.html
+++ b/files/uk/web/api/windoworworkerglobalscope/settimeout/index.html
@@ -1,7 +1,8 @@
---
title: WindowTimers.setTimeout()
-slug: Web/API/WindowTimers/setTimeout
+slug: Web/API/WindowOrWorkerGlobalScope/setTimeout
translation_of: Web/API/WindowOrWorkerGlobalScope/setTimeout
+original_slug: Web/API/WindowTimers/setTimeout
---
<div>{{APIRef("HTML DOM")}}</div>
diff --git a/files/uk/web/api/windowtimers/index.html b/files/uk/web/api/windowtimers/index.html
deleted file mode 100644
index d28752bde7..0000000000
--- a/files/uk/web/api/windowtimers/index.html
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: WindowTimers
-slug: Web/API/WindowTimers
-tags:
- - API
- - HTML DOM
- - Interface
- - Intervals
- - Mixin
- - NeedsTranslation
- - Reference
- - Timers
- - TopicStub
- - Workers
-translation_of: Web/API/WindowOrWorkerGlobalScope
-translation_of_original: Web/API/WindowTimers
----
-<div>{{APIRef("HTML DOM")}}</div>
-
-<p><code><strong>WindowTimers</strong></code> is a mixin used to provide utility methods which set and clear timers. No objects of this type exist; instead, its methods are available on {{domxref("Window")}} for the standard browsing scope, or on {{domxref("WorkerGlobalScope")}} for workers.</p>
-
-<h2 id="Properties">Properties</h2>
-
-<p><em>This interface neither inherits nor provides any properties.</em></p>
-
-<h2 id="Methods">Methods</h2>
-
-<p><em>This interface does not inherit any methods. It offers the following methods.</em></p>
-
-<dl>
- <dt>{{domxref("WindowTimers.clearInterval()")}}</dt>
- <dd>Cancels the repeated execution set using {{domxref("WindowTimers.setInterval()")}}.</dd>
- <dt>{{domxref("WindowTimers.clearTimeout()")}}</dt>
- <dd>Cancels the delayed execution set using {{domxref("WindowTimers.setTimeout()")}}.</dd>
- <dt>{{domxref("WindowTimers.setInterval()")}}</dt>
- <dd>Schedules a function to execute every time a given number of milliseconds elapses.</dd>
- <dt>{{domxref("WindowTimers.setTimeout()")}}</dt>
- <dd>Schedules a function to execute in a given amount of time.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#windowtimers', 'WindowTimers')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>No change since the latest snapshot, {{SpecName("HTML5.1")}}.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5.1', '#windowtimers', 'WindowTimers')}}</td>
- <td>{{Spec2('HTML5.1')}}</td>
- <td>Snapshot of {{SpecName("HTML WHATWG")}}. No change.</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML5 W3C", "#windowtimers", "WindowTimers")}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Snapshot of {{SpecName("HTML WHATWG")}}. Creation of <code>WindowBase64</code> (properties where on the target before it).</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoDesktop(1)}}</td>
- <td>1.0</td>
- <td>4.0</td>
- <td>4.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoMobile(1)}}</td>
- <td rowspan="1">{{CompatVersionUnknown}}</td>
- <td rowspan="1">{{CompatVersionUnknown}}</td>
- <td rowspan="1">{{CompatVersionUnknown}}</td>
- <td rowspan="1">{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{domxref("Window")}}, {{domxref("WorkerGlobalScope")}}, {{domxref("DedicatedWorkerGlobalScope")}}, {{domxref("SharedWorkerGlobalScope")}}, and {{domxref("ServiceWorkerGlobalScope")}}</li>
-</ul>