Bonjour

Je suis carrément nul en Javascript mais je croyais que le truc que je voulais faire était assez simple, visiblement, je dois louper un truc.

Mon idée est de mettre une suite de line dans une barre et de faire se promerner une image en dessous jusqu'à l'endroit où se trouve le curseur.

Mais l'image ne bouge pas. Par contre, j'ai testé avec des alert, les function réagissent bien.

Voici mon code, je ne trouve pas le truc où je me plante.
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
 
<script language="javascript" type="text/javascript">
    function slidefondnoir() {
        for (i=1,i<200,i++) {
        document.getElementById("imgSlide").style.left = i+"px";
        setTimeout("img", 500);
        };
    }
 
    function retourfondnoir() {
        document.getElementById("imgSlide").style.left = "0px";
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <Composite:SM ID="SM" runat="server" />
    <div id="dmenu" class="FondMenu">
        <div id="imgSlide"><img src="App_Themes/BlocPerso/Menu_over.png" alt="" class="imgSlide"/></div>
        <div class="divMenu divM1" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlAccueil" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
        <div class="divMenu divM2" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlNews" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
        <div class="divMenu divM3" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlDossier" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
        <div class="divMenu divM4" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlVideo" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
        <div class="divMenu divM5" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlLives" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
        <div class="divMenu divM6" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlForum" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
        <div class="divMenu divM7" onmouseover="javascript:slidefondnoir();" onmouseout="javascript:retourfondnoir();"><asp:HyperLink ID="hlEvent" runat="server" CssClass="hlMenu"></asp:HyperLink></div>
 
 
</div>
    </form>
</body>
</html>
Merci pour votre aide.