Discussion :

[_moza]

Bonjour,

J'ai un bouton qui contient cela :

Code :

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

... onclick="effacerCoffre(`Coffre d'étudiant2`)" ...

J'ai systématiquement une erreur à cause de l'apostrophe devant étudiant.

J'ai essayé de plein de façons différentes. Mais à chaque fois j'ai une erreur.

Comment écrire le onClick, lorsque la fonction contient du texte avec une apostrophe ?
Je me dit qu'il doit y avoir une méthode simple... mais j'la trouve pô.
Merci,
Moza

[vermine]

Bonjour,

Tout d'abord, faites attention au type d'apostrophe. Celle-ci me parait un peu limite : `.
Il vaut mieux utiliser celle-ci : '.

Ensuite, vous devez ajouter un anti-slash :

Code :

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

onclick="effacerCoffre('Coffre d\'étudiant2')"

[sekaijin]

la methode simple est de ne pas mettre de javascript dans le code html mais dans des balise <script> ainsi tu code devient simplement

Code javascript :

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

1
2
3
document.getElementById('monBoutton').onclick = function () {
   effacerCoffre("Coffre d'étudiant2");
};

il faut savoir que lorsqu'on mets un gestionnaire d'événement dans le code html

Code html :

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

<button id="monBoutton" onclick="effacerCoffre('Coffre d\'étudiant2');" />

l'interprète html crée l'élément du DOM corespondant au bouton
génère l'équivalent du source javascipt que j'ai donné plus haut
et demande à l'interprète javascript de l'exécuter.
en clair le texte mis dans onclick n'est qu'un texte qui servira de corps au source de la fonction à créer pour géré le onclick.

pour finir si on n'a pas envie de binder les événement hors du source HTML on peut très bien faire

Code html :

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

<button id="monBoutton" data="Coffre d'étudiant2" onclick="effacerCoffre(this.data);" />

A+JYT

[Watilin]

Pour le texte tu peux aussi utiliser l’apostrophe typographique, c’est celle qu’on trouve dans les livres.

http://www.fileformat.info/info/unic...2019/index.htm

Par exemple :

Code :

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

effacerCoffre('Coffre d’étudiant2');

Ou bien :

Code :

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

effacerCoffre('Coffre d\u2019étudiant2');