Discussion :

[lilou77]

Bonjour, j'ai un petit soucis.
en fait j'ai des liens un peu comme dans toutes page internet
Forum des développeurs > Webmasters - Développement Web > HTML / DHTML / XHTML / CSS
et en fait je voudrais que dans certains cas le lien ne soit pas autorisé mais comme meme 'exécuté'
je m'explique, imaginons que vous écriver un message, vous cliquez sur le lien, je veux un information (confirm) me demandant si je veux continuer et donc perdre les information de mon message non sauvegarder. si on continu on fait le lien, sinon on reste sur la meme page.
je ne sais pas si j'ai été clair,
pour l'instant j'arrive a récupérer l'evenement onClick et lui afficher le message mais je n'arrive pas a empecher le lien, c'est a dire que je vais tout de meme sur la page demandé.
J'ai un fait un fonction javascript, sur la méthode onclick, suivant le retour de confirm on va sur le lien et sinon j'essai de lui faire faire un submit, mais rien a faire, on ne repasse plus dans ma page, on est arrivé sur celle du lien
si quelqu'un a une idée.
ce qui est important aussi c'est que je veux que mon texte des liens est exactement l'air normaux, comme des textes normaux...

[trotters213]

Pour le premier problème j'ai rien compris.
Pour le dernier (que tu veux que se soit un texte normal) je me suis fait une fonction en JS :

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--
//fonction qui permet de ne pas pouvoir cliquer sur un lien pointant sur la page actuelle
function supprime_lien(obj)
{
	//on récupère la sous-chaine entre le début de l'URL et le dernier "/" et on la compare à l'adresse où on souahite aller
	//exemple : http://www.mpl.ird.fr/IS/contacts/?lang=fr# retournera http://www.mpl.ird.fr/IS/contacts/#
	if (obj.href == document.location.href.substring (0,document.location.href.lastIndexOf('/')+1))
	{
		obj.href="#";//l'objet pointe sur rien : le lien est cassé
		obj.style.cursor='default';//on change le curseur en flèche (au lieu d'avoir une main)
	}
}
//-->

il suffit que tu appelles cette fonction sur chaque lien en plaçant comme paramètre this.

[lilou77]

lol merci pour ta fonction...
mais c'est vrai que tu as rien compris... mais ce n'est pas de ta faute, je m'exprime mal...
en fait j'ai mes liens, et je veux qu'il reste des liens, c'est a dire garder la couleur, le curseur en forme de main... mais ce que je veux, c'est que quand l'utilisateur le sélectionne (le lien), une fenetre de dialogue s'affiche, pour l'instant j'y arrive a l'aide de la methode onClick et d'un window.confirm();
mais ce que je n'arrive pas a faire, c'est que si le user appui sur annuler, j'empeche le lien d'agir, c'est a dire que je reste sur la meme page !!! mais mes liens doivent toujours exister...
je ne sais pas si j'ai été plus clair...

[Bisûnûrs]

Ton problème vient du fait qu'il y a une différence, me semble-t-il, entre IE et Firefox (comme toujours) dans l'ordre des actions générées sur un lien.

L'un des deux navigateurs gère le href en premier et l'autre gère le onclick en premier.

Dans le premier cas donc, le lien est déjà envoyé au moment où ta boîte de dialogue s'ouvre.

Je pense que tu peux contourner de cette manière :

Code Javascript :

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

1
2
3
4
5
function envoiLien(){
   if(confirm('blabla'){
      location.href = "tonlien";
   }
}

Code HTML :

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

<a href="#" onclick="envoiLien();">Ton texte</a>

Je pense que ce code peut être largement amélioré.

[trotters213]

et bien tu crées un bouton submit que tu appelles Annuler dont l'attribut action a pour valeur la page courante.

[lilou77]

oui merci de ta reponse, c'est que j'était en train de tester justement.
ce qui m'a donné l'idée c'est le code de trotters213. En effet je n'avais pas penser a changer de lien, suivant ma reponse pour rester sur le meme page !!!
merci a tous les deux !!!

[lilou77]

trotters213 : merci aussi pour ta 2ieme suggestion, et en fait j'ai deja un bouton [Retour] qui gérait cette partie, mais je voulais vraiment que toutes les sorties soit vérifié, et comme il y avait les liens je voulais les tester avant de sortir de ma page afin de ne pas sortir sans sauvegarder

[KiLVaiDeN]

Salut,

Ceci fonctionne je crois :

Code :

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

<a href="http://www.google.fr" onclick="if(confirm('Etes vous sûr ?')) return true; else return false;">Lien vers Google</a>

[lilou77]

effectivement cela fonctionne !!
merci

[lilou77]

lol.. en fait ca marche dans un cas tout simple comme le tien (et celui que je viens de tester)
mais quand j'essai de l'implémenter dans mon truc ca marche pas....
mais vous cassez pas la tête...
c bbon !

[lilou77]

si je me suis trompé, je l'avais mal implémenter
cela marche nikel !:!!!