Alerte javascript directement dans un "href"

**jc002** · 28/11/2008, 20h51

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

Code :

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

<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.

**SpaceFrog** · 28/11/2008, 21h01

passe par l'octal

Code :

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

alert('Votre Pr\u00E9nom')

??

**m.klaury** · 28/11/2008, 22h17

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 :

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

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 :

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

1
2
 
<a id="lien" href="">une alerte</a>

et dans ta balise

Code :

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

<body>...</body>

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

Code :

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

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

**Bovino** · 29/11/2008, 09h56

Ou alors :

Code :

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

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

**jc002** · 29/11/2008, 10h26

Envoyé par SpaceFrog

passe par l'octal

Code :

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

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 :

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

<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.

**SpaceFrog** · 29/11/2008, 10h27

ou tout simplement envoyer un header php charset utf-8

**jc002** · 29/11/2008, 10h35

Désolé m.klaury mais ta solution ne fonctionne pas chez moi. Merci d'y avoir réfléchi !

**jc002** · 29/11/2008, 10h40

Envoyé par Bovino

Ou alors :

Code :

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

<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...

**SpaceFrog** · 29/11/2008, 10h43

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

**jc002** · 29/11/2008, 10h50

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

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.

**SpaceFrog** · 29/11/2008, 10h53

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.

**jc002** · 29/11/2008, 11h06

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 :

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

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

**Bovino** · 29/11/2008, 11h23

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.

Alerte javascript directement dans un "href"

JavaScript

Discussions similaires

Partager

Partager