Glossaire en HTML et JavaSCript.

**soumou** · 15/04/2007, 01h27

Bonjour,

J'ai un code HTML (et JavaScript) qui ne fait pas ce qu'il est censé faire. Pour etre concret, voici le code HTML et JavaScript :
(même si la taille du sujet est longue, je pense qu'il s'agit d'un petit problème que je n'ai pas arrivé à résoudre).

Code :

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

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

<script>

function fonction2(idul) {
	document.getElementById(idul).style.display = 'block';	
}

function fonction3() {	
	document.getElementById('A').style.display = 'none';
	document.getElementById('B').style.display = 'none';
        ......
        document.getElementById('B').style.display = 'none';
}

</script>

<a href="#" onclick="fonction3(); fonction2('A');">A</a>	
<a href="#" onclick="fonction3(); fonction2('B');">B</a>				<a href="#" onclick="fonction3(); fonction2('C');">C</a>
....
<a href="#" onclick="fonction3(); fonction2('Z');">Z</a>

<table class="data">

<div id="A" style="display:none">
	      	       
   <tr >	    			

       <td class="onright">2</td>
       <td class="onright"><strong>1</strong></td>
       <td><strong><a href="http://url">Apophis</a></strong></td>
       <td><a href="http://url">S. Pasquier</a></td>

   </tr>

</div>

<div id="B" style="display:none">
	      	       
   <tr >	    			

       <td class="onright">2</td>
       <td class="onright"><strong>1</strong></td>
       <td><strong><a href="http://url">Apophis</a></strong></td>
       <td><a href="http://url">S. Pasquier</a></td>

   </tr>

</div>

.......

<div id="Z" style="display:none">
	      	       
   <tr >	    			

       <td class="onright">2</td>
       <td class="onright"><strong>1</strong></td>
       <td><strong><a href="http://url">Apophis</a></strong></td>
       <td><a href="http://url">S. Pasquier</a></td>

   </tr>

</div>

</table>

l'affichage ressemble un peu à ceci : (sorte de glossaire)

A B C D E F G H I J K L M N O P Q R S T U V W Y Z

Lorsque je clique sur une lettre, ça doit afficher que le bloc (la balise <div>)
qui a le meme id, Dans ce cas supposons que j'ai cliqué sur la lettre "D", je dois afficher que la balise <div id="D"> ........ </div>.

Mon idée était de cacher toutes les balises par la fonction "fonction3" (regarder en haut), et de passer la lettre qur laquelle j'ai cliqué comme argument de la fonction "fonction2". Et c'est cette fonction qui va se charger d'afficher le bloc relatif à la lettre sur laquelle on a cliqué.

Merci beacoup de votre aide.