1. #1
    Membre habitué
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    décembre 2008
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : décembre 2008
    Messages : 235
    Points : 145
    Points
    145

    Par défaut Exécuter une fonction en FIN de chargement de la page

    Bonjour,
    J'ai lu quelque part mais je ne sais plus où, comment exécuter une fonction en fin de chargement. Y a t-il un événement particulier ou une précaution particulière?

  2. #2
    Membre chevronné
    Avatar de Doksuri
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    1 421
    Détails du profil
    Informations personnelles :
    Âge : 47

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 1 421
    Points : 1 849
    Points
    1 849

    Par défaut

    en jQuery tu as le .ready() et .load() (en fonction de tes besoins)
    par exemple :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    $(document).ready(function() { console.log("ready"); });
    ou
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    $(window).load(function() { console.log("load"); });
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    N'oubliez pas le Le tag resolu.

  3. #3
    Membre expérimenté
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    avril 2003
    Messages
    1 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : avril 2003
    Messages : 1 207
    Points : 1 331
    Points
    1 331

    Par défaut

    Bonjour,

    l'événement HTML onload fait ça.
    Christophe

    Pensez à mettre quand c'est le cas.

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 732
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : février 2009
    Messages : 5 732
    Points : 21 094
    Points
    21 094
    Billets dans le blog
    39

    Par défaut

    Exemple :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="author" content="Daniel Hagnoul">
      <title>Test</title>
      <style>
        p {
          font-family: cursive;
          font-size: large;
          background-color: grey;
        }
      </style>
      <script>
        'use strict';
            
        document.addEventListener( 'DOMContentLoaded', ev => {
          
          // le DOM est construit, mais la page n'est pas affichée
          
          document.querySelector( "p" ).style.backgroundColor = "yellow";
          
        }, false );
        
        window.addEventListener( 'load', ev => {
          
          // le DOM est construit et la page est affichée
          
          setTimeout( () => {
            document.querySelector( "p" ).style.fontSize = "4rem";
          }, 3000 );
          
        }, false );
      </script>
    </head>
    <body>
      <main>
     
        <p>Bonjour !</p>
     
      </main>
    </body>
    </html>

    Blog



    Nota bene : si vous devez être compatible avec les navigateurs obsolètes (IE8 et plus), vous devez convertir les codes ES2015 en ES5 avec Babel.

    FAQ JS Tutoriels JS

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre éclairé
    Homme Profil pro
    chomeur
    Inscrit en
    avril 2015
    Messages
    384
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : chomeur
    Secteur : Distribution

    Informations forums :
    Inscription : avril 2015
    Messages : 384
    Points : 773
    Points
    773

    Par défaut

    jour

    comme l'exemple de danielhagnoul le demontre il faut avant tout utiliser addEventListener qui évite que d'autres evenements load ou DOMContentLoaded attaché a la page ne soient écrasé surtout ne pas utiliser onload

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Exécuter une fonction à la fin du chargement d'une vidéo
    Par Gabriel84 dans le forum JavaScript
    Réponses: 1
    Dernier message: 27/03/2013, 17h32
  2. Réponses: 2
    Dernier message: 30/09/2009, 09h18
  3. appliquer une fonction foreach div au chargement de la page
    Par cbalmefrezol dans le forum jQuery
    Réponses: 2
    Dernier message: 21/04/2009, 22h03
  4. [Prototype] Exécution d'une fonction à la fin du chargement de la page
    Par Herman dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 30/12/2008, 16h41
  5. Affichage d'une jsp en fin de chargement de la page
    Par marruecco dans le forum Struts
    Réponses: 1
    Dernier message: 01/10/2007, 16h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo