diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
| commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
| tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/globaleventhandlers/onresize | |
| parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
| download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip | |
convert content to md
Diffstat (limited to 'files/fr/web/api/globaleventhandlers/onresize')
| -rw-r--r-- | files/fr/web/api/globaleventhandlers/onresize/index.md | 65 |
1 files changed, 33 insertions, 32 deletions
diff --git a/files/fr/web/api/globaleventhandlers/onresize/index.md b/files/fr/web/api/globaleventhandlers/onresize/index.md index 02ef0ffba5..3ee94157c2 100644 --- a/files/fr/web/api/globaleventhandlers/onresize/index.md +++ b/files/fr/web/api/globaleventhandlers/onresize/index.md @@ -7,38 +7,38 @@ tags: translation_of: Web/API/window.onresize translation_of_original: Web/API/Element.onresize --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> +### Résumé -<p>La propriété <strong>onresize</strong> renvoie le code de gestion <code>onresize</code> de l'élément. Il sert également à définir le code devant s'exécuter lorsqu'un évènement de redimensionnement survient.</p> +La propriété **onresize** renvoie le code de gestion `onresize` de l'élément. Il sert également à définir le code devant s'exécuter lorsqu'un évènement de redimensionnement survient. -<p>Seul l'objet <var>window</var> possède un évènement <code>onresize</code>.</p> +Seul l'objet _window_ possède un évènement `onresize`. -<h3 id="Syntaxe">Syntaxe</h3> +### Syntaxe -<pre class="eval">// attribue une fonction anonyme à onresize -window.onresize = function(){alert('Redimensionnement de la fenêtre')} + // attribue une fonction anonyme à onresize + window.onresize = function(){alert('Redimensionnement de la fenêtre')} -// Attribue la référence d'une fonction à onresize -function sayHi(){alert('Hi')} + // Attribue la référence d'une fonction à onresize + function sayHi(){alert('Hi')} -window.onresize = sayHi; + window.onresize = sayHi; -// Montre la valeur de window.onresize -alert(window.onresize); -</pre> + // Montre la valeur de window.onresize + alert(window.onresize); -<p>Un évènement onresize employé avec des cadres sera lancé à chaque fois que le cadre sera redimensionné soit directement, soit comme résultant du redimensionnement de la fenêtre.</p> +Un évènement onresize employé avec des cadres sera lancé à chaque fois que le cadre sera redimensionné soit directement, soit comme résultant du redimensionnement de la fenêtre. -<h3 id="Exemple">Exemple</h3> +### Exemple -<pre class="brush: html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" - "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>exemple avec onresize</title> -<script type="text/javascript"> +```html +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>exemple avec onresize</title> +<script type="text/javascript"> function sayHi(){ alert('Hi'); @@ -46,20 +46,21 @@ function sayHi(){ window.onresize = sayHi; -</script> -</head> -<body> -<input type="button" +</script> +</head> +<body> +<input type="button" value="Cliquez ici pour voir window.onresize" onclick="alert(window.onresize);" -> -</body> -</html></pre> +> +</body> +</html> +``` -<h3 id="Notes">Notes</h3> +### Notes -<p>Un attribut onresize peut être placé sur n'importe quel élément, mais seul l'objet <code>window</code> possède un évènement sur le redimensionnement. Le rédimensionnement d'autres éléments (par exemple, la modification de la largeur ou de la hauteur d'un élément img par un script) ne lancera aucun évènement de redimensionnement.</p> +Un attribut onresize peut être placé sur n'importe quel élément, mais seul l'objet `window` possède un évènement sur le redimensionnement. Le rédimensionnement d'autres éléments (par exemple, la modification de la largeur ou de la hauteur d'un élément img par un script) ne lancera aucun évènement de redimensionnement. -<h3 id="Sp.C3.A9cification">Spécification</h3> +### Spécification -<p>{{ DOM0() }}</p>
\ No newline at end of file +{{ DOM0() }} |