diff options
Diffstat (limited to 'files/fr/web/api/documentorshadowroot')
4 files changed, 149 insertions, 0 deletions
diff --git a/files/fr/web/api/documentorshadowroot/activeelement/index.html b/files/fr/web/api/documentorshadowroot/activeelement/index.html new file mode 100644 index 0000000000..5115a1135c --- /dev/null +++ b/files/fr/web/api/documentorshadowroot/activeelement/index.html @@ -0,0 +1,25 @@ +--- +title: document.activeElement +slug: Web/API/Document/activeElement +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/DocumentOrShadowRoot/activeElement +translation_of_original: Web/API/Document/activeElement +--- +<p>{{ ApiRef() }}</p> +<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<p>Renvoie l'élément qui dispose actuellement du focus.</p> +<p>{{ Note("Cet attribut fait partie de la spécification HTML 5 encore en développement.") }}</p> +<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<pre class="eval">var elemCourant = document.activeElement; +</pre> +<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<ul> + <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#focus-management">Focus management</a> (brouillon de travail HTML 5)</li> +</ul> +<p> </p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/document.activeElement", "es": "es/DOM/element.activeElement", "ja": "ja/DOM/document.activeElement", "pl": "pl/DOM/document.activeElement" } ) }}</p> diff --git a/files/fr/web/api/documentorshadowroot/elementfrompoint/index.html b/files/fr/web/api/documentorshadowroot/elementfrompoint/index.html new file mode 100644 index 0000000000..493d7a55a1 --- /dev/null +++ b/files/fr/web/api/documentorshadowroot/elementfrompoint/index.html @@ -0,0 +1,53 @@ +--- +title: document.elementFromPoint +slug: Web/API/Document/elementFromPoint +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/DocumentOrShadowRoot/elementFromPoint +translation_of_original: Web/API/Document/elementFromPoint +--- +<p>{{ ApiRef() }}</p> +<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<p>Renvoie l'élément visible au point donné, spécifié relativement au point supérieur gauche visible dans le document.</p> +<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<pre class="eval"><i>element</i> = document.elementFromPoint(<i>x</i>,<i>y</i>); +</pre> +<p>where</p> +<ul> + <li><code>element</code> est un objet <a href="fr/DOM/element">element</a>.</li> + <li><code>x</code> et <code>y</code> spécifient les coordonnées à vérifier.</li> +</ul> +<h3 id="Exemple" name="Exemple">Exemple</h3> +<pre><html> +<head> +<title>Exemple d'utilisation d'elementFromPoint</title> + +<script type="text/javascript"> + +function changeColor(newColor) +{ + elem = document.elementFromPoint(2, 2); + elem.style.color = newColor; +} +</script> +</head> + +<body> +<p id="para1">Un peu de texte ici</p> +<button onclick="changeColor('blue');">bleu</button> +<button onclick="changeColor('red');">rouge</button> +</body> +</html> +</pre> +<h3 id="Notes" name="Notes">Notes</h3> +<p>Si l'élément au point spécifié appartient à un autre document (par exemple, les sous-document d'un iframe), l'élément dans le DOM du document appelant (l'iframe lui-même) est renvoyé. Si l'élément au point donné est anonyme ou du contenu généré par XBL, comme la barre de défilement d'une boîte de texte, le premier élément parent non anonyme (par exemple, la boîte de texte) est renvoyé.</p> +<p>Si le point spécifié est en dehors de la portion visible du document ou que l'une ou l'autre des coordonnées est négative, le résultat est <code>NULL</code>.</p> +<p>{{ Note("Les appelants qui sont des documents XUL devraient attendre que l\'évènement <code>onload</code> se soit déclenché avant d\'appeler cette méthode.") }}</p> +<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<ul> + <li>Spécification préliminaire : <code><a class="external" href="http://dev.w3.org/csswg/cssom/#documentlayout-elementfrompoint">elementFromPoint</a></code></li> +</ul> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/document.elementFromPoint", "es": "es/DOM/document.elementFromPoint", "ja": "ja/DOM/document.elementFromPoint" } ) }}</p> diff --git a/files/fr/web/api/documentorshadowroot/getselection/index.html b/files/fr/web/api/documentorshadowroot/getselection/index.html new file mode 100644 index 0000000000..9352399ada --- /dev/null +++ b/files/fr/web/api/documentorshadowroot/getselection/index.html @@ -0,0 +1,15 @@ +--- +title: document.getSelection +slug: Web/API/Document/getSelection +tags: + - API + - DOM + - Méthodes + - Reference + - Selection +translation_of: Web/API/DocumentOrShadowRoot/getSelection +translation_of_original: Web/API/Document/getSelection +--- +<p>{{APIRef("DOM")}}</p> + +<p><span id="result_box" lang="fr"><span>Cette méthode fonctionne de manière identique à la méthode {{domxref ("Window.getSelection()")}} ;</span> elle<span> renvoie un objet {{domxref ("Selection")}} représentant le texte actuellement sélectionné dans le document.</span></span></p> diff --git a/files/fr/web/api/documentorshadowroot/stylesheets/index.html b/files/fr/web/api/documentorshadowroot/stylesheets/index.html new file mode 100644 index 0000000000..0c607adc5f --- /dev/null +++ b/files/fr/web/api/documentorshadowroot/stylesheets/index.html @@ -0,0 +1,56 @@ +--- +title: Document.styleSheets +slug: Web/API/Document/styleSheets +translation_of: Web/API/DocumentOrShadowRoot/styleSheets +translation_of_original: Web/API/Document/styleSheets +--- +<div>{{APIRef}}</div> + +<div>La propriété <strong><code>Document.styleSheets </code></strong>est en lecture seule et retourne une liste {{domxref("StyleSheetList")}} d'objets {{domxref("StyleSheet")}}, qui font référence à l'ensemble des feuilles de style contenues ou embarquées dans le document.</div> + +<div> </div> + +<h2 id="Syntax" name="Syntax">Syntaxe</h2> + +<pre class="syntaxbox">var <var>styleSheetList</var> = <em>document</em>.styleSheets; +</pre> + +<p>L'objet retourné est une liste {{domxref("StyleSheetList")}}.</p> + +<p>Il s'agit d'une collection ordonnée d'objets {{domxref("StyleSheet")}}. <code><em>styleSheetList</em>.item(<em>index</em>)</code> ou <code><em>styleSheetList</em>{{ mediawiki.External('<em>index</em>') }}</code> retourne un seul objet stylesheet par son <code>index </code>(<code>index</code> débute par 0).</p> + +<h2 id="Specification" name="Specification">Spécification</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + </thead> + <tbody> + </tbody> + <tbody> + <tr> + <td>{{SpecName('CSSOM', '#dom-document-stylesheets', 'styleSheets')}}</td> + <td>{{Spec2('CSSOM')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('DOM2 Style', 'stylesheets.html#StyleSheets-DocumentStyle-styleSheets', 'styleSheets')}}</td> + <td>{{Spec2('DOM2 Style')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="See_also" name="See_also">Voir aussi</h2> + +<ul> + <li>{{Link("/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information")}}</li> +</ul> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-DocumentStyle-styleSheets">DOM Level 2 Style: styleSheets</a></li> +</ul> |