Discussion :

[WaterTwelve21]

Bonjour ,

Je travaille en ce moment sur la réalisation d'un blog en ruby on rails, je souhaite pouvoir partager des articles avec des boutons de partage sur les réseaux sociaux.
Cependant,une erreur dans mon javascript me donne du fil à retordre.

Voici mon code html de la partie en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<button class="button share_twitter"  data-url="https://..." style="background-color: #55ACEE">
    Partager sur twitter
  </button>

Et voici mon code JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
document.querySelector('.share_twitter').addEventListener('click', function(e) {
    e.preventDefault();
    console.log("test")
    var url ="https://twitter.com/intent/tweet?text=Hello%20world";
    window.open(url,"Partage");
})

On dirais que le navigateur ne reconnait pas mon sélecteur .share_twitter puisque celui ci me renvoi "Uncaught TypeError: Cannot read property / addEventListener of null"

Je bloque , merci de bien vouloir éclairer ma lanterne

[mathieu]

Peut-être que le bouton n'est pas encore chargé au moment de l'exécution de "querySelector" ?

[st3ff]

bonjour, juste une question, ton code "document.querySelector(.....)" se trouve- dans un listener d'event (load de la page par exemple) ou directement dans le fichier javascript comme ça? Peut être que ton sélecteur ne trouve rien parce que le html n'est pas encore chargé en mémoire.

[WaterTwelve21]

Ok les amis , mon problème était spécifique a rails mais vos remarques mon mis vers la bonne voie !

Si un adepte de ruby ayant le même problème passe par ici : pour les scripts spécifiques à une page en particulier
Il faut penser au <%= javascript_include_tag "script" %> et non pas à la balise script comme j'ai pu le faire bêtement!

Merci bien