Petit script dans html - non validé W3C
Bonjour,
Je suis webdesigner et j'utilise dans un de mes site un petit script qui m'a été donné par un développeur. Cela fonctionne super bien mais malheureusement il ne passe pas la validation W3C : message : "Attribute value not allowed on element a at this point", c'est un peu gênant.
Je ne connais pas assez le javascript pour pouvoir le changer. Quelqu'un pourrait-il m'aider ?
Merci infiniment par avance.
Lien du site où je l'utilise :
http://www.sodecinternational.fr/page.php
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
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>essais</title>
</head>
<body>
<a value="0" onmouseover="showC(this.getAttribute('value'));">Lien 1</a>
<a value="1" onmouseover="showC(this.getAttribute('value'));">Lien 2</a>
<a value="2" onmouseover="showC(this.getAttribute('value'));">Lien 3</a>
<a value="3" onmouseover="showC(this.getAttribute('value'));">Lien 4</a>
<a value="4" onmouseover="showC(this.getAttribute('value'));">Lien 5</a>
<div style="display:block;" id="c0">Mon contenu 1</div>
<div style="display:none;" id="c1">Mon contenu 2</div>
<div style="display:none;" id="c2">Mon contenu 3</div>
<div style="display:none;" id="c3">Mon contenu 4</div>
<div style="display:none;" id="c4">Mon contenu 5</div>
<script type="text/javascript">
function showC(value){
for(var x = 0;x<5;x++){
var idc = document.getElementById("c" + x);
idc.style.display = 'none';
}
var idl = document.getElementById("c" + value);
idl.style.display = 'block';
}
</script>
</body>
</html> |
