From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- .../web/api/globaleventhandlers/onresize/index.md | 65 ++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 files/fr/web/api/globaleventhandlers/onresize/index.md (limited to 'files/fr/web/api/globaleventhandlers/onresize/index.md') diff --git a/files/fr/web/api/globaleventhandlers/onresize/index.md b/files/fr/web/api/globaleventhandlers/onresize/index.md new file mode 100644 index 0000000000..02ef0ffba5 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onresize/index.md @@ -0,0 +1,65 @@ +--- +title: element.onresize +slug: Web/API/GlobalEventHandlers/onresize +tags: + - DOM + - DOM_0 +translation_of: Web/API/window.onresize +translation_of_original: Web/API/Element.onresize +--- +

{{ ApiRef() }}

+ +

Résumé

+ +

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.

+ +

Seul l'objet window possède un évènement onresize.

+ +

Syntaxe

+ +
// 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')}
+
+window.onresize = sayHi;
+
+// Montre la valeur de window.onresize
+alert(window.onresize);
+
+ +

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.

+ +

Exemple

+ +
<!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');
+}
+
+window.onresize = sayHi;
+
+</script>
+</head>
+<body>
+<input type="button"
+ value="Cliquez ici pour voir window.onresize"
+ onclick="alert(window.onresize);"
+>
+</body>
+</html>
+ +

Notes

+ +

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.

+ +

Spécification

+ +

{{ DOM0() }}

\ No newline at end of file -- cgit v1.2.3-54-g00ecf