changer la valeur d'un label

Version imprimable

bonjour je souhaiterai modifier la valeur d'un label en cliquant sur un lien...

voici mon code html

Code:

1
2
<div align="right"><a onclick="Javascript:voirFiche('showMe');"href="javascript:void(0);"> <label id="nomLabel">voir la suite</label></a>
</div>

Ma fonction javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var bloc;
function voirFiche(bloc)
{   label = document.getElementById("nomLabel");
	 fiche = document.getElementById(bloc);
	 resume = document.getElementById("resume");
   if (fiche.style.display=='block')
   {	
	fiche.style.display='none';
	resume.style.display='block';
	document.all.nomLabel.innerText="voir la suite";
 
	}
   else 
	{
		fiche.style.display='block';
		resume.style.display='none';
		document.all.nomLabel.innerText="voir le résumé";
 
		}
}

donc le texte de mon lien ne change pas..par contre si je fais un alert de mon label, j'ai bien la valeur qui change...comment modifier ça ?
merci

19/07/2007, 18h22
SpaceFrog

Code:

document.all.nomLabel.innerHTML="voir la suite";

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
<style type="text/css">
 
#fiche {
display:none;
}
 
</style>
 
</head>
 
<body>
 
<div>
	<a id="lien" href="#">voir la suite</a>
</div>
 
 
<div id="resume">
petit blabla 
</div>
 
<div id="fiche">
grand blabla complet
</div>
 
 
 
<script type="text/javascript">
 
var flag;
var r=document.getElementById("resume");
var f=document.getElementById("fiche");
 
document.getElementById("lien").onclick=function(){
	this.firstChild.data= !flag ? "voir le résumé" : "voir la suite";
	f.style.display= !flag ? "block" : "none";
	r.style.display= !flag ? "none" : "block";
	flag= !flag ? true : false;		
 
	return false
}
 
</script>
 
 
</body>
</html>