Désactiver un lien dans un menu

Version imprimable

18/07/2008, 14h57
ALLMAG54

Désactiver un lien dans un menu

Bonjour à tous,

J'ai créé un menu avec JavaScript et je souhaite désactiver par moment certains liens (l'utilisateur peut lire le titre associé au lien mais le clic de la souris n'a aucun effet). En effectuant un clic droit de la souris sur cette page web, on constate que certaines commandes sont activées tandis que d'autres ne le sont pas: c'est exactment ce que je souhaite réaliser.

Comment le réaliser?

Je précise que j'utilise Perl, HTML , JavaScript et les feuilles de style CSS. Le menu a été entièrement réalisé en JavaScript.

J'ai retrouvé sur ce forum un tel problème à l'adressehttp://www.developpez.net/forums/sho...iver+lien+menu. Mais je n'arrive pas à l'adapter à mon cas car je ne connais pas PHP.

Je vous remercie pour votre réponse.
18/07/2008, 15h02
SpaceFrog

Code:

document.links[i].onclick=function(){return false;}
18/07/2008, 15h38
ALLMAG54

Citation:

Envoyé par SpaceFrog

Code:

document.links[i].onclick=function(){return false;}

J'ai l'habitude d'associer l'appel des fonctions JavaScript à des balises HTML. Mais, le code de mon menu étant placé dans l'en-tête du fichier HTML et n'est associé à aucune balise HTML. Où dois-je placer l'appel de cette fonction ou comment l'associer au menu existant?

Merci pour votre réponse.
18/07/2008, 15h41
SpaceFrog

ben fait voir le code ...
18/07/2008, 15h57
laurentibus

Citation:

Envoyé par ALLMAG54

Mais, le code de mon menu étant placé dans l'en-tête du fichier HTML et n'est associé à aucune balise HTML.

j ai du mal a voir comment tu peux faire un menu sans balise ....

Citation:

Envoyé par SpaceFrog

ben fait voir le code ...

Voici le code

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
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
			<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
			<title>Quelques notions.</title>
 
 
		<!--DEBUT DU MENU MOBILE -->
			<!-- début du script -->
			<script language="JavaScript">
				ie4 = document.all;
				dom = document.getElementById;
				</script><div id="slidemenubar2" onmouseover="pull()" onmouseout="draw()"><table width=300 cellpadding=0 cellspacing=0 border=0 bgcolor=#000000><tr><td><table width=100% cellpadding=0 cellspacing=1 border=0><tr><td width=300 bgcolor=#FFFFFF><font face="arial" size=2>
				<script language="JavaScript">
				var sitems=new Array();
				sitems[0]= "Le problème";
				sitems[1]= "Production des pièces une à une";
				sitems[2]= "Production des pièces en continue";
				sitems[3]= "Ordre de grandeur de la probabilité";
				sitems[4]= "Synthèse";
 
				var sitemlinks=new Array();
				sitemlinks[0]= "http://localhost/noproprobleme.htm";
				sitemlinks[1]= "http://localhost/noproproduction1a1.htm";
				sitemlinks[2]= "http://localhost/noproproductioncont.htm";
				sitemlinks[3]= "/cgi-bin/noproordre.pl";
				sitemlinks[4]= "http://localhost/noprosynthese.htm";
 
				for (i=0;i<=sitems.length-1;i++)
				document.write("&nbsp;&nbsp;<a href="+sitemlinks[i]+"><font color=#CC0000>"+sitems[i]+"</font></a><br>")
				</script>
				</font></td><td width=30 bgcolor=#0000ff align=center><font face="arial, verdana" size=3 color=#FFFFFF><b>M<br>E<br>N<br>U</b></font></tr></table></td></tr></table></div><script language=javascript>
				if(dom)
					{
					themenu=document.getElementById("slidemenubar2").style;
					themenu.left = -270;
					}
				else if (ie4)
					{
					themenu=document.all.slidemenubar2.style;
					themenu.left = -270;
					}
 
				function pull()
					{
					themenu.left = 0;
					}
 
				function draw()
					{
					themenu.left = -270;
					}
			</script>
			<!-- fin du script -->		
			<!-- FIN DU MENU MOBILE -->		
 
	</head>
 
	<body>
 
<p>..................................;</p>
 
 
 
	</body>
</html>

Je souhaiteris par exemple que le titre Synthèse soit désactivé mais on peut lire ce titre. Le résultat que je recherche est identique à celui que nous avons sur une page Word: la commande copier est désactivée tant qu'aucun mot n'est sélectionné.

Merci.

18/07/2008, 16h06
laurentibus
ben voila on l a bien le code HTML :D

donc pour stopper un lien c'est cette ligne qu i lfaut modifier :
Code:

1 2 document.write("  <a href="+sitemlinks[i]+"><font color=#CC0000>"+sitems[i]+"</font></a>
donc moi je mettrai une id a tes liens et apres pour desactiver ton lien :
Code:

1 2 document.getElementById(lienXXX).href='';
SpaceFrog tu valides ? ;)

Quelle horreur ce code ...

document.write ....

voilà un pansement...

Code:

1
2
for (i=0;i<=sitems.length-1;i++)
				document.write('&nbsp;&nbsp;<a href="'+sitemlinks[i]+'" onclick="return '+ ((i==4)?1:0)+';"><font color="#CC0000">'+sitems[i]+'</font></a><br>')

18/07/2008, 16h14
ALLMAG54
Citation:
Envoyé par laurentibus

ben voila on l a bien le code HTML :D

donc pour stopper un lien c'est cette ligne qu i lfaut modifier :

Code:

1 2 document.write("  <a href="+sitemlinks[i]+"><font color=#CC0000>"+sitems[i]+"</font></a>

donc moi je mettrai une id a tes liens et apres pour desactiver ton lien :

Code:

1 2 document.getElementById(lienXXX).href='';

SpaceFrog tu valides ? ;)
Merci pour votre réponse. Je vais essayer votre code et je vous informerai.
Merci.
18/07/2008, 16h18
SpaceFrog

Non je ne valide pas... le href doit contenir que quechose ...

au pire :

Code:

href="javascript:void(0)"

surtout pas # car certains navigateurs rechargent la page ...

sinon on ne touche pas au href mais on l'inhibe avec un return false dans le onclick
18/07/2008, 16h25
laurentibus

Citation:

Envoyé par SpaceSpace

sinon on ne touche pas au href mais on l'inhibe avec un return false dans le onclick

héhé pas con ...

voila l expert a parlé :D
now tu sais exactement ce que tu dois faire ALLMAG54

allez ++ et bon week end