[Impossible] Div Draggable sur IE9

**martic** · 08/08/2012, 18h56

Bonjour à tous,

Voici mon problème.

Je souhaiterais rendre une DIV déplaçable dans ma page Web.
Pour ce faire je me suis orienté vers le html5.

J'arrive à avoir une solution fonctionnelle pour Chrome et Firefox, mais pas IE9.

Voici mon exemple de problème:

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
33
34
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"  type="text/javascript"></script>
</head>
<body>
 
	<div id="mydiv" draggable="true" style="border: Solid 1px Black; width: 150px; height: 150px"></div>
 
	<script type='text/javascript'>//<![CDATA[ 
                $(window).load(function(){
                $('#mydiv')
            .bind('selectstart', function(e) {
                // Prevent text selection
                return false;
            })
            .bind('dragstart', function(e) {
                e.originalEvent.dataTransfer.setData("Text", $(e.target).closest('div').attr('id'));
                console.log('dragstart');
            })
            .bind('drag', function(e) {
                console.log('drag');
            })
            .bind('dragend', function(e) {
                console.log('dragend');
            })
            .bind('click', function(e) {
                return false;
            });
        });//]]>  
 
        </script>
</body>
</html>

Merci de votre aide.

Martial.

**martic** · 09/08/2012, 11h27

Bonjour,

J'en profite pour vous demander si vous pouviez me confirmer ce dysfonctionnement chez vous avec IE9 et le bon fonctionnement sur les autres browser.

Merci.

Martial.

**martic** · 10/08/2012, 10h55

Je vais m'orienter vers du Jquery.

Je pensais que depuis 10ans, Microsoft avait fait des efforts sur les standards...

**NoSmoking** · 10/08/2012, 12h56

Bonjour,

Envoyé par martic

Je vais m'orienter vers du Jquery.

d'ailleurs ne serait ce pas ce que tu as envisagé au vu du code que tu as posté ?

**Bovino** · 10/08/2012, 14h50

Envoyé par martic

Je pensais que depuis 10ans, Microsoft avait fait des efforts sur les standards...

De quoi tu parles exactement là ?

La première condition pour respecter un standard, c'est que ce standard soit finalisé, ce qui n'est pas le cas de l'API drag and drop.
Surtout, le drag and drop, c'est Microsoft ! Ca existe pour IE depuis la version 4 ! Bon, la version 5 pour une implémentation digne de ce nom.
Donc au lieu de tirer sur Microsoft à la moindre contrariété, pose-toi d'abord les bonnes questions quant à l'utilisabilité d'une API avant de vouloir t'en servir.

**martic** · 13/08/2012, 12h37

OK ! autant pour moi. C'est normal que cette fonctionnalité ne fonctionne pas sur IE9 alors.

Toutefois j'aurais préféré avoir une explication moins hautaine et plus conviviale. Mais ce n'est pas grave, je n'ai moi même pas fait preuve de sympathie envers Microsoft.

d'ailleurs ne serait ce pas ce que tu as envisagé au vu du code que tu as posté ?

Bien vu! j'utilise JQuery pour d'autres fonctionnalités, je trouvais que les fonctions de drag&drop de ce que devrait être le standard HTML5, étaient plus simples à implémenter.

Cdt,

[Impossible] Div Draggable sur IE9 [HTML 5]

HTML

Discussions similaires

Partager

Partager