From b57379257281efd293e51237969a8553a7c58ae7 Mon Sep 17 00:00:00 2001
From: SphinxKnight Pour utiliser l'exemple suivant, il suffit de le copier/coller dans un nouveau fichier enregistré avec l'extension .xhtml. Un évènement " window.navigator.onLine renvoie un booléen true (vrai) si le navigateur est online et false s'il est définitivement offline (déconnecté du réseau). Les évènements online et offline sont lancés si la valeur de cet attribut change. Note : Il est important de noter que cet événement et cet attribut sont intrinsèquement peu fiables. Un ordinateur peut être connecté à un réseau sans avoir accès à Internet. Note : Il y a une ligne de code supplémentaire à la fin de la fonction {{ languages( { "en": "en/DOM/element.scrollLeft", "pl": "pl/DOM/element.scrollLeft" } ) }} {{ languages( { "en": "en/DOM/element.scrollWidth", "pl": "pl/DOM/element.scrollWidth" } ) }} Lorsqu'une zone de saisie n'est plus active suite à une perte du « focus », une boîte de message (alert) est affichée. {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onblur" } ) }} {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onchange" } ) }} Defini en HTML. {{ languages( { "en": "en/DOM/element.onclick", "pl": "pl/DOM/element.onclick" } ) }} L'évènement {{ DOM0() }} {{ languages( { "en": "en/DOM/element.ondblclick" } ) }} {{ DOM0() }} Paramètres de la fonction : L'évènement focus se déclenche lorsque l'utilisateur donne le focus clavier à l'élément donné. Contrairement à Microsoft Internet Explorer, dans lequel presque toutes les sortes d'éléments peuvent recevoir l'évènement focus, presqu'aucune sorte d'élément ne reçoit cet évènement dans les navigateurs utilisant Gecko. {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onfocus" } ) }} {{ DOM0() }} {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onkeydown", "pl": "pl/DOM/element.onkeydown" } ) }} {{ DOM0() }} {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onkeypress" } ) }} {{ DOM0() }} code de gestion de l'évènement = element.onkeyup Ne fait partie d'aucune spécification. {{ languages( { "en": "en/DOM/element.onkeyup", "pl": "pl/DOM/element.onkeyup" } ) }} Ne fait partie d'aucune spécification. L'évènement {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onmousedown", "pl": "pl/DOM/element.onmousedown" } ) }} {{ DOM0() }} L'évènement {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onmouseout" } ) }} {{ DOM0() }} L'évènement {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onmouseup" } ) }} {{ DOM0() }} {{ DOM0() }} {{ languages( { "en": "en/DOM/element.onresize" } ) }} {{ DOM0() }} L'évènement DOM Level 0. Ne fait partie d'aucune spécification. {{ languages( { "en": "en/DOM/element.onscroll" } ) }} DOM Level 0. Ne fait partie d'aucune spécification. include/header.php: Supposons que http://mozilla.org/foo.html exécute le code JavaScript suivant : Supposons que {{ languages( { "en": "en/DOM/element.offsetHeight", "pl": "pl/DOM/element.offsetHeight" } ) }} Note : il s'agit d'une image de l'exemple, pas d'un rendu direct dans le navigateur. En effet, il n'est pas possible d'intégrer des scripts dans la page du wiki. Cette propriété ne fait partie d'aucun standard ou recommandation technique du W3C. {{ languages( { "en": "en/DOM/element.offsetLeft", "pl": "pl/DOM/element.offsetLeft" } ) }} {{ DOM0() }} {{ languages( { "en": "en/DOM/element.offsetParent", "pl": "pl/DOM/element.offsetParent" } ) }} {{ DOM0() }} {{ languages( { "en": "en/DOM/element.offsetWidth", "pl": "pl/DOM/element.offsetWidth" } ) }} to avoid dot escape
---
files/fr/web/api/document/drag_event/index.html | 2 +-
files/fr/web/api/document/dragend_event/index.html | 2 +-
.../fr/web/api/document/dragenter_event/index.html | 2 +-
.../fr/web/api/document/dragleave_event/index.html | 2 +-
.../fr/web/api/document/dragover_event/index.html | 2 +-
files/fr/web/api/document/drop_event/index.html | 2 +-
.../web/api/document/elementfrompoint/index.html | 2 +-
.../api/document/getelementsbytagnamens/index.html | 8 +++---
files/fr/web/api/document/ononline/index.html | 2 +-
files/fr/web/api/document/title/index.html | 2 +-
files/fr/web/api/document/write/index.html | 2 +-
.../index.html | 2 +-
.../example/index.html | 3 +-
.../api/element/releasepointercapture/index.html | 2 +-
files/fr/web/api/element/scrollleft/index.html | 6 ++--
files/fr/web/api/element/scrollwidth/index.html | 3 +-
files/fr/web/api/element/select_event/index.html | 2 +-
.../web/api/element/setpointercapture/index.html | 2 +-
.../event/comparison_of_event_targets/index.html | 2 +-
.../web/api/globaleventhandlers/onblur/index.html | 6 ++--
.../api/globaleventhandlers/onchange/index.html | 3 +-
.../web/api/globaleventhandlers/onclick/index.html | 2 --
.../api/globaleventhandlers/ondblclick/index.html | 5 ++--
.../web/api/globaleventhandlers/onerror/index.html | 2 +-
.../web/api/globaleventhandlers/onfocus/index.html | 3 +-
.../api/globaleventhandlers/onkeydown/index.html | 3 +-
.../api/globaleventhandlers/onkeypress/index.html | 3 +-
.../web/api/globaleventhandlers/onkeyup/index.html | 5 ++--
.../api/globaleventhandlers/onmousedown/index.html | 3 +-
.../api/globaleventhandlers/onmouseout/index.html | 3 +-
.../api/globaleventhandlers/onmouseup/index.html | 3 +-
.../web/api/globaleventhandlers/onreset/index.html | 2 +-
.../api/globaleventhandlers/onresize/index.html | 6 ++--
.../api/globaleventhandlers/onscroll/index.html | 3 +-
files/fr/web/api/history_api/example/index.html | 2 +-
files/fr/web/api/history_api/index.html | 2 +-
.../fr/web/api/htmlelement/offsetheight/index.html | 4 +--
files/fr/web/api/htmlelement/offsetleft/index.html | 5 ++--
.../fr/web/api/htmlelement/offsetparent/index.html | 3 +-
.../fr/web/api/htmlelement/offsetwidth/index.html | 4 +--
files/fr/web/api/htmlstyleelement/index.html | 2 +-
.../fr/web/api/htmltableelement/caption/index.html | 3 +-
files/fr/web/api/keyboardevent/charcode/index.html | 2 +-
files/fr/web/api/keyboardevent/index.html | 2 +-
files/fr/web/api/navigator/battery/index.html | 4 +--
.../navigator/registerprotocolhandler/index.html | 2 +-
.../web-based_protocol_handlers/index.html | 6 ++--
files/fr/web/api/node/firstchild/index.html | 4 +--
files/fr/web/api/node/normalize/index.html | 4 +--
files/fr/web/api/pointer_events/index.html | 8 +++---
files/fr/web/api/stylesheet/href/index.html | 4 +--
files/fr/web/api/stylesheet/ownernode/index.html | 4 +--
files/fr/web/api/uievent/layerx/index.html | 2 +-
.../tutorial/lighting_in_webgl/index.html | 2 +-
files/fr/web/api/webvtt_api/index.html | 2 +-
files/fr/web/api/window/alert/index.html | 2 +-
files/fr/web/api/window/blur/index.html | 2 +-
files/fr/web/api/window/close/index.html | 6 ++--
files/fr/web/api/window/confirm/index.html | 2 +-
files/fr/web/api/window/directories/index.html | 2 +-
files/fr/web/api/window/dump/index.html | 3 +-
files/fr/web/api/window/focus/index.html | 4 +--
files/fr/web/api/window/frames/index.html | 2 +-
.../fr/web/api/window/getcomputedstyle/index.html | 2 +-
.../api/window/getdefaultcomputedstyle/index.html | 2 +-
files/fr/web/api/window/history/index.html | 2 +-
files/fr/web/api/window/index.html | 2 +-
files/fr/web/api/window/load_event/index.html | 4 +--
files/fr/web/api/window/open/index.html | 32 +++++++++++-----------
files/fr/web/api/window/opendialog/index.html | 2 +-
files/fr/web/api/window/opener/index.html | 2 +-
files/fr/web/api/window/print/index.html | 4 +--
files/fr/web/api/window/prompt/index.html | 2 +-
files/fr/web/api/window/resizeby/index.html | 2 +-
files/fr/web/api/window/scrollbypages/index.html | 4 +--
.../windoweventhandlers/onbeforeunload/index.html | 2 +-
.../api/windoweventhandlers/onpopstate/index.html | 4 +--
.../api/windoweventhandlers/onunload/index.html | 2 +-
78 files changed, 111 insertions(+), 153 deletions(-)
diff --git a/files/fr/web/api/document/drag_event/index.html b/files/fr/web/api/document/drag_event/index.html
index e244f365a0..18ffca7385 100644
--- a/files/fr/web/api/document/drag_event/index.html
+++ b/files/fr/web/api/document/drag_event/index.html
@@ -138,7 +138,7 @@ translation_of: Web/API/Document/drag_event
Exemple
-<div class="dropzone">
+
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
This div is draggable
</div>
diff --git a/files/fr/web/api/document/dragend_event/index.html b/files/fr/web/api/document/dragend_event/index.html
index ce28cf1673..8435a6c7e4 100644
--- a/files/fr/web/api/document/dragend_event/index.html
+++ b/files/fr/web/api/document/dragend_event/index.html
@@ -136,7 +136,7 @@ translation_of: Web/API/Document/dragend_event
Exemple
-<div class="dropzone">
+
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
This div is draggable
</div>
diff --git a/files/fr/web/api/document/dragenter_event/index.html b/files/fr/web/api/document/dragenter_event/index.html
index 7f95865724..370d84b4d3 100644
--- a/files/fr/web/api/document/dragenter_event/index.html
+++ b/files/fr/web/api/document/dragenter_event/index.html
@@ -138,7 +138,7 @@ translation_of: Web/API/Document/dragenter_event
Exemple
-<div class="dropzone">
+
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
This div is draggable
</div>
diff --git a/files/fr/web/api/document/dragleave_event/index.html b/files/fr/web/api/document/dragleave_event/index.html
index 9221441d5f..b8624adb26 100644
--- a/files/fr/web/api/document/dragleave_event/index.html
+++ b/files/fr/web/api/document/dragleave_event/index.html
@@ -136,7 +136,7 @@ translation_of: Web/API/Document/dragleave_event
Exemple
-<div class="dropzone">
+
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
This div is draggable
</div>
diff --git a/files/fr/web/api/document/dragover_event/index.html b/files/fr/web/api/document/dragover_event/index.html
index aca2e8a435..eb7ab548fd 100644
--- a/files/fr/web/api/document/dragover_event/index.html
+++ b/files/fr/web/api/document/dragover_event/index.html
@@ -138,7 +138,7 @@ translation_of: Web/API/Document/dragover_event
Exemple
-<div class="dropzone">
+
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
This div is draggable
</div>
diff --git a/files/fr/web/api/document/drop_event/index.html b/files/fr/web/api/document/drop_event/index.html
index bb3c695f26..64453e9860 100644
--- a/files/fr/web/api/document/drop_event/index.html
+++ b/files/fr/web/api/document/drop_event/index.html
@@ -138,7 +138,7 @@ translation_of: Web/API/Document/drop_event
Exemple
-<div class="dropzone">
+
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
Cette div peut être glissée
</div>
diff --git a/files/fr/web/api/document/elementfrompoint/index.html b/files/fr/web/api/document/elementfrompoint/index.html
index 6a4a1f9dfd..8028725d21 100644
--- a/files/fr/web/api/document/elementfrompoint/index.html
+++ b/files/fr/web/api/document/elementfrompoint/index.html
@@ -19,7 +19,7 @@ original_slug: Web/API/DocumentOrShadowRoot/elementFromPoint
x
et y
spécifient les coordonnées à vérifier.Exemple
-<html>
+
-
-<html>
<head>
<title>Exemple d'utilisation d'elementFromPoint</title>
diff --git a/files/fr/web/api/document/getelementsbytagnamens/index.html b/files/fr/web/api/document/getelementsbytagnamens/index.html
index 7397cc7507..a91fcc93bb 100644
--- a/files/fr/web/api/document/getelementsbytagnamens/index.html
+++ b/files/fr/web/api/document/getelementsbytagnamens/index.html
@@ -39,7 +39,7 @@ translation_of: Web/API/Document/getElementsByTagNameNS
http://www.w3.org/1999/xhtml">
+
http://www.w3.org/1999/xhtml">
<head>
<title>getElementsByTagNameNS example</title>
@@ -48,7 +48,7 @@ translation_of: Web/API/Document/getElementsByTagNameNS
function getAllParaElems()
{
- var allParas = document.getElementsByTagNameNS("http://www.w3.org/1999/xhtml", "p");
+ var allParas = document.getElementsByTagNameNS("http://www.w3.org/1999/xhtml", "p");
var num = allParas.length;
@@ -59,7 +59,7 @@ function getAllParaElems()
function div1ParaElems()
{
var div1 = document.getElementById("div1")
- var div1Paras = div1.getElementsByTagNameNS("http://www.w3.org/1999/xhtml", "p");
+ var div1Paras = div1.getElementsByTagNameNS("http://www.w3.org/1999/xhtml", "p");
var num = div1Paras.length;
@@ -70,7 +70,7 @@ function div1ParaElems()
function div2ParaElems()
{
var div2 = document.getElementById("div2")
- var div2Paras = div2.getElementsByTagNameNS("http://www.w3.org/1999/xhtml", "p");
+ var div2Paras = div2.getElementsByTagNameNS("http://www.w3.org/1999/xhtml", "p");
var num = div2Paras.length;
diff --git a/files/fr/web/api/document/ononline/index.html b/files/fr/web/api/document/ononline/index.html
index 251bf34aab..0665ed87be 100644
--- a/files/fr/web/api/document/ononline/index.html
+++ b/files/fr/web/api/document/ononline/index.html
@@ -13,7 +13,7 @@ translation_of: Web/API/Document/ononline
online
" est lancé sur le <body>
(corps) de chaque page quand le navigateur bascule entre les modes online (en ligne) et offline (hors ligne). De plus les évènements se propagent de document.body
vers document
et finalement sur window
. Les deux évènements ne sont pas annulables (vous ne pouvez pas empêcher l'utilisateur de se connecter ou de vous déconnecter).window.navigator.onLine
renvoie un booléen true (vrai) si le navigateur est online et false s'il est définitivement offline (déconnecté du réseau). Les évènements online et offline sont lancés si la valeur de cet attribut change.Exemple
-<!DOCTYPE html>
+
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
diff --git a/files/fr/web/api/document/write/index.html b/files/fr/web/api/document/write/index.html
index 30a3d4da6b..deac04e6b3 100644
--- a/files/fr/web/api/document/write/index.html
+++ b/files/fr/web/api/document/write/index.html
@@ -31,7 +31,7 @@ translation_of: Web/API/Document/write
Exemple
-<html>
+
<html>
<head>
<title>Exemple de document.write</title>
diff --git a/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.html b/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.html
index e21ba347fa..cc245fd99b 100644
--- a/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.html
+++ b/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.html
@@ -238,7 +238,7 @@ body.appendChild(nouveauNoeudBALISEP);
start()
, qui définit la propriété bordure du tableau en employant la méthode setAttribute
. setAttribute
utilise deux arguments : le nom de l'attribut et sa valeur, et permet de définir n'importe quelle propriété de n'importe quel élément.<head>
+
<head>
<title>Code de démonstration - Explorer un tableau HTML avec des interfaces DOM et JavaScript</title>
<script>
function start() {
diff --git a/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/example/index.html b/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/example/index.html
index 7fc0a61f17..e4298a2055 100644
--- a/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/example/index.html
+++ b/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/example/index.html
@@ -9,9 +9,8 @@ tags:
translation_of: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core/Example
original_slug: Web/API/Document_object_model/Utilisation_du_DOM_Level_1_Core_du_W3C/Exemple
---
-
<html>
+
<html>
<head>
<title>Mon Document</title>
<script type="text/javascript">
diff --git a/files/fr/web/api/element/releasepointercapture/index.html b/files/fr/web/api/element/releasepointercapture/index.html
index 12e2b9c359..22be0475ac 100644
--- a/files/fr/web/api/element/releasepointercapture/index.html
+++ b/files/fr/web/api/element/releasepointercapture/index.html
@@ -33,7 +33,7 @@ translation_of: Web/API/Element/releasePointerCapture
Exemple
-<html>
+
<html>
<script>
function downHandler(ev) {
var el=document.getElementById("target");
diff --git a/files/fr/web/api/element/scrollleft/index.html b/files/fr/web/api/element/scrollleft/index.html
index 9d22971f19..1d408aae3c 100644
--- a/files/fr/web/api/element/scrollleft/index.html
+++ b/files/fr/web/api/element/scrollleft/index.html
@@ -34,7 +34,7 @@ var sLeft = element.scrollLeft;
Exemple
-<script type="text/javascript">
+
<script type="text/javascript">
function doScrollLeft(el, p)
{
@@ -66,6 +66,4 @@ for (var i=0; i<100; ++i){
Exemple
-<input id="test" type="text" value="Sélectionnez-moi !" />
+
<input id="test" type="text" value="Sélectionnez-moi !" />
<script>
var elem = document.getElementById('test');
elem.addEventListener('select', function() {
diff --git a/files/fr/web/api/element/setpointercapture/index.html b/files/fr/web/api/element/setpointercapture/index.html
index fe8eb2deb9..a412900e39 100644
--- a/files/fr/web/api/element/setpointercapture/index.html
+++ b/files/fr/web/api/element/setpointercapture/index.html
@@ -38,7 +38,7 @@ translation_of: Web/API/Element/setPointerCapture
Exemple
-<html>
+
<html>
<script>
function downHandler(ev) {
var el=document.getElementById("target");
diff --git a/files/fr/web/api/event/comparison_of_event_targets/index.html b/files/fr/web/api/event/comparison_of_event_targets/index.html
index 1c4262776f..506a981aef 100644
--- a/files/fr/web/api/event/comparison_of_event_targets/index.html
+++ b/files/fr/web/api/event/comparison_of_event_targets/index.html
@@ -64,7 +64,7 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements
Exemples
-<!DOCTYPE html>
+
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
diff --git a/files/fr/web/api/globaleventhandlers/onblur/index.html b/files/fr/web/api/globaleventhandlers/onblur/index.html
index 3c668a51eb..ea3ed43e43 100644
--- a/files/fr/web/api/globaleventhandlers/onblur/index.html
+++ b/files/fr/web/api/globaleventhandlers/onblur/index.html
@@ -30,7 +30,7 @@ translation_of: Web/API/GlobalEventHandlers/onblur
<form>
+
<form>
<input type="text" id="foo" value="Allo!" />
</form>
@@ -57,6 +57,4 @@ function afficherMessage() {
Spécification
-Voir aussi
-Spécification
element.ondblclick = function() { alert("Évènement dblclick détecté"); };
Exemple
-<html>
+
<html>
<head>
<title>ondblclick event example</title>
@@ -56,5 +56,4 @@ border: solid blue 2px;
Notes
dblclick
est déclenché lorsque l'utilisateur double-clique sur un élément.Spécification
-window.onerror
-
+window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... }
window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... }
Spécification
-Voir aussi
Spécification
-Voir aussi
Spécification
-Syntaxe
Exemple
- <input type="text" onKeyUp="cleRelachee(event)">
+
<input type="text" onKeyUp="cleRelachee(event)">
<script>function cleRelachee(evt){ alert(evt.keyCode) }</script>
Notes
@@ -19,5 +19,4 @@ translation_of: Web/API/GlobalEventHandlers/onkeyup
Voir aussi
Spécification
-Notes
mousedown
se déclenche lorsque l'utilisateur appuie sur le bouton gauche de la souris.Spécification
-Notes
mouseout
se déclenche lorsque le pointeur de la souris quitte un élément (par exemple lorsque le pointeur sort d'une image sur une page web, cet évènement se déclenche pour l'élément image
correspondant).Spécification
-Notes
mouseup
se déclenche lorsque l'utilisateur relâche le bouton gauche de la souris.Spécification
-Exemple
-<html>
+
<html>
<script>
function reg() {
window.captureEvents(Event.RESET);
diff --git a/files/fr/web/api/globaleventhandlers/onresize/index.html b/files/fr/web/api/globaleventhandlers/onresize/index.html
index 1e4ca16f5c..02ef0ffba5 100644
--- a/files/fr/web/api/globaleventhandlers/onresize/index.html
+++ b/files/fr/web/api/globaleventhandlers/onresize/index.html
@@ -33,7 +33,7 @@ alert(window.onresize);
Exemple
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
@@ -62,6 +62,4 @@ window.onresize = sayHi;
Spécification
-Notes
scroll
se déclenche lorsque l'utilisateur fait défiler le contenu d'un élément.Spécification
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="js/ajax_nav.js"></script>
<link rel="stylesheet" href="css/style.css" />
diff --git a/files/fr/web/api/history_api/index.html b/files/fr/web/api/history_api/index.html
index 6fc89eae15..b7d1b6a1e5 100644
--- a/files/fr/web/api/history_api/index.html
+++ b/files/fr/web/api/history_api/index.html
@@ -122,7 +122,7 @@ history.pushState(stateObj, "page 2", "bar.html");
Exemple de la méthode replaceState()
-http://mozilla.org/foo.html
exécute le code JavaScript suivant :var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");
diff --git a/files/fr/web/api/htmlelement/offsetheight/index.html b/files/fr/web/api/htmlelement/offsetheight/index.html
index ae436458f9..5ceee19bcc 100644
--- a/files/fr/web/api/htmlelement/offsetheight/index.html
+++ b/files/fr/web/api/htmlelement/offsetheight/index.html
@@ -51,6 +51,4 @@ translation_of: Web/API/HTMLElement/offsetHeight
element.clientHeight
element.scrollHeight
element.offsetWidth
<div style="width: 300px; border-color:blue;
+
<div style="width: 300px; border-color:blue;
border-style:solid; border-width:1;">
<span>Short span. </span>
<span id="long">Long span that wraps withing this div.</span>
@@ -54,5 +54,4 @@ if (tOLeft > 5) {
offsetParent
, offsetTop
, offsetWidth
, offsetHeight
Spécification
objetParent
est une référence à l'élément dans lequel l'élément courant est positionné.Spécification
-element.style.propertyName
(par exemple <td style="background-color: lightblue">
renvoie la chaîne "background-color:lightblue", même si d'autres styles peuvent s'appliquer à l'élément depuis une feuille de style).
De plus, lorsque cette propriété est définie sur un élément, elle écrase et efface tout style qui peut avoir été défini ailleurs pour cette propriété particulière de l'élément. Par exemple, définir la propriété border
écrasera les réglages définis ailleurs pour la propriété border
de cet élément dans la section head
du document ou dans des feuilles de style externes. Cependant, cela n'affectera pas les autres déclarations de propriétés pour les styles de cet élément, comme padding
, margin
ou font
par exemple.
Pour changer le style d'un élément particulier, l'exemple suivant peut être adapté :
-<html> +-<html> <head> <title>exemple de style simple</title> diff --git a/files/fr/web/api/htmltableelement/caption/index.html b/files/fr/web/api/htmltableelement/caption/index.html index 2c92407bea..b7c559b5a8 100644 --- a/files/fr/web/api/htmltableelement/caption/index.html +++ b/files/fr/web/api/htmltableelement/caption/index.html @@ -22,5 +22,4 @@ translation_of: Web/API/HTMLTableElement/caption
{{ languages( { "en": "en/DOM/table.caption", "pl": "pl/DOM/table.caption" } ) }}
+ \ No newline at end of file diff --git a/files/fr/web/api/keyboardevent/charcode/index.html b/files/fr/web/api/keyboardevent/charcode/index.html index 523257e055..b9a1ef84b0 100644 --- a/files/fr/web/api/keyboardevent/charcode/index.html +++ b/files/fr/web/api/keyboardevent/charcode/index.html @@ -32,7 +32,7 @@ translation_of: Web/API/KeyboardEvent/charCode<html> +- -<html> <head> <title>Exemple charCode</title> diff --git a/files/fr/web/api/keyboardevent/index.html b/files/fr/web/api/keyboardevent/index.html index 4ce7e9b411..24967d7f68 100644 --- a/files/fr/web/api/keyboardevent/index.html +++ b/files/fr/web/api/keyboardevent/index.html @@ -167,7 +167,7 @@ translation_of: Web/API/KeyboardEventExemple
-<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <script> diff --git a/files/fr/web/api/navigator/battery/index.html b/files/fr/web/api/navigator/battery/index.html index 3eb09b9ab3..59595e4a78 100644 --- a/files/fr/web/api/navigator/battery/index.html +++ b/files/fr/web/api/navigator/battery/index.html @@ -64,6 +64,4 @@ updateBatteryStatus();
{{ languages( {"zh-cn": "zh-cn/DOM/window.navigator.battery" } ) }}
+ \ No newline at end of file diff --git a/files/fr/web/api/navigator/registerprotocolhandler/index.html b/files/fr/web/api/navigator/registerprotocolhandler/index.html index 9c9f9bdff7..25df0e4c12 100644 --- a/files/fr/web/api/navigator/registerprotocolhandler/index.html +++ b/files/fr/web/api/navigator/registerprotocolhandler/index.html @@ -26,7 +26,7 @@ translation_of: Web/API/Navigator/registerProtocolHandlerSi votre application web est située à http://www.example.com, vous pouvez enregistrer un gestionnaire de protocole lui permettant de gérer « mailto » comme ceci :
+Si votre application web est située à http://www.example.com
, vous pouvez enregistrer un gestionnaire de protocole lui permettant de gérer « mailto » comme ceci :
navigator.registerProtocolHandler("mailto", "https://www.example.com/?to=%s", diff --git a/files/fr/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.html b/files/fr/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.html index 70b96ec01a..3ab6522963 100644 --- a/files/fr/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.html +++ b/files/fr/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.html @@ -41,7 +41,7 @@ translation_of: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_hanExemple
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="fr"> <head> <title>Web Protocol Handler Sample - Register</title> @@ -62,7 +62,7 @@ translation_of: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_hanExemple
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="fr"> <head> <title>Exemple de gestionnaire de protocole web — test</title> @@ -86,7 +86,7 @@ translation_of: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_hanExemple
-<?php +<?php $value = ""; if ( isset ( $_GET["value"] ) ) { $value = $_GET["value"]; diff --git a/files/fr/web/api/node/firstchild/index.html b/files/fr/web/api/node/firstchild/index.html index 3c846498af..03550acf9f 100644 --- a/files/fr/web/api/node/firstchild/index.html +++ b/files/fr/web/api/node/firstchild/index.html @@ -21,7 +21,7 @@ translation_of: Web/API/Node/firstChildCet exemple montre l'utilisation de
-firstChild
et la manière dont les nœuds d'espaces peuvent interférer.<p id="para-01"> +<p id="para-01"> <span>Premier span</span> </p> @@ -37,7 +37,7 @@ translation_of: Web/API/Node/firstChildSi ces espaces sont retirés du code source, les nœuds
-#text
n'apparaîtront plus et l'élément span deviendra le premier enfant du paragraphe.<p id="para-01"><span>Premier span</span></p> +<p id="para-01"><span>Premier span</span></p> <script type="text/javascript"> var p01 = document.getElementById('para-01'); diff --git a/files/fr/web/api/node/normalize/index.html b/files/fr/web/api/node/normalize/index.html index e7ca55ed31..c1a299fb15 100644 --- a/files/fr/web/api/node/normalize/index.html +++ b/files/fr/web/api/node/normalize/index.html @@ -35,6 +35,4 @@ conteneur.normalize();
{{ languages( { "en": "en/DOM/element.normalize", "pl": "pl/DOM/element.normalize" } ) }}
+ \ No newline at end of file diff --git a/files/fr/web/api/pointer_events/index.html b/files/fr/web/api/pointer_events/index.html index 0e26e4cbda..734d88d9f5 100644 --- a/files/fr/web/api/pointer_events/index.html +++ b/files/fr/web/api/pointer_events/index.html @@ -141,7 +141,7 @@ translation_of: Web/API/Pointer_eventsThis example registers a handler for every event type for the given element.
-<html> +<html> <script> function over_handler(event) { } function enter_handler(event) { } @@ -179,7 +179,7 @@ function init() {This example illustrates accessing all of a touch event's properties.
-<html> +<html> <script> var id = -1; @@ -310,7 +310,7 @@ function init() {The following example shows pointer capture being set on an element.
-<html> +<html> <script> function downHandler(ev) { var el=document.getElementById("target"); @@ -330,7 +330,7 @@ function init() {The following example shows a pointer capture being released (when a {{event("pointercancel")}} event occurs. The browser does this automatically when a {{event("pointerup")}} or {{event("pointercancel")}} event occurs.
-<html> +<html> <script> function downHandler(ev) { var el=document.getElementById("target"); diff --git a/files/fr/web/api/stylesheet/href/index.html b/files/fr/web/api/stylesheet/href/index.html index 730d459303..1180f3c619 100644 --- a/files/fr/web/api/stylesheet/href/index.html +++ b/files/fr/web/api/stylesheet/href/index.html @@ -20,9 +20,9 @@ translation_of: Web/API/StyleSheet/hrefExemple
-// sur une machine locale: +// sur une machine locale: <Html> - <Tête> + <Head> <Link rel = "StyleSheet" href = "example.css" type = "text / css" /> <Script> Function sref () { diff --git a/files/fr/web/api/stylesheet/ownernode/index.html b/files/fr/web/api/stylesheet/ownernode/index.html index d736810190..a0f97236f8 100644 --- a/files/fr/web/api/stylesheet/ownernode/index.html +++ b/files/fr/web/api/stylesheet/ownernode/index.html @@ -14,8 +14,8 @@ translation_of: Web/API/StyleSheet/ownerNodeExemple
-<Html> - <Tête> +<Html> + <Head> <Link rel = "StyleSheet" href = "example.css" type = "text / css" /> <Script> Function stilo () { diff --git a/files/fr/web/api/uievent/layerx/index.html b/files/fr/web/api/uievent/layerx/index.html index c4ea6de756..d48034f4c7 100644 --- a/files/fr/web/api/uievent/layerx/index.html +++ b/files/fr/web/api/uievent/layerx/index.html @@ -26,7 +26,7 @@ translation_of: Web/API/UIEvent/layerXExemples
-<html> +<html> <head> <title>Exemple pageX\pageY & layerX\layerY</title> diff --git a/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.html b/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.html index 702088d89f..e61f615228 100644 --- a/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.html +++ b/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.html @@ -143,7 +143,7 @@ gl.uniformMatrix4fv(nUniform, false, new WebGLFloatArray(normalMatrix.flatten())Le fragment shader a maintenant besoin d'être mis à jour en prenant en compte la quantité de lumière calculée précédemment par le vertex shader:
-<script id="shader-fs" type="x-shader/x-fragment"> +<script id="shader-fs" type="x-shader/x-fragment"> varying highp vec2 vTextureCoord; varying highp vec3 vLighting; diff --git a/files/fr/web/api/webvtt_api/index.html b/files/fr/web/api/webvtt_api/index.html index eaca4fd78c..43a0d9ba78 100644 --- a/files/fr/web/api/webvtt_api/index.html +++ b/files/fr/web/api/webvtt_api/index.html @@ -774,7 +774,7 @@ That's <00:00:21.000>amoreWEBVTT-3. Leave the second line blank, and on the third line the time for first cue is to be specified. For example, for a first cue starting at time 1 second and ending at 5 seconds, it is written as:
+Leave the second line blank, and on the third line the time for first cue is to be specified. For example, for a first cue starting at time 1 second and ending at 5 seconds, it is written as:
00:01.000 --> 00:05.000diff --git a/files/fr/web/api/window/alert/index.html b/files/fr/web/api/window/alert/index.html index 4583f71d4e..9f41bd3dff 100644 --- a/files/fr/web/api/window/alert/index.html +++ b/files/fr/web/api/window/alert/index.html @@ -25,7 +25,7 @@ translation_of: Web/API/Window/alertNotes
Le dialogue d'alerte doit être utilisé pour les messages qui ne demandent aucune réponse de la part de l'utilisateur, à part son acceptation du message.
-Le texte suivant est commun à cet article, DOM:window.prompt et DOM:window.confirm Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).
+Le texte suivant est commun à cet article,
DOM:window.prompt
etDOM:window.confirm
Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).Les applications utilisant le chrome (par exemple les extensions) devront plutôt utiliser les méthodes de nsIPromptService.
Spécification
{{ DOM0() }}
diff --git a/files/fr/web/api/window/blur/index.html b/files/fr/web/api/window/blur/index.html index aaad6b9ec1..75091cf2a6 100644 --- a/files/fr/web/api/window/blur/index.html +++ b/files/fr/web/api/window/blur/index.html @@ -22,7 +22,7 @@ translation_of: Web/API/Window/blurNotes
-La méthode window.blur () est l'équivalent programmatique du déplacement du focus de l'utilisateur loin de la fenêtre courante.
+La méthode
window.blur()
est l'équivalent programmatique du déplacement du focus de l'utilisateur loin de la fenêtre courante.Spécification
diff --git a/files/fr/web/api/window/close/index.html b/files/fr/web/api/window/close/index.html index b137990883..b5ea2c278c 100644 --- a/files/fr/web/api/window/close/index.html +++ b/files/fr/web/api/window/close/index.html @@ -15,8 +15,8 @@ translation_of: Web/API/Window/closeLorsque cette méthode est appelée, la fenêtre référencée est fermée.
Cette méthode est uniquement autorisée à être appelée pour des fenêtres qui ont été ouvertes par un script à l'aide de la méthode window.open. Si la fenêtre n'a pas été ouverte par un script, l'erreur suivante apparaît dans la console JavaScript :
Scripts may not close windows that were not opened by script.
Exemples
-Fermeture d'une fenêtre ouverte avec window.open()
-<script type="text/javascript"> +Fermeture d'une fenêtre ouverte avec
+window.open()
<script type="text/javascript"> // Variable globale pour stocker une référence vers la fenêtre ouverte var fenetreOuverte; @@ -31,7 +31,7 @@ function fermerFenetreOuverte() </script>Fermeture de la fenêtre courante
-<script type="text/javascript"> +<script type="text/javascript"> function fermerFenetreCourante() { window.close(); diff --git a/files/fr/web/api/window/confirm/index.html b/files/fr/web/api/window/confirm/index.html index 2f49bf5c4c..bed8eb3463 100644 --- a/files/fr/web/api/window/confirm/index.html +++ b/files/fr/web/api/window/confirm/index.html @@ -31,7 +31,7 @@ translation_of: Web/API/Window/confirmNotes
-Le texte suivant est commun à cet article, DOM:window.prompt et DOM:window.confirm Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).
+Le texte suivant est commun à cet article,
DOM:window.prompt
etDOM:window.confirm
Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).Les applications utilisant le chrome (par exemple les extensions) devront plutôt utiliser les méthodes de nsIPromptService.
diff --git a/files/fr/web/api/window/directories/index.html b/files/fr/web/api/window/directories/index.html index bac28b3489..b0255c82be 100644 --- a/files/fr/web/api/window/directories/index.html +++ b/files/fr/web/api/window/directories/index.html @@ -31,7 +31,7 @@ translation_of: Web/API/Window/directoriesExemple
-<script> +<script> function dirs() { alert(window.directories); } diff --git a/files/fr/web/api/window/dump/index.html b/files/fr/web/api/window/dump/index.html index aa1ba730e6..8a44c0818d 100644 --- a/files/fr/web/api/window/dump/index.html +++ b/files/fr/web/api/window/dump/index.html @@ -22,5 +22,4 @@ translation_of: Web/API/Window/dumpVous aurez besoin d'une console pour voir quelque chose. Si vous n'en avez pas déjà une, fermez et réouvrez le programme en ajoutant le paramètre
-console
à la ligne de commande.
dump
est également disponible au composants XPCOM implémentés en JavaScript, même si window n'est pas l'objet global dans ce contexte.Spécification
-{{ DOM0() }}
-{{ languages( { "en": "en/DOM/window.dump", "ja": "ja/DOM/window.dump", "pl": "pl/DOM/window.dump" } ) }}
+{{ DOM0() }}
\ No newline at end of file diff --git a/files/fr/web/api/window/focus/index.html b/files/fr/web/api/window/focus/index.html index b07ab44b65..02c25eb163 100644 --- a/files/fr/web/api/window/focus/index.html +++ b/files/fr/web/api/window/focus/index.html @@ -34,6 +34,4 @@ translation_of: Web/API/Window/focus- - - {{ languages( { "ja": "ja/DOM/window.focus", "pl": "pl/DOM/window.focus" } ) }}
+ \ No newline at end of file diff --git a/files/fr/web/api/window/frames/index.html b/files/fr/web/api/window/frames/index.html index 1fd6a767fe..9a1c20a92f 100644 --- a/files/fr/web/api/window/frames/index.html +++ b/files/fr/web/api/window/frames/index.html @@ -25,7 +25,7 @@ translation_of: Web/API/Window/frames
frameList
est une liste d'objets frame, semblable à un tableau grâce à la propriété length
. Ses éléments sont accessibles en utilisant la notation {{ mediawiki.external('i') }}
.frameList === window
est évalué à true
.window.frames[ 0 ]
équivaut à document.getElementsByTagName( "iframe" )[ 0 ].contentWindow
).window.frames
est un pseudo tableau représentant l'objet window correspondant au contenu de la <frame> ou <iframe> , et non au DOM element (i)frame (ex., window.frames[ 0 ]
équivaut à document.getElementsByTagName( "iframe" )[ 0 ].contentWindow
).<style> +<style> #elem-container{ position: absolute; left: 100px; diff --git a/files/fr/web/api/window/getdefaultcomputedstyle/index.html b/files/fr/web/api/window/getdefaultcomputedstyle/index.html index eb433e24e2..7c2363a4e4 100644 --- a/files/fr/web/api/window/getdefaultcomputedstyle/index.html +++ b/files/fr/web/api/window/getdefaultcomputedstyle/index.html @@ -32,7 +32,7 @@ translation_of: Web/API/window/getDefaultComputedStyle var miseEnForme = window.getDefaultComputedStyle(elem1);-<style> +<style> #conteneur-elem { position: absolute; left: 100px; diff --git a/files/fr/web/api/window/history/index.html b/files/fr/web/api/window/history/index.html index 04b1a2052f..80fc573e76 100644 --- a/files/fr/web/api/window/history/index.html +++ b/files/fr/web/api/window/history/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/Window/history ---{{APIRef}}-La propriété en lecture seule Window.history renvoie une référence à l'objet {{domxref("History")}}, qui offre la possibilité de manipuler l'historique de session du navigateur (pages visitées dans l'onglet ou le cadre dans lesquels la page courante est chargée).
+La propriété en lecture seule
Window.history
renvoie une référence à l'objet {{domxref("History")}}, qui offre la possibilité de manipuler l'historique de session du navigateur (pages visitées dans l'onglet ou le cadre dans lesquels la page courante est chargée).L'objet
diff --git a/files/fr/web/api/window/index.html b/files/fr/web/api/window/index.html index 285b6d9f32..d5c5e70052 100644 --- a/files/fr/web/api/window/index.html +++ b/files/fr/web/api/window/index.html @@ -31,7 +31,7 @@ translation_of: Web/API/WindowHistory
obtenu a les méthodes suivantes : voir la manipulation de l'historique du navigateur pour avoir plus de détails ainsi que des exemples.
En particulier, cet article explique les caractéristiques des méthodespushState()
etreplaceState()
qu'il est utile de connaître avant de les utiliser.
Window._content
{{Non-standard_inline}} {{obsolete_inline}}{{ReadOnlyInline}}<script> +<script> window.addEventListener("load", function(event) { console.log("Toutes les ressources sont chargées !"); }); </script>-
Si une fenêtre du nom strWindowName existe déjà, alors, au lieu d'ouvrir une nouvelle fenêtre, strUrl est chargée dans cette fenêtre existante. Dans ce cas, la valeur renvoyée par la méthode est la fenêtre existante, et strWindowFeatures est ignorée. Fournir une chaîne vide pour strUrl est une manière d'obtenir une référence à une fenêtre ouverte par son nom sans en changer l'adresse. Si vous désirez ouvrir une nouvelle fenêtre à chaque appel de window.open()
, il faut utiliser la nom réservé _blank pour strWindowName.
Note : À propos de l'utilisation de window.open pour ré-ouvrir ou donner le focus à une fenêtre existante portant un nom connu du domaine : Cette fonctionalité n'est pas valide pour tous les navigateurs et qui plus est avec des comportement variables. Firefox (50.0.1) fonctionne comme il est décrit ici : depuis le même domaine+port la ré-exécution de window.open avec le même nom va accéder à la fenêtre précédemment ouverte. Google Chrome (55.0.2883.87 m ) pour sa part ne l'exécutera qu'à partir du même parent (nommé "opener", comme si les fenêtres étaient créées avec une dépendance et uniquement avec window.open). Il s'agit là d'une limitation considérable ce qui génère une incroyable complexité de développement parfois sans issue. Firefox récupère le handle vers toutes les fenêtres du domaine dont le nom est connu, ce qui permet d'accéder à leur données, mais il ne peut exécuter une commande HTMLElement.focus() vers l'une quelconque de ces fenêtres, ce qui interdit de réouvrir la fenêtre pourtant connue comme active. Pour sa part Chrome peut redonner le focus à une fenêtre (onglet) enfant mais l'opération est impossible entre frères et depuis l'enfant vers le parent. Quant aux autres fenêtres du même domaine (même famille ?) non ouvertes avec window.open elles sont inconnues et window.open('',<name>,'')
ouvrira alors des doublons. La fonction hw=window.open('',strWindowName ,'')
est pourtant la seule qui permette de récupérer un handle en connaissant un nom et théoriquement éviter la création de doublons, mais pour l'instant, 22/02/2017, les différences de comportement des navigateurs ne permettent de l'utiliser que de manière partielle dans des cas très restreints.
Note : À propos de l'utilisation de window.open
pour ré-ouvrir ou donner le focus à une fenêtre existante portant un nom connu du domaine : Cette fonctionalité n'est pas valide pour tous les navigateurs et qui plus est avec des comportement variables. Firefox (50.0.1) fonctionne comme il est décrit ici : depuis le même domaine+port la ré-exécution de window.open avec le même nom va accéder à la fenêtre précédemment ouverte. Google Chrome (55.0.2883.87 m ) pour sa part ne l'exécutera qu'à partir du même parent (nommé "opener", comme si les fenêtres étaient créées avec une dépendance et uniquement avec window.open
). Il s'agit là d'une limitation considérable ce qui génère une incroyable complexité de développement parfois sans issue. Firefox récupère le handle vers toutes les fenêtres du domaine dont le nom est connu, ce qui permet d'accéder à leur données, mais il ne peut exécuter une commande HTMLElement.focus()
vers l'une quelconque de ces fenêtres, ce qui interdit de réouvrir la fenêtre pourtant connue comme active. Pour sa part Chrome peut redonner le focus à une fenêtre (onglet) enfant mais l'opération est impossible entre frères et depuis l'enfant vers le parent. Quant aux autres fenêtres du même domaine (même famille ?) non ouvertes avec window.open
elles sont inconnues et window.open('',<name>,'')
ouvrira alors des doublons. La fonction hw=window.open('',strWindowName ,'')
est pourtant la seule qui permette de récupérer un handle en connaissant un nom et théoriquement éviter la création de doublons, mais pour l'instant, 22/02/2017, les différences de comportement des navigateurs ne permettent de l'utiliser que de manière partielle dans des cas très restreints.
strWindowFeatures est une chaîne optionnelle contenant une liste, séparée par des virgules, de fonctionnalités demandées pour la nouvelle fenêtre. Après qu'une fenêtre soit ouverte, vous ne pouvez pas utiliser JavaScript pour changer ses fonctionnalités et ses barres d'outils. Si strWindowName ne spécifie pas une fenêtre existante et si vous ne fournissez pas le paramètre strWindowFeatures (ou si celui-ci est une chaîne vide), la nouvelle fenêtre secondaire comportera les barres d'outils par défaut de la fenêtre principale.
@@ -174,7 +174,7 @@ function openRequestedPopup() {Exemple :
-<script type="text/javascript"> +<script type="text/javascript"> var WindowObjectReference; // variable globale function openRequestedPopup() { @@ -189,7 +189,7 @@ function openRequestedPopup() {Bonnes pratiques
-<script type="text/javascript"> +<script type="text/javascript"> var WindowObjectReference = null; // variable globale function openFFPromotionPopup() { @@ -228,7 +228,7 @@ l'adoption de Firefox</a></p>Vous pouvez également paramétriser la fonction pour la rendre polyvalente, fonctionnelle dans plus de situations, et donc réutilisable dans d'autres scripts et pages Web :
-<script type="text/javascript"> +<script type="text/javascript"> var WindowObjectReference = null; // variable globale function openRequestedPopup(strUrl, strWindowName) { @@ -248,7 +248,7 @@ function openRequestedPopup(strUrl, strWindowName) {Vous pouvez également ne permettre à cette fonction que d'ouvrir une seule fenêtre secondaire et de la réutiliser pour d'autres liens de cette manière :
-<script type="text/javascript"> +<script type="text/javascript"> var WindowObjectReference = null; // variable globale var PreviousUrl; /* variable globale qui stockera l'URL actuellement chargée dans la fenêtre secondaire */ @@ -308,11 +308,11 @@ de Firefox</a></p>
window
, qui est la valeur renvoyée en cas de succès de l'appel à window.open()
, et vérifier ensuite que la valeur renvoyée par WindowObjectReference.closed est bien false.window.open()
: elle sera null si la fenêtre n'a pas été autorisée à s'ouvrir. Cependant, pour la plupart des autres bloqueurs de popups, il n'existe pas de manière fiable.opener
liera la fenêtre secondaire à sa fenêtre principale (celle qui a déclenché son ouverture).window.open()
est la propriété opener. La variable WindowObjectReference lie la fenêtre principale (opener) à la fenêtre secondaire qu'elle a ouverte, tandis que le mot-clé opener
liera la fenêtre secondaire à sa fenêtre principale (celle qui a déclenché son ouverture).Ceci est causé par la restriction de sécurité des scripts entre domaines (aussi appeléeSame Origin Policy , « Politique de même origine »). Un script chargé dans une fenêtre (ou cadre) d'une origine donnée (nom de domaine) ne peut pas obtenir ou modifier des propriétés d'une autre fenêtre (ou cadre) ou les propriétés d'aucun de ses objets HTML si celle-ci provient d'une autre origine distincte (nom de domaine). C'est pourquoi, avant d'exécuter un script se référant à une fenêtre secondaire depuis la fenêtre principale, le navigateur vérifiera que la fenêtre secondaire possède le même nom de domaine. Plus d'informations à propos de la restriction de sécurité des scripts entre domaines : http://www.mozilla.org/projects/secu...me-origin.html
window.open()
De manière générale, il est préférable d'éviter d'utiliser window.open() pour plusieurs raisons :
+De manière générale, il est préférable d'éviter d'utiliser window.open()
pour plusieurs raisons :
window.open()
en ouvertures d'onglets, et sur la neutralisation des appels à window.open()
. En particulier, afin de neutraliser l'ouverture de nouvelles fenêtres non demandées (souvent présentés comme bloquant les fenêtre popups non sollicitées ou les ouvertures automatiques de fenêtres par des scripts). Parmi ces fonctionnalités qu'on peut retrouver dans des extensions, il y a l'ouverture d'un lien dans une nouvelle fenêtre ou non, dans la même fenêtre, dans un nouvel onglet ou non, en arrière-plan ou non. Coder sans réfléchir pour ouvrir de nouvelles fenêtres n'est plus assuré de succès, ne pourra pas se faire par la force, et dans le cas où l'auteur Web y parvient, ne fera qu'ennuyer la majorité des utilisateurs.Dans les cas où left
et screenX
(et/ou top
et screenY
) ont des valeurs contradictoires, left
et top
ont priorité sur screenX
et screenY
respectivement. Si left
et screenX
(et/ou top
et screenY
) sont définies dans la liste strWindowFeatures, les valeurs left
(et/ou top
) seront reconnues et utilisées. Dans l'exemple suivant, la nouvelle fenêtre sera positionnée à 100 pixels du bord gauche de la zone de travail des applications du système d'exploitation de l'utilisateur, et non à 200 pixels.
<script type="text/javascript"> +<script type="text/javascript"> WindowObjectReference = window.open("http://www.lemonde.fr/", "NomDeLaFenetreLeMonde", "left=100,screenX=200,resizable,scrollbars,status"); @@ -423,7 +423,7 @@ WindowObjectReference = window.open("http://www.lemonde.fr/",-
outerWidth
a priorité surwidth
, etwidth
a priorité surinnerWidth
.outerHeight
a priorité surheight
etheight
a priorité surinnerHeight
. Dans l'exemple suivant, les navigateurs basés sur Mozilla créeront une nouvelle fenêtre avec une taille extérieure (outerWidth) de 600 pixels de large et ignoreront la requête d'une largeur (width) de 500 pixels ainsi que celle d'une taille intérieure (innerWidth) de 400 pixels.<script type="text/javascript"> +<script type="text/javascript"> WindowObjectReference = window.open("http://www.wwf.org/", "NomDeLaFenetreWWF", "outerWidth=600,width=500,innerWidth=400,resizable,scrollbars,status"); @@ -459,21 +459,21 @@ WindowObjectReference = window.open("http://www.wwf.org/",Note sur les problèmes de sécurité liés à la présence de la barre d'état
-Dans Internet Explorer 6 pour XP SP2, pour les fenêtres ouvertes à l'aide de window.open() :
+Dans Internet Explorer 6 pour XP SP2, pour les fenêtres ouvertes à l'aide de
window.open()
:-« Pour les fenêtres ouvertes à l'aide de window.open() :
+« Pour les fenêtres ouvertes à l'aide de
window.open()
:
Attendez-vous à ce que la barre d'état soit présente, et codez en conséquence. La barre d'état sera activée par défaut et fait entre 20 et 25 pixels de haut. (...) »
citation de Fine-Tune Your Web Site for Windows XP Service Pack 2, Browser Window Restrictions in XP SP2-@@ -483,7 +483,7 @@ WindowObjectReference = window.open("http://www.wwf.org/",« (...) les fenêtres créées à l'aide de la méthode window.open() peuvent être appelées par des scripts et utilisées pour imiter une fausse interface utilisateur ou bureau, ou pour masquer des informations ou des activités malveillantes en dimensionnant la fenêtre de manière à rendre la barre d'état invisible.
+« (...) les fenêtres créées à l'aide de la méthode
window.open()
peuvent être appelées par des scripts et utilisées pour imiter une fausse interface utilisateur ou bureau, ou pour masquer des informations ou des activités malveillantes en dimensionnant la fenêtre de manière à rendre la barre d'état invisible.
Les fenêtres d'Internet Explorer fournissent des informations de sécurité visibles par l'utilisateur pour l'aider à identifier avec certitude la source de la page et le niveau de sécurité de la communication avec cette page. Lorsque ces éléments ne sont pas visibles, les utilisateurs peuvent penser qu'ils sont sur une page plus digne de confiance ou interagissent avec un processus système alors qu'il sont en train d'interagir avec un hôte malveillant. (...)
Les fenêtres lancées par des scripts seront affichées entièrement, avec la barre de titre d'Internet Explorer et sa barre d'état. (...)
Gestion de la barre d'état d'Internet Explorer par les scripts
Description détaillée
- Internet Explorer a été modifié pour ne désactiver la barre d'état pour aucune fenêtre. La barre d'état est toujours visible pour toutes les fenêtres d'Internet Explorer. (...) Sans ce changement, les fenêtres créées à l'aide de la méthode window.open() peuvent être appelées par des scripts et imiter une fausse interface utilisateur ou bureau, ou pour masquer des informations importantes pour l'utilisateur.
+ Internet Explorer a été modifié pour ne désactiver la barre d'état pour aucune fenêtre. La barre d'état est toujours visible pour toutes les fenêtres d'Internet Explorer. (...) Sans ce changement, les fenêtres créées à l'aide de la méthodewindow.open()
peuvent être appelées par des scripts et imiter une fausse interface utilisateur ou bureau, ou pour masquer des informations importantes pour l'utilisateur.
La barre d'état est une fonction de sécurité des fenêtres d'Internet Explorer qui fournissent à l'utilisateur des informations sur les zones de sécurité. Cette zone ne peut pas être imitée (...)"
citation de Changes to Functionality in Microsoft Windows XP Service Pack 2, Internet Explorer Window RestrictionsDans Internet Explorer 6 pour XP SP2 :
window.open()
avec fullscreen=yes donnera à présent une fenêtre maximisée, et non une fenêtre en mode kiosque. »all
"all=no"
) toutes les fonctionnalités (excepté chrome
, dialog
etmodal
). Peut être utilisé conjointement avec les autres drapeaux (par exemple, "menubar=no, all"
active toutes les fonctionnalités excepté menubar
). Ce drapeau est ignorée par la méthodewindow.open() mais pas par window.openDialog()."all=no"
) toutes les fonctionnalités (excepté chrome
, dialog
etmodal
). Peut être utilisé conjointement avec les autres drapeaux (par exemple, "menubar=no, all"
active toutes les fonctionnalités excepté menubar
). Ce drapeau est ignorée par la méthodewindow.open() mais pas par window.openDialog()
.Lorsqu'une fenêtre est ouverte depuis une autre fenêtre, elle conserve une référence à cette première fenêtre dans window.opener. Si la fenêtre courante n'a pas été ouverte par une autre fenêtre, la méthode renvoie null
.
Lorsqu'une fenêtre est ouverte depuis une autre fenêtre, elle conserve une référence à cette première fenêtre dans window.opener
. Si la fenêtre courante n'a pas été ouverte par une autre fenêtre, la méthode renvoie null
.
{{ DOM0() }}
\ No newline at end of file diff --git a/files/fr/web/api/window/print/index.html b/files/fr/web/api/window/print/index.html index 89f93aecf3..e07fb5d820 100644 --- a/files/fr/web/api/window/print/index.html +++ b/files/fr/web/api/window/print/index.html @@ -47,6 +47,4 @@ translation_of: Web/API/Window/print{{ languages( { "ja": "ja/DOM/window.print", "it": "it/DOM/window.print" , "zh-cn": "zh-cn/DOM/window.print" } ) }}
+ \ No newline at end of file diff --git a/files/fr/web/api/window/prompt/index.html b/files/fr/web/api/window/prompt/index.html index 6b37e23e15..a5d0f914f2 100644 --- a/files/fr/web/api/window/prompt/index.html +++ b/files/fr/web/api/window/prompt/index.html @@ -56,7 +56,7 @@ signe = window.prompt('Quelle est la réponse ?', '42');Une boîte de dialogue contient un texte sur une ligne, un bouton "Annuler" ainsi qu'un bouton "OK". Elle permet de renvoyer le texte (éventuellement vide) saisi par l'utilisateur dans le champ de saisie.
-The following text is shared between this article, DOM:window.confirm and DOM:window.alertLes boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant que la fenêtre n'est pas fermée. Pour ces raisons, mieux vaut ne pas abuser des fonctions qui créent de telles boîtes de dialogue et autres fenêtres modales.
+The following text is shared between this article, DOM:window.confirm
and DOM:window.alert
. Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant que la fenêtre n'est pas fermée. Pour ces raisons, mieux vaut ne pas abuser des fonctions qui créent de telles boîtes de dialogue et autres fenêtres modales.
On notera que le résultat de la fonction est une chaîne de caractères. Cela signifie qu'il faut parfois convertir la valeur founie par l'utilisateur. Si, par exemple, on souhaite que la réponse soit un nombre, il faudra la convertir (avec le constructeur {{jsxref("Number")}} éventuellement).
diff --git a/files/fr/web/api/window/resizeby/index.html b/files/fr/web/api/window/resizeby/index.html index b74e4ea022..4d3a8873d6 100644 --- a/files/fr/web/api/window/resizeby/index.html +++ b/files/fr/web/api/window/resizeby/index.html @@ -34,7 +34,7 @@ window.resizeBy(-200, -200);Pour des raisons de sécurité, il n'est plus possible dans Firefox pour un site Web de modifier la taille par défaut d'une fenêtre dans un navigateur si la fenêtre n'a pas été créée par window.open () ou contient plusieurs onglets. Consultez le tableau de compatibilité pour plus de détails sur le changement.
+Pour des raisons de sécurité, il n'est plus possible dans Firefox pour un site Web de modifier la taille par défaut d'une fenêtre dans un navigateur si la fenêtre n'a pas été créée par window.open()
ou contient plusieurs onglets. Consultez le tableau de compatibilité pour plus de détails sur le changement.
Même si vous créez une fenêtre avec window.open()
elle n'est pas redimensionnable par défaut. Pour rendre la fenêtre redimensionnable, vous devez l'ouvrir avec le paramètre "resizable"
.
DOM Niveau 0. Ne fait pas partie de la spécification.
- -{{ languages( { "ja": "ja/DOM/window.scrollByPages", "pl": "pl/DOM/window.scrollByPages", "zh-cn": "zh-cn/DOM/window.scrollByPages" } ) }}
+DOM Niveau 0. Ne fait pas partie de la spécification.
\ No newline at end of file diff --git a/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html b/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html index 0848a6ae06..638f24c27b 100644 --- a/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html +++ b/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/WindowEventHandlers/onbeforeunload<element beforeunload="funcRef(event);" />-
<script type="text/javascript"> +<script type="text/javascript"> window.onbeforeunload = funcRef </script>diff --git a/files/fr/web/api/windoweventhandlers/onpopstate/index.html b/files/fr/web/api/windoweventhandlers/onpopstate/index.html index 0a0ab110f2..ff23d12a70 100644 --- a/files/fr/web/api/windoweventhandlers/onpopstate/index.html +++ b/files/fr/web/api/windoweventhandlers/onpopstate/index.html @@ -53,6 +53,4 @@ history.go(2); // affiche "adresse: http://example.com/example.html?page=3, ét
{{ languages( {"zh-cn": "zh-cn/DOM/window.onpopstate" } ) }}
+ \ No newline at end of file diff --git a/files/fr/web/api/windoweventhandlers/onunload/index.html b/files/fr/web/api/windoweventhandlers/onunload/index.html index 3c04b56c57..613631c10d 100644 --- a/files/fr/web/api/windoweventhandlers/onunload/index.html +++ b/files/fr/web/api/windoweventhandlers/onunload/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/WindowEventHandlers/onunloadL'événement unload
est déclenché lorsque le contenu et les ressources sont déchargés à la fermeture de la fenêtre. Le processus de suppression des ressources se fait après que l'événement unload
a eu lieu.
Les navigateurs équipés d'un bloqueur de pop-up vont ignorer tout appel de window.open() lancé depuis onunload.
+Les navigateurs équipés d'un bloqueur de pop-up vont ignorer tout appel de window.open()
lancé depuis onunload.