oujood.com

  HTML attribut d'événement onresize

L'attribut onresize est plus souvent utilisé lorsque la fenêtre du navigateur est redimensionnée.

chercher |

Définition et utilisation événement onresize

LES BALISES HTML

L'attribut onresize se déclenche lorsqu'un objet est redimensionné.

L'attribut onresize est plus souvent utilisé lorsque la fenêtre du navigateur est redimensionnée. Vu que les éléments redimensionnables sont peu nombreux.

Syntaxe

<input onresize="script" />>

Valeurs d'attribut

Valeur

Description

script

Le script à exécuter sur onresize


Exemple Exécuter un JavaScript lorsque la fenêtre du navigateur est redimensionnée :

Exemple :       Copier le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>html5 demo</title>
  <script>
  function showMsg()
  {
  alert("Vous avez changer la taille de la fenêtre de votre navigateur!");
  }
  </script>
  </head>
  <body onresize="showMsg()">
  <p>Essayez de redimensionner la fenêtre du navigateur<br> en appuyant sur
  le bouton agrandir du navigateur par exemple</p>
  </body>
  </html>
 

ce code crée une page simple qui affiche un message d'alerte lorsque la fenêtre du navigateur est redimensionnée. Cela est réalisé en utilisant l'événement onresize associé à la fonction JavaScript showMsg().

Conseils et astuces

  • Assurez-vous que l'élément auquel vous attachez l'événement est redimensionnable, par exemple, en spécifiant une largeur et une hauteur en CSS.
  • Évitez d'utiliser cet événement de manière excessive, car il peut entraîner des performances médiocres sur des pages complexes.

Appui de navigateur

L'attribut d'événement onresize est généralement bien pris en charge par les navigateurs modernes, tels que Google Chrome, Mozilla Firefox, Microsoft Edge, et Safari.

Internet Explorer FirefoxOpera Google ChromeSafari

L'attribut d'événement onresize est pris en charge dans tous les principaux navigateurs.

Cependant, il est recommandé de faire attention à la compatibilité avec les anciennes versions d'Internet Explorer (IE 8 et inférieures), qui peuvent ne pas prendre en charge cet attribut de manière optimale. Si la compatibilité avec ces versions est nécessaire, des alternatives peuvent être envisagées ou des tests spécifiques effectués.


Différences entre HTML 4.01 et HTML5

Aucune.


cours precedent Retour à la Liste attribut d'événement 

    
Accueil du site


Par carabde 10 mars 2014



Voir aussi nos tutoriel :

outline-color

Définit la couleur d'une esquisse

Créer un lien hypertexte

Les liens hypertextes (ou ancres) permettent de lier des pages Web entre elles. Comment ça marche?...

afficher des video

Afficher des video