Alerte javascript directement dans un "href"

Version imprimable

28/11/2008, 20h51
jc002

Alerte javascript directement dans un "href"

Bonsoir, j'ai un petit problème avec ça (ce n'est qu'un exemple):

Code:

<a href='javascript:alert("Votre prénom? Clément !");'>Afficher message</a>

Ca parait très bête mais sous Safari 3 (sous Mac) tous les caractères accentués qui SUIVENT le caractère "?" sont transformés en caractère non reconnu (de même avec le caractère "#"). Sous FireFox: OK.
La même chose dans un script javascript indépendant fonctionne mais, justement, je dois passer directement ce script dans le lien "href".

Je trouve ça très bizarre, et vous ?
PS: j'ai essayé d'encoder le "?" avec son équivalent ? mais en vain.
Merci de votre aide.
28/11/2008, 21h01
SpaceFrog

passe par l'octal

Code:

alert('Votre Pr\u00E9nom')

??

Etant donné que seul Safari (AppleWebKit) ne fonctionne pas très bien, ça peut être interessant, la méthode suivante peut être interessante :

tu crée une fonction init :
Code:

1 2 3 4 5 6 7 8 9 10 11 function init() { var text = "Votre prénom? Clément !"; var lien = document.getElementById('lien'); if(navigator.userAgent.indexOf('AppleWebKit/') > -1){ lien.setAttribute("href", "javascript:alert('"+encodeURI(text)+"')"); return } lien.setAttribute("href", "javascript:alert('"+text+"')"); }
tu crée ton lien de la manière suivante :
Code:

1 2 <a id="lien" href="">une alerte</a>
et dans ta balise

Code:

<body>...</body>

tu indique la fonction "init" comme devant être appemée pour l'évènement "onload" :
Code:

1 2 <body onload="init()">
Voilà, ça prends quelques lignes mets ça marche maintenant quelque soit le navigateur.
En plus tu as bien cette fois ci, la séparation entre la présentation et les fonctionnalités (sauf pour "onload").

29/11/2008, 09h56
Bovino

Ou alors :

Code:

<a href="#" onclick="alert('Votre prénom? Clément !');return false">Afficher message</a>
29/11/2008, 10h26
jc002

Solution

Citation:

Envoyé par SpaceFrog

passe par l'octal

Code:

alert('Votre Pr\u00E9nom')

C'est la voie de la solution !
Utiliser l'octal (ou plutôt l'unicode apparemment). Mais là ça obligeait à encoder "bizarrement" tous les caractères accentués. Mais en cherchant et en trouvant (très difficilement) le codage du "?" en unicode (soit \u003F) ça marche parfaitement ! (et pour le # aussi)
Voici le lien pour d'autres caractères en unicode (ajouté "\u" devant les valeurs fournies):
http://alis.isoc.org/codage/iso10646/rang_00.htm

mon script est donc devenu:

Code:

<a href='javascript:alert("prénom \u003F Clément");'>message avec Unicode</a>

Remarque: une solution en utilisant l'encode utf-8 sur la page semble fonctionner aussi, mais obligeait à le dire à mySQL lors d'une interrogation de la base de données, et à convertir avec utf8_encode (en php) chaque texte qu'on saisissait dans sa page. Ce qui alourdissait terriblement.
29/11/2008, 10h27
SpaceFrog

ou tout simplement envoyer un header php charset utf-8
29/11/2008, 10h35
jc002

Désolé m.klaury mais ta solution ne fonctionne pas chez moi. Merci d'y avoir réfléchi !
29/11/2008, 10h40
jc002

Solution 2

Citation:

Envoyé par Bovino

Ou alors :

Code:

<a href="#" onclick="alert('Votre prénom? Clément !');return false">Afficher message</a>

Alors là, c'est trop fort !!!
Ca marche aussi ! (et pas besoin de connaître l'unicode)
Le fait de mettre "onclick" doit permettre au navigateur de se préparer à recevoir du texte de type javascript (car, comme je le disais, ça fonctionnait très bien dans un script à part en javascript).

A moi de choisir la solution qui me plaît le + :
Encodage unicode du "?" OU mettre href à "#" et ajouter onclick...
29/11/2008, 10h43
SpaceFrog

oui en fait je n'avais pas pensé à ça ...
avec le onclick tu restes sur la page avec les paramètres de la page ...
ne pas oublier le return false

bien vu Beef :king:
29/11/2008, 10h50
jc002

pourquoi un return false

Citation:

Envoyé par SpaceFrog

oui en fait je n'avais pas pensé à ça ...
avec le onclick tu restes sur la page avec les paramètres de la page ...
ne pas oublier le return false

bien vu Beef :king:

Pourquoi mettre un "return false" ? Je ne vois pas à quoi il servirait ici ! Y a t-il quelque-chose à savoir de ce côté là ?

PS: Pour ce qui est du "header php charset utf-8": j'ai vu ça mais alourdi trop je pense.
29/11/2008, 10h53
SpaceFrog

bien sur que le return false à toute son importance, il inhibe le href, parce que pour certains navigateurs un href="#" cause un rechargement de page.
29/11/2008, 11h06
jc002

ah oui !

Citation:

Envoyé par SpaceFrog

bien sur que le return false à toute son importance, il inhibe le href, parce que pour certains navigateurs un href="#" cause un rechargement de page.

Ah oui?!! je n'avais pas remarqué ça ! (sous FireFox Mac par exemple)
merci.

Au fait, même si pas de bug chez moi, je suppose qu'il manque le ";" à la fin de "return false". Donc le code exact est:

Code:

<a href="#" onclick="alert('Votre prénom? Clément !');return false;">Afficher message</a>
29/11/2008, 11h23
Bovino

Citation:

Au fait, même si pas de bug chez moi, je suppose qu'il manque le ";" à la fin de "return false".

En fait, javascript est relativement tolérant en ce qui concerne les fins d'instructions.
De mémoire, il me semble qu'il rajoute de lui-même les ; en fin de ligne.
Cela peut être piégeux dans certains cas donc ta proposition est plus rigoureuse (et donc à encourager) mais les deux sont correctes.