OnMouseOver sur un événement

**MrGoldz** · 27/06/2013, 13h25

Bonjour,

Tout d'abord désolé pour le titre si il est mal formulé, en effet je suis un ZERO en javascript

. La raison d'ailleurs pour laquelle je vous sollicite doit vous paraitre stupide

mais je me lance tout de même....

J'aimerai juste ajouter une action OnMouseOver au lieu de juste cliquer dessus pour executer le href video suivant :

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
<html> 
<head> 
 <title>Test</title> 
 <script language="JavaScript" type="text/javascript"> 
 function changeVideo(newUrl) { 
   document.getElementById("video_src").setAttribute("src", newUrl); 
 } 
 </script> 
</head> 
 
 
<body> 
 <div class="gabarit-video"> 
  <video id="player" controls preload="auto" poster="videos/img_video_4.png" onclick="this.play();">  
   <source id="video_src" src="videos/video_4.webm" type="video/webm" /> 
   <source id="video_src" src="videos/video_4.mp4" type="video/mp4" /> 
   <source id="video_src" src="videos/video_4.ogg" type="video/ogg" /> 
   <source id="video_src" src="videos/video_4_iphone.mp4" type="video/mp4" /> 
  </video> 
 </div> 
 <div>  
  <ul>  
   <li class="choix-video"><a href="javascript:changeVideo('videos/video_4.webm');" rel="player" >vidéo 1</a></li>  
   <li class="choix-video"><a href="javascript:changeVideo('videos/video_3.webm');" rel="player" >vidéo 2</a></li>  
   <li class="choix-video"><a href="javascript:changeVideo('videos/video_2.webm');" rel="player">vidéo 3</a></li>  
  </ul>  
 </div> 
</body> 
</html>

Merci d'avance à la communauté developpez.net !

**Barsy** · 27/06/2013, 15h08

tu ajoutes l'attibut "onmouseover" à ton lien en mettant dedans ce que tu as mis dans "href".

**MrGoldz** · 27/06/2013, 15h10

Merci Barsy! Effectivement entre-temps j'ai trouvé la solution

que voici :

Code html :

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

1
2
<li><a  href="#"  OnMouseOver="javascript:changeVideo('http://www.fsmtds.be/videosFSM/test1.mp4');" rel="player" >
	Final fantasy 7</a></li>

Bonne journée à tous

**Bovino** · 28/06/2013, 08h44

Il faut arrêter de mettre javascript: dans les attributs HTML ! Ca ne sert à rien !

**SpaceFrog** · 28/06/2013, 09h23

OnMouseOver => onmouseOver.
De même les majuscules peuvent éventuellement apporter un style 1900 au code, mais c'est à peu près tout ...

OnMouseOver sur un événement

JavaScript

Discussions similaires

Partager

Partager