bonjour,
j'ai un script qui m'affiche un div au passage de la souris, ca fonctionne sauf qu'au chergement de la page les div sont tous afficher, je suis oblig� de passer une fois ma souris sur les boutons pour effacer et apres c'est bon, comment fais pour q'uil soit invisible au chargement de la page et ne s'affichent que quand je passe la souris sur mes boutons.

Code html : 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
<div id="content">
<table id="table" name="table" width="800">
<tr>
<td><a onMouseOver="div.show('div1')" onMouseOut="div.hide('div1')"><img src=""></a></td>
<td><a onMouseOver="div.show('div2')" onMouseOut="div.hide('div2')"><img src="http://s384036379.onlinehome.fr/img/button.png"  onMouseOver=" this.src='http://s384036379.onlinehome.fr/img/button2.png'" onMouseOut="this.src='http://s384036379.onlinehome.fr/img/button.png'" align="absmiddle"></a></td>
<td><a onMouseOver="div.show('div3')" onMouseOut="div.hide('div3')"><img src="http://s384036379.onlinehome.fr/img/button.png"  onMouseOver=" this.src='http://s384036379.onlinehome.fr/img/button2.png'" onMouseOut="this.src='http://s384036379.onlinehome.fr/img/button.png'" align="absmiddle"></a></td>
<td><a onMouseOver="div.show('div4')" onMouseOut="div.hide('div4')"><img src="http://s384036379.onlinehome.fr/img/button.png"  onMouseOver="this.src='http://s384036379.onlinehome.fr/img/button2.png'" onMouseOut="this.src='http://s384036379.onlinehome.fr/img/button.png'" align="absmiddle"></a></td>
<td><a onMouseOver="div.show('div5')" onMouseOut="div.hide('div5')"><img src="http://s384036379.onlinehome.fr/img/button.png"  onMouseOver="this.src='http://s384036379.onlinehome.fr/img/button2.png'" onMouseOut="this.src='http://s384036379.onlinehome.fr/img/button.png'" align="absmiddle"></a></td>
<td><a onMouseOver="div.show('div6')" onMouseOut="div.hide('div6')"><img src="http://s384036379.onlinehome.fr/img/button.png"  onMouseOver="this.src='http://s384036379.onlinehome.fr/img/button2.png'" onMouseOut="this.src='http://s384036379.onlinehome.fr/img/button.png'" align="absmiddle"></a></td>
</td>
</table>
</div>
<div id='div1'>
 
</div>
<div id='div2'>
test 1
</div>
<div id='div3'>
test 1
</div>
<div id='div4'>
test 1
</div>
<div id='div5'>
test 1
</div>
<div id='div6'>
test 1
</div>
<div>

Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
	div = {
		show: function(elem) {
			document.getElementById(elem).style.visibility = 'visible';
		},
		hide: function(elem) {
			document.getElementById(elem).style.visibility = 'hidden';
		}
	}
</script>
Code css : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
<style type="css">
div {visibility:hidden}
</style>

merci de votre r�ponse