Javascript parameter not well executed when contain space or specific character

Question

The problem is when the link is clicked. I have a problem ONLY if the third parameter contain space OR/AND character like ê,é,î...

<a href="javascript:arretSuivrePortefeuille('13206','Suivre','Arrêter de suivre');">Suivre</a>

I receive from FireBug :

arretSuivrePortefeuille is not defined javascript:arretSuivrePortefeuille('13206','Suivre','Arr%C3%AAter%20de%20suivre');()

Any idea?

Answer 1

Mmm, as a first measure remove the href attribute and move the instruction into onclick, this is the more correct way anyway. Don't forget to remove onclick and add a return false if necessary. It might be some URL encoding issue present in href only.

If that doesn't work out:

• What encoding are you using in the document?
• What encoding are the special characters in?

Answer 2

I would recommend you at least to use the onclick attribute instead of using the javascript: pseudo-protocol:

<a onclick="arretSuivrePortefeuille('13206','Suivre','Arrêter de suivre');"
   href="#" >Suivre</a>

Or better, bind the click event programmatically

<a id="linkId" href="#">Suivre</a>

---

//...
document.getElementById('linkId').onclick = function () {
  arretSuivrePortefeuille('13206','Suivre','Arrêter de suivre');
  return false; // stop link navigation
};

Answer 3

HTML attributes must have HTML encoding. You might try encoding the special characters in your javascript:

é becomes é
è becomes è
etc.

Lookuptables has a table with a lot of these special characters.

Your line of code will become:

<a href="javascript:arretSuivrePortefeuille('13206','Suivre','Arr&ecirc;ter de suivre');">Suivre</a>