Drag n drop sur un player flash

**virgrennes** · 31/10/2012, 17h40

bonjour,

j'ai un problème bête, mais qui m'ennuie beaucoup
j'ai un player flash qui permet de lire des morceaux
je lui ai mis un effet de drag n drop récupéré ici : http://ppk.developpez.com/tutoriels/...sur-votre-site
sous ff et ie, pas de problème, mais sous chrome, impossible d'utiliser les boutons du player, le dragndrop les désactive
j'ai essayé de mettre le dnd sur un div qui contiendrait le player, mais ça revient au même même si je change le z-index de chacun
jai essayé de desactiver le dnd au survol du player, et donc que ce soit un texte à côté contenu aussi dans le div qui fasse le dnd mais ça ne fonctionne pas non plus

Code :

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

1
2
var lecteur = document.getElementById('audio_player');
		lecteur.onmouseover = dragDrop.releaseElement();

ligne ajoutée à la fin de la fonction initElement

je dois mal écrire qqch ou le mettre mal, mais je ne vois pas quoi
qqn a une idée ?

merci d'avance

ps : merci de ne pas me répondre des trucs du genre "enlève le dnd" ça ne résoudra pas le problème et ce n'est pas constructif

**NoSmoking** · 01/11/2012, 09h27

Bonjour,

Envoyé par virgrennes

je dois mal écrire qqch ou le mettre mal, mais je ne vois pas quoi
qqn a une idée ?

il y a au moins deux choses que tu écris mal c'est quelque chose et quelqu'un

Concernant ton code

Code :

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

lecteur.onmouseover = dragDrop.releaseElement();

ici tu affectes le résultat de la fonction à l'événement.

**virgrennes** · 02/11/2012, 12h30

Bonjour,

désolée pour la syntaxe, je suis allée trop vite.

pour le code : j'ai du mal comprendre sa logique, j'ai dupliqué cette ligne (qui avait un onclick) car il me semblait qu'elle lancait la fonction releaseElement lorsque l'évènement se produisait (pour moi le onmouseover sur le player)

de fait, pourriez-vous m'aider à lancer cette fonction correctement au bon endroit ?

s'il vous plait

merci

**NoSmoking** · 02/11/2012, 16h11

Lorsque l'on mets du javascript sur un événement d'une balise, on met le code qui doit être interprété.
exemple :

Code html :

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

<a id="A_EXEMPLE_1" href="#" onmouseover="alert(this.id)">Exemple 1</a><br>

pour obtenir le même résultat, mais cette fois ci en initialisant cela dans la partie javascript il nous faut écrire

Code :

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

1
2
var obj = document.getElementById('A_EXEMPLE_2');
obj.onmouseover = function(){alert(this.id)};

ici on affecte la référence à un fonction anonyme qui exécute le code entre {}

En absence de paramètres à la fonction on pourrait simplement mettre

Code :

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

1
2
obj= document.getElementById('A_EXEMPLE_3');
obj.onmouseover = fctSimple;

mais en aucun cas

Code :

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

obj.onmouseover = fctSimple();

qui exécute la fonction et affecte le résultat à obj.onmouseover.

L'exemple

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<style>
</style>
</head>
<body>
<a id="A_EXEMPLE_1" href="#" onmouseover="alert(this.id)">Exemple 1</a><br>
<a id="A_EXEMPLE_2" href="#">Exemple 2</a><br>
<a id="A_EXEMPLE_3" href="#">Exemple 3</a>
<script>
function fctSimple(){
  alert('Coucou de la fonction Simple');
}
var obj = document.getElementById('A_EXEMPLE_2');
obj.onmouseover = function(){
    alert(this.id)
  };
obj = document.getElementById('A_EXEMPLE_3');
obj.onmouseover = fctSimple;
</script>
</body>
</html>

**virgrennes** · 12/11/2012, 19h38

Bonjour,

merci, tout d'abord, cela me rassure, c'est bien ce que j'avais compris et testé avant de poser la question.

Du coup, j'ai testé simplement cela :

Code :

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

str += ' onmouseover="javascript:alert(\'ok\');releaseElement();"> </embed>';

C'est dans le fichier js qui génère le embed du player.
Le ok s'affiche bien mais il m'indique releasElement is not defined.

J'ai mis l'appel de la librairie js du drag n drop avant celle qui génère le embed en partant du principe que le javascript lit dans l'ordre les fonctions et donc devrait avoit , mais ça ne change rien.

J'ai fait un autre test, j'ai enfin trouvé où mettre le code pour appeler la fonction releaseElement dans le fichier js :

Code :

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

1
2
3
4
5
 
		addEventSimple(document.getElementById('audio_player'),'mouseover',dragDrop.releaseElement);
		addEventSimple(document.getElementById('audio_player'),'mousemove',dragDrop.releaseElement);
		addEventSimple(document.getElementById('audio_player'),'mousedown',dragDrop.releaseElement);
		addEventSimple(document.getElementById('audio_player'),'click',dragDrop.releaseElement);

Et j'ai ajouté un alert dans cette fonction releaseElement en me disant, si j'empêche le dragndrop sur le player (je mets une poignée à côté), au survol je pourrais cliquer sur les boutons du player.
Résultat : le alert fonctionne, le dragndrop est bien désactivé sur le player (c'est la poignée qui le déplace) mais les boutons du player ne sont toujours pas cliquables...

Je deviens chèvre, alors j'ai une dernière option : j'empêche l'activation du dragndrop purement et simplement quand je détecte chrome, car le player est plus important, mais c'est dommage...

Si vous avez une encore une idée de pourquoi il ne se désactive pas vraiment...

PS : dans le doute, j'ai désactivé l'initialisation du dragndrop et le player fonctionne normalement, donc le player n'a pas de souci seul...

**NoSmoking** · 13/11/2012, 20h18

Code :

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

str += ' onmouseover="javascript:alert(\'ok\');releaseElement();"> </embed>';

tu ne peut pas appeler releaseElement comme cela.

Nota: inutile de mettre javascript: dans ton événement onmouseover, celui ci attend quoiqu'il arrive une action javascript.

Drag n drop sur un player flash

JavaScript

Vue hybride

Discussions similaires

Partager

Partager