Charger un code js après le chargement de la page

[alv]

Rappel du premier message :

Bonjour,
Je cherche comment charger un code js après le chargement de la page.

Le contenu de la page :

Code:

Quelques sujets<br/>
<span class="bandeau_quelquessujets_images">
   <img src="article(1).png"/>
   <img src="article(2).png"/>
   <img src="article(3).png"/>
</span>
<span class="bandeau_quelquessujets_liens" id="bandeau_quelquessujets_liensactualite">
   <script src="/21314.js" type="text/javascript"></script>
</span>

C'est le code js contenu dans "21314.js" que je souhaite qui se charge après le chargement de la page.

Comment faire ?
Merci d'avance.

[alv]

Bonjour,
J'ai rajouté les anti-slash et ça ne marche toujours pas. Les liens extraits de la catégorie s'affichent bien, mais l'image qui doit se mettre n'apparaît pas (feuille "22796.js")

[Lixyr]

C'est sensé s'afficher où sur votre forum ?

Je vois encore des erreurs dans votre code...


- fichier 99701.js (ligne 1, col. 5187)

...(function(){jQuery('.cartonvert').html(jQuery('.cartonvert').html().replace(/Car...
TypeError: jQuery(...).html(...) is null

[alv]

Ça s'affiche dans le bandeau vert en haut de page. Il faut survoler "Actualité" et c'est sous "Quelques sujets".

J'ai désactivé le script "99701.js" et ça n'a pas résolu le problème.

[alv]

Up

[alv]

Up

[alv]

Up
(je sais que vous êtes absente Lixyr, mais si d'autres peuvent m'aider )

[alv]

Up

[Lixyr]

Bonjour,

Voici une version améliorée :

Code:

  jQuery.each(jQuery('#bandeau_quelquessujets_liensactualite span a'), function(key, ahtml){
    var texte_1 = jQuery(ahtml).text();
    var texte_2 = texte_1 + ' ' + '<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea39.png"/>';
    jQuery(ahtml).html(texte_2);
  });

[alv]

Bonjour,

Ça ne marche toujours pas (feuille "22897.js") :

Code:

jQuery(document).ready(function(){

   $('#bandeau_quelquessujets_imagesactualite').html('
      <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea24.png"/>
      <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea22.png"/>
      <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea23.png"/>
   ');
   jQuery('#bandeau_quelquessujets_liensactualite').load('/f29-actualite-reactions-aux-articles span.titre_sujet:lt(4)');
       
   $('#bandeau_quelquessujets_imagessaison').html('
      <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea25.png"/>
      <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea26.png"/>
      <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea27.png"/>
   ');
   jQuery('#bandeau_quelquessujets_lienssaison').load('/f23-saison-matchs span.titre_sujet:lt(4)');

   jQuery.each(jQuery('#bandeau_quelquessujets_liensactualite span a'), function(key, ahtml){
      var texte_1 = jQuery(ahtml).text();
      var texte_2 = texte_1 + ' ' + '<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea39.png"/>';
      jQuery(ahtml).html(texte_2);
   });

});

[Lixyr]

Vous pouvez mettre ça que je vérifie quelque chose... ?

Code:

    jQuery(document).ready(function(){
   
      $('#bandeau_quelquessujets_imagesactualite').html('
          <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea24.png"/>
          <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea22.png"/>
          <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea23.png"/>
      ');
      jQuery('#bandeau_quelquessujets_liensactualite').load('/f29-actualite-reactions-aux-articles span.titre_sujet:lt(4)');
           
      $('#bandeau_quelquessujets_imagessaison').html('
          <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea25.png"/>
          <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea26.png"/>
          <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea27.png"/>
      ');
      jQuery('#bandeau_quelquessujets_lienssaison').load('/f23-saison-matchs span.titre_sujet:lt(4)');
   
      jQuery.each(jQuery('#bandeau_quelquessujets_liensactualite span a'), function(key, ahtml){
          console.log(jQuery(ahtml));
          var texte_1 = jQuery(ahtml).text();
          var texte_2 = texte_1 + ' ' + '<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea39.png"/>';
          jQuery(ahtml).html(texte_2);
      });
   
    });

[alv]

Voilà c'est fait (feuille "22230.js").

[Lixyr]

Hum c'est bien ce que je pensais. Le script ne rentre pas dans la boucle, ce qui signifie qu'au chargement, l'ID "bandeau_quelquessujets_liensactualite" n'existe pas.
Je crois que c'est parce que cette partie est appelée en load... du coup au chargement de la page, elle n'existe pas. Et comme il n'y a pas de condition, les scripts se lancent en même temps.

Pas d'ID déjà existant, donc pas d'images à rajouter dans les liens.


Faire quelque chose comme ça peut peut-être fonctionner :

Code:

        jQuery(document).ready(function(){
       
          $('#bandeau_quelquessujets_imagesactualite').html('
              <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea24.png"/>
              <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea22.png"/>
              <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea23.png"/>
          ');

            jQuery('#bandeau_quelquessujets_liensactualite').load('/f29-actualite-reactions-aux-articles span.titre_sujet:lt(4)', function() {
              jQuery.each(jQuery('#bandeau_quelquessujets_liensactualite span a'), function(key, ahtml){
                console.log(jQuery(ahtml));
                var texte_1 = jQuery(ahtml).text();
                var texte_2 = texte_1 + ' ' + '<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea39.png"/>';
                jQuery(ahtml).html(texte_2);
              });
          });​
               
          $('#bandeau_quelquessujets_imagessaison').html('
              <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea25.png"/>
              <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea26.png"/>
              <img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea27.png"/>
          ');
          jQuery('#bandeau_quelquessujets_lienssaison').load('/f23-saison-matchs span.titre_sujet:lt(4)');       
        });


[alv]

Bonjour,

C'est pire avec ce code, ça ne marche plus du tout. Rien n'apparaît de tout le code.
J'ai remis l'ancien, parce que je ne pouvais pas laisser comme ça.

[Lixyr]

Pourtant ça fonctionne chez moi.
Mais bon pour que je puisse tester il faudrait que vous désactiviez la page Javascript que je modifie, que je puisse voir si ça fonctionne vraiment, ou si c'est parce que c'est déjà chargé chez vous.

Tant pis, il faudra indiquer à vos membres que le site est en maintenance pour la journée, autrement je ne peux rien faire.

Code:

jQuery(document).ready(function(){
  $('#bandeau_quelquessujets_imagesactualite').html('<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea24.png"/><img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea22.png"/><img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea23.png"/>');
  jQuery('#bandeau_quelquessujets_liensactualite').load('/f29-actualite-reactions-aux-articles span.titre_sujet:lt(4)', function() {
    jQuery.each(jQuery('#bandeau_quelquessujets_liensactualite span a'), function(key, ahtml){
      console.log("jQuery(ahtml) : ");
      console.log(jQuery(ahtml));
      var texte_1 = jQuery(ahtml).text();
      var texte_2 = texte_1 + ' ' + '<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea39.png"/>';
      jQuery(ahtml).html(texte_2);
    });
  });
  $('#bandeau_quelquessujets_imagessaison').html('<img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea25.png"/><img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea26.png"/><img src="http://i84.servimg.com/u/f84/19/37/16/39/bandea27.png"/>');
  jQuery('#bandeau_quelquessujets_lienssaison').load('/f23-saison-matchs span.titre_sujet:lt(4)');
});

[alv]

Je vais prévenir mes membres et je mettrais le code en ligne après.

[Lixyr]

D'accord, prévenez-moi que je puisse chercher rapidement.

[alv]

J'ai installé le code, avant de prévenir mes membres, et ça marche
Les liens sont bien extraits des catégories concernées et l'image est bien ajouté dans les liens.

Qu'est-ce-qu'il faut que j'enlève dans le code pour avoir une version finale ? Juste les "console.log" ?

[Lixyr]

D'accord. Alors pour bien comprendre pourquoi ça fonctionne alors que ça ne fonctionnait pas tout à l'heure, en fait ma console me disait que le code était trop long. J'ai donc mis cette partie :

$('#bandeau_quelquessujets_imagesactualite').html('<img src="https://i.servimg.com/u/f84/19/37/16/39/bandea24.png"/><img src="https://i.servimg.com/u/f84/19/37/16/39/bandea22.png"/><img src="https://i.servimg.com/u/f84/19/37/16/39/bandea23.png"/>');

tout à la suite. C'est moins visible, mais elle n'aimait pas les retours à la ligne.

Pour l'autre partie avec des images également, j'ai enlevé les retours à la ligne.

C'était tout bête en fait, pas besoin de chercher en supprimant tout le JS... x)


Pour le code final, oui. Il suffit juste d'enlever les deux lignes console.log.

[alv]

OK.
Merci beaucoup pour votre aide précieuse. Je n'aurai jamais pu y arriver tout seul.