Script permettant l'affichage d'un fichier via onmouseover

Version imprimable

Bonjour j'ai concu le script suivant (pas génial diront certain, ce qui est surment vrai) Bon ca devrait permettre à l'utilisateur d'afficher le fichier SR71.jpg lors du survol du lien et ce dans la meme fenetre, dès que l'utilisateur sort du lien (onmouseout) le fichier ne s'affiche plus (.jpg ou .html peut importe) Ca c'est ce que le script devrait faire, seulement il ne fait pas cela donc ma question est la suivante, qu'est-ce qui foire dans mon script?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script language = "Javascirpt"> var onmouseover = 0; </script> <a href="#" onMouseover="javascript:afficher(onmouseover=1)" onMouseout="onmouseover = 0">Test</a> <script language = "javascript"> fuction afficher(onmouseover) { if (onmouseover == 1) { display = "SR71.jpg"; } } </script>
Le tout se trouve entre les ballises <body>

11/10/2005, 09h44
Mr N.

Qu'est-ce que le script ne fait pas ? afficher ? masquer ? les deux ?
C'est quoi la variable display ?

Re: Script permettant l'affichage d'un fichier via onmouse

Citation:

Envoyé par HNT

qu'est-ce qui foire dans mon script?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language = "Javascirpt">
var onmouseover = 0;
</script>
<a href="#" onMouseover="javascript:afficher(onmouseover=1)" onMouseout="onmouseover = 0">Test</a>
<script language = "javascript">
fuction afficher(onmouseover)
{
  if (onmouseover == 1)
  {
      display = "SR71.jpg"; 
  }
}
</script>

tout!

11/10/2005, 17h36
HNT

Sans vouloir etre méchant Matthieu, ta réponse ne sert à rien, elle ne me fait pas avancé... J'ai dit que je n'y connaissait pas grand chose (ou plutot rien du tout) en javascript, je m'attendais pas à ce que vous le corrigiez mais plutot a me dire, il manque ceci cela...enfin bon si quelqu'un veut bien m'aider ce serait bien sympa...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
		function showBlock(idName){ 
			if(document.getElementById) {//NN6,Mozilla,IE5?
				document.getElementById(idName).style.display = "block";; 
			}
			else if(document.all) {      //IE4?
				document.all(idName).style.display = "block";; 
			}
			else if(document.layers) {   //NN4?
				document.layers[idName].display = "block";; 
			}
		}
 
		function hideBlock(idName){ 
			if(document.getElementById) {//NN6,Mozilla,IE5?
				document.getElementById(idName).style.display = "none";; 
			}
			else if(document.all) {      //IE4?
				document.all(idName).style.display = "none";; 
			}
			else if(document.layers) {   //NN4?
				document.layers[idName].display = "none";; 
			}
		}

Puis dans ton flux html :

Code:

1
2
3
 
<a href="#" onMouseover="showBlock('legende');" onMouseout="hideBlock('legende');">Test</a>
<div id="legende" style="display:none;">Ceci est la legende !<img src="SR71.jpg" /></div>

12/10/2005, 22h58
HNT

Grand merci Mr N., ton script m'as permis de faire fonctionner le tout