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

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par alv le Lun 14 Mar 2016 - 10:48

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.


Dernière édition par alv le Jeu 31 Mar 2016 - 16:34, édité 2 fois

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Ven 25 Mar 2016 - 9:05

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")

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Ven 25 Mar 2016 - 10:15

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



Dernière édition par Lixyr le Ven 25 Mar 2016 - 10:20, édité 1 fois





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Ven 25 Mar 2016 - 10:50

Ç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
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Sam 26 Mar 2016 - 11:03

Up Smile

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Dim 27 Mar 2016 - 11:03

Up

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Lun 28 Mar 2016 - 11:14

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

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Mar 29 Mar 2016 - 12:14

Up

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Mer 30 Mar 2016 - 10:32

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);
  });





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Mer 30 Mar 2016 - 12:54

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);
   });

});

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Mer 30 Mar 2016 - 13:17

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);
      });
   
    });





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Mer 30 Mar 2016 - 15:50

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

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Jeu 31 Mar 2016 - 0:37

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)');       
        });





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Jeu 31 Mar 2016 - 10:03

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.

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Jeu 31 Mar 2016 - 11:49

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)');
});





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Jeu 31 Mar 2016 - 12:32

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

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Jeu 31 Mar 2016 - 14:17

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





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Jeu 31 Mar 2016 - 14:32

J'ai installé le code, avant de prévenir mes membres, et ça marche cheers
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" ?


Dernière édition par alv le Jeu 31 Mar 2016 - 16:28, édité 1 fois

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par Lixyr le Jeu 31 Mar 2016 - 15:36

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://i84.servimg.com/u/f84/19/37/16/39/bandea24.png"/><img src="https://i84.servimg.com/u/f84/19/37/16/39/bandea22.png"/><img src="https://i84.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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Charger un code js après le chargement de la page

Message par alv le Jeu 31 Mar 2016 - 16:28

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

résolu

alv
# Tropactif #

Messages : 1096
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum