désactivation lien en gardant en mémoire

Version imprimable

22/08/2006, 10h15
linar009

désactivation lien en gardant en mémoire

Bonjour,

Connaissez-vous un moyen de désactiver un lien (<A HREF>) tout en gardant l'adresse du lien en mémoire ?

Je connais bien le href=#, mais le souci est que lorsque je souhaite réactiver mon lien, l'adresse initialement contenu dans mon href est perdue...

Je souhaiterais garder mon href dans la balise <A> et juste désactiver le lien pour empêcher l'utilisateur de cliquer dessus c'est tout.

Je précise : La méthode DISABLED ne fonctionne.

Merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
disableLink=function(lnk) {
   lnk.setAttribute("url",lnk.href);
   lnk.href="";
   lnk.style.color="GrayText";
}
 
enableLink=function(lnk) {
   var url=lnk.getAttribute("url");
   if (url && url!="") {
      lnk.href=url;
   }
   lnk.style.color="";
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<style type="text/css">
 
#l {
text-decoration:underline;
color:#0000ff;
cursor:pointer;
}
 
#l:hover {
color:#ff0000;
}
 
#l span {
color:#000000;
}
 
</style>
 
</head>
 
<body>
 
 
 
 
<p>
<a id="l">Ceci est un lien désactivé car vous n'avez pas écrit <span>"Je veux activer le lien."</span> dans le cadre ci-dessous</a>
</p>
 
<p>
<input type="text" id="t" />
</p>
 
<script type="text/javascript">
 
 
var ch=document.getElementById("t");
var lnk=document.getElementById("l");
 
ch.onblur=function(){
 
	if(this.value=="Je veux activer le lien."){
		lnk.href="http://google.fr";
			}
	else lnk.removeAttribute("href");
 
}
 
lnk.onmouseover=function(){
	if(!this.href){
		window.status=""
	}
};
 
</script>

22/08/2006, 11h04
denisC
Rajoute un
Code:

1 2 onclick=function(){return false;}
Sur ton lien, ça devrait largement suffire pour empecher quelqu'un de clicquer dessus (de toute façon, si JS est desactivé, aucun des autres scripts ne fonctionnera......)
22/08/2006, 11h07
javatwister

ah oui, changer le texte du lien aussi, quand il est désactivé :mrgreen:

enfin bref, désactiver les liens c'est pas sympa et il suffit d'un oeil à la source pour passer outre;

Citation:

Envoyé par FremyCompany

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
disableLink=function(lnk) {
   lnk.setAttribute("url",lnk.href);
   lnk.href="";
   lnk.style.color="GrayText";
}
 
enableLink=function(lnk) {
   var url=lnk.getAttribute("url");
   if (url && url!="") {
      lnk.href=url;
   }
   lnk.style.color="";
}

Hum, j'ai, comme qui dirait, l'impression que l'attribut URL n'existe pas pour l'objet A ...

22/08/2006, 11h18
linar009
Citation:
Envoyé par denisC

Rajoute un

Code:

1 2 onclick=function(){return false;}

Sur ton lien, ça devrait largement suffire pour empecher quelqu'un de clicquer dessus (de toute façon, si JS est desactivé, aucun des autres scripts ne fonctionnera......)
Ca a l'air sympa ça, je n'y avais pas penser...
Mais après comment faire pour réactiver le lien ?
22/08/2006, 11h20
linar009
Citation:
Envoyé par javatwister

Code:

1 2 3 4 5 6 7 8 ch.onblur=function(){ if(this.value=="Je veux activer le lien."){ lnk.href="http://google.fr"; } else lnk.removeAttribute("href"); }
Le problème c'est que le href n'est pas une valeur en dur dans le code (dans le genre de google.fr...)
22/08/2006, 11h55
FremyCompany

Citation:

Envoyé par linar009

Hum, j'ai, comme qui dirait, l'impression que l'attribut URL n'existe pas pour l'objet A ...

Ben c'est justement pour ca que je le crée ;)

Il s'agit de stocker href et de mettre "#" à la place...
puis de reprendre la sauvegarde et la remettre à la place de "#"
22/08/2006, 13h12
linar009

lnk.setAttribute("url",lnk.href) ne fonctionne pas si "url" n'est pas un attribut connu ...
22/08/2006, 13h23
FremyCompany

Citation:

Envoyé par linar009

lnk.setAttribute("url",lnk.href) ne fonctionne pas si "url" n'est pas un attribut connu ...

Biensur que si ca fonctionne, je l'utilise tout le temps ;)
22/08/2006, 13h42
linar009

Ok merci à vous trois, je vais me débrouiller avec tout ça.
C'est sympa.

Pour ceux que ça interesse, j'ai opté pour la solution suivante :

Code:

1
2
3
4
5
6
7
8
9
disableLink=function(lnk) {
   lnk.onclick = function() {return false;} 
   lnk.style.cursor = 'default';
}
 
enableLink=function(lnk) {   
   lnk.style.cursor = 'pointer';	
   lnk.onclick = lnk.href;	
}