Discussion :

[Nixar]

Bonjour,
J'ai créé un usercontrol c# qui est composé de plusieurs div, span et image, et input imbriqués.
Je souhaite lorsque l'utilisateur survole un des input que le style du div conteneur de tout ca change.

Comment faire donc pour intervenir lors d'un événement sur un autre objet que celui qui a généré l'événement?

j'espère être assez clair, n'hésitez pas à me demander des précisions si ce n'est pas le cas.

Cordialement,

Nixar

[blueice]

Pas tout compris...

usercontrol c#

kézako ?

[HiRoN]

kézako ?

En asp.net, un userControl(.ascx) est un "module" (qui peut contenir du (x)HTML / CSS) que tu peux intégrer à une page aspx, elle-même intégré de la même façon (grossièrement) à une MasterPage (page qui contiendra le "thème" du site si on peut dire).

J'espère être assez clair, n'hésitez pas à me demander des précisions si ce n'est pas le cas.

Aurais-tu une page en ligne ? Un exemple + clair de ce que tu voudrais faire ? (même un schéma)

[pop_up]

Je souhaite lorsque l'utilisateur survole un des input que le style du div conteneur de tout ca change.

La solution serai peut être à étudier du coté de javascript. Du style, sur ton input, déclencher sur un évènement onmouseover un changement de la classe de ton div parent.

Qu'en penses-tu ?

[Nixar]

Bonjour et merci de votre réponse à tous les 2,
- @hiron :
voici la page ou tu as un exemple de l'effet que je souhaite :
www.artsgraphics.fr/PreProd010682/.
Lorsque tu passes la souris au dessus d'un des contrôles avec les images dans le panel "Dernières photos ajoutées", j'ai mis une bordure blanche sur tout le tour. Ca ca marche, pas de souci c'est facile.

Maintenant, ici :

http://www.artsgraphics.fr/PreProd01...eGrosDebit#236

Lorsque tout est chargé, tu cliques sur "Ajouter au panier". En dessous du bouton, un contrôle va apparaitre avec ta photo choisie et une croix rouge qui permet de supprimer ce controle du panier.
Je souhaite que lorsqu'on passe au dessus de la croix rouge, il y ait la même bordure blanche autour de TOUT le controle (pas seulement de la croix).

J'espère être assez clair

- @pop-up : Ca me parait être une bonne idée, mais je ne sais pas comment faire en JS...

Tu pourrais me donner un exemple? Merci beaucoup d'avance...

Cordialement,

Nixar

[HiRoN]

La solution est celle donnée par pop_up en passant par du Javascript.
Tu peux t'inspirer de ce lien de la FAQ (le principe est le même) ainsi que du tableau de correspondance CSS > Javascript donné juste en dessous.
(Je n'ai pas d'exemple sous la main )

[pop_up]

Sinon, vite fait voici un bout de code qui fonctionne :

Code :

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

1
2
3
4
5
6
 
<div id="titi" style="">
    <form id="myForm" name="myForm">
        <input type="text" value="" onmouseover="javascript:document.getElementById('titi').className='survole';" onmouseout="javascript:document.getElementById('titi').className='';" />
    </form>
</div>

Il faut que tu remplaces la classe "survole" par celle que tu désires.

[Nixar]

BOnsoir et merci beaucoup de vos réponses,
C'est tout bon, merci à vous 2 de m'avoir aidé ::

Cordialement,

Nixar