11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'utilise droppable ui sur un div contenant un background-image de fond, comme l'exemple suivant :

<div style="background-image:url(fond.png);">toto titi</div>


Ce que j'aimerai, c'est que lorsque je drag un objet dessus ce div (sans lâcher la souris) et bien le background change d'image, mais dès lors qu'il n'est plus au dessus, alors que ça revienne comme avant.


Pour infos, j'ai déjà essayer en jonglant avec les propriétés out et over, mais lorsque je ne survol plus le div, ca reste quand même avec le nouveau background au lieu de redevenir comme avant...

J'ai essayé aussi avec la propriété HoverClass mais je n'ai pas réussit.


Merci pour votre aide Smiley smile
Je pense que le problème c'est que quand tu drag un objet, les autres events doivent être bloqué donc ton hover et out ne sont même pas appellé. Vérifie avec un simple alert() ce que je te dis
Si c'est le cas, il faut donc que tu utilise l'api jquery pour jouer directement sur les propriétés en assignant ta div droppable (même si tu ne t'en sert pas au final) et que tu interviennes au trigger "dropover" : http://docs.jquery.com/UI/Droppable ;
Merci de ta réponse

Pourrai-tu me donner un exemple , je n'ai pas bien compris ce que tu voulais faire?

Merci