[HTML] inhiber un lien href avec un onClick

Version imprimable

30/10/2006, 15h04
lilou77

[HTML] inhiber un lien href avec un onClick

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

:salut:
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:

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.

30/10/2006, 15h41
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...:oops:
30/10/2006, 15h53
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:

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

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

Je pense que ce code peut être largement amélioré.
30/10/2006, 15h54
trotters213

et bien tu crées un bouton submit que tu appelles Annuler dont l'attribut action a pour valeur la page courante.
30/10/2006, 15h55
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 !!! :D
30/10/2006, 15h57
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
30/10/2006, 16h00
KiLVaiDeN

Salut,

Ceci fonctionne je crois :

Code:

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

effectivement cela fonctionne !!
merci
30/10/2006, 16h13
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.... :cry:
mais vous cassez pas la tête...
c bbon !
30/10/2006, 16h19
lilou77

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