Discussion :

[jacpapac]

Bonjour,
voilà je cherche à faire un effet spécial sur l'évènement onmouseover sur un imagebutton. Je cherche à faire apparaitre un panel/div qui ferait comme un rideau de fer qui tombe.
J'ai cherché du côté des animations ajax sur un hovermenu mais je n'arrive même pas à faire fonctionner leur truc...

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
                <asp:ImageButton ID="img" runat="server" BorderColor="Black" BorderWidth="1px" Height="100px"
                    ImageUrl="~/App_Themes/default/img/logo.png" Width="100px"/>
                <asp:Panel ID="PopupMenu" runat="server" Height="102px" Width="102px" BackColor="Black" ForeColor="Red">
                    PRODUIT<br />
                    <br />
                    O8I3454535<br />
                    <br />
                    45 EUROS<br />
                    <br />
                    ADD - DEL</asp:Panel>
               <ajaxToolkit:HoverMenuExtender ID="hme2" runat="Server"
                TargetControlID="img"
                PopupControlID="PopupMenu"
                PopupPosition="Center" >
    <Animations>
        <OnShow>
            <FadeIn Duration="0.25" />
        </OnShow>
        <OnHide>
            <FadeOut Duration="0.25" />
        </OnHide>
    </Animations
                </ajaxToolkit:HoverMenuExtender>

Tout ça se trouve dans un updatepanel. Enfin si ça marchait l'animation ne serait pas celle que je veux...

Sinon vous savez comment on donne un effet "glissant" lors d'un changement de page dans un gridview ?

[Pongten]

Pour tous ces effets là : Javascript !!

[jacpapac]

j'ai essayé d'utiliser mootools et les scripts ne semblent pas s'éxécuter... pas d'erreur sur la page pourtant...

[Pongten]

En gros, pour faire ce que tu veux, tu ajoute l'attribut onmouseover à ton contrôle déclenchant. Tu lui attribues une fonction.

Ton div "rideau" doit déjà être présent sur la page mais en mode invisible (attribut css).

Dans la fonction appelée sur le onmouseover, tu rends le div visible et tu le déplace dans une boucle "temporisée" depuis la position de départ jusqu'à la position de fin...

A priori je verrais ça comme ça !