[Update] Désactiver les évenements par défaut

Merci, mais non.

Des libs qui font ce genre de choses il en traîne 3 ou 4 sur le web et j'en ai déjà utilisée une dans un cadre professionnel, mais là j'essaie de me faire plaisir et de comprendre ce que je fais.

Le problème est qu'avec Opera on a l'impression que ça marche, mais c'est en fait le comportement par défaut d'Opera qui se déclenche, pas le mien.

Bon, alors...

Je m'ai probablement mal exprimé, mais c'est pas facile à expliquer.

Tout d'abord, c'est un travail en cours, voire même un brouillon, ce qui fait qu'un certain nombre de choses sont faites sans se préoccuper de savoir si IE peut comprendre ou non. Ça c'est l'étape suivante J'utiliserai des moyens plus compatibles, mais moins standards (et moins puissants). Je tiens même à ce que ce soit non obstrusif, mais là n'est pas le sujet

Donc le problème actuellement ne se déclare plus qu'avec Opera, effectivement. Sauf que je n'ai pas encore essayé Safari, ni Konqueror et encore moins IE/mac. Ça viendra par la suite.

En fait, Firefox et IE ont bien le comportement que je décris : même si on ne voit pas l'image transparente pendant le déplacement, tu peux glisser lâcher (par exemple une icône) dans les bookmarks ou sur le bureau, par exemple. Et ça interfère avec mon script dans Opera.

J'ai mis à jour ma page. Tu peux maintenant activer/désactiver le comportement par défaut de Gecko avec la checkbox, c'est plus parlant qu'un long discours.

(rappel de l'url : http://lanza.online.fr/Gapsule/try.html).

Depuis ce matin j'ai trouvé une autre façon de faire comprendre à Gecko que je ne voulais pas qu'il active son comportement par défaut : la méthode "event.preventDefault()"

Quant à réinventer la roue, j'aime bien aussi, mais surtout je vais avoir besoin de choses qui ne sont pas dans les libraries que je connais, et donc il me faut soit les modifier (sans comprendre comment elles marchent c'est casse-g...), soit réécrire et du même coup comprendre comment ça marche

a écrit :
Si tu veux etre compatible partout, utilise des choses que tout le monde comprend

J'avais bien compris ça aussi, merci

Je te remercie de ta réponse, et je continue mes expérimentations.
Modifié par Lanza (25 Sep 2005 - 20:48)

Bonjour,
Je ne comprends pas non plus la question, mais est-ce que cela peut t'aider :

Alors aprés m'être bien plongé dans ton script j'ai compris ton problème

et je ne voit pas vraiment de solution, donc je suis allé voir dans le framework que j'utilise et voici ce qu'ils ont (en gros)

  stop: function(event) {
    if (event.preventDefault) { 
      event.preventDefault(); 
      event.stopPropagation(); 
    } else {
      event.returnValue = false;
    }

  startDrag: function(event) {
    if(Event.isLeftClick(event)) {
     //blablabla
      Event.stop(event);
    }

j'ai pas testé si dans ton cas ca allé marcher mais je pense que oui

J'ai trouvé une solution !

Le problème de ce code :

stop: function(event) {
if (event.preventDefault) {
event.preventDefault();
event.stopPropagation();
} else {
event.returnValue = false;
}

c'est qu'il marche bien dans Mozilla, mais pas dans Opera, justement.

Le couac viendrait du fait je déplace des <li> qui contiennent des images. Donc je choppe l'évènement sur le <li>, et pas sur l'image.

J'ai donc intercepté l'évènement également sur l'image, et ça fonctionne sur Opera. Il suffit apparement d'ajouter un gestionnaire pour l'évènement "onmousedown" de l'image, même vide, pour que ça désactive le comportement par défaut.

J'essaie maintenant de voir si on peut jouer avec les modes de propagation (capture et bubble) pour éviter d'avoir à rajouter systèmatiquement ce gestionnaire.

Quand j'aurai bien tout compris, j'essaierais de faire un petit topo quelque part, parce que c'est un problème assez interessant.

Merci CyrilCS et chmel de vous être penchés sur mon problème.
Modifié par Lanza (26 Sep 2005 - 13:50)

Effectivement j'avais pas pensé à ce problème

Ensuite ce que tu dis avec le bubble etc... j'ai aussi pas mal de problème avec tout ca.

Ce que je peux quand meme te dire, c'est que si par exemple tu as ce code.

<div id="div1">
<div id="div2">click</div>
</div>

Lorsqu'on clique sur le texte, sur IE ou NS le premier evenement click à être declenché et div1 puis div2 puis document etc... bien sur, sur l'autre navigateur c'est le contraire

Donc pour mettre tout le monde d'accord, le W3C a mis au point la méthode

addEventListener( "mousedown", startDrag, true );

le premier paramètre est le nom de l'event, le deuxieme, le delegate de la fonction, et le 3eme et le mode de propagation, soit on capture l'event lorsqu'il descend soit lorsqu'il remonte .... donc essaye de changer ca pour voir ce que ca fait.

J'avais lu un article interressant la dessus : http://www.quirksmode.org/js/events_order.html (ouf google est un trés bon ami )

mais aussi : http://www.w3.org/TR/DOM-Level-2-Events/events.html


Mais je suis quand meme interessé par le suite
Modifié par CyrilCS (26 Sep 2005 - 19:29)

On a les mêmes sources d'informations

J'avais essayé de changer, ça ne marchait pas plus.

Dans l'idéal il faudrait que je capture l'évenement lorsqu'il arrive à mon li et avant qu'il n'atteigne l'image, lui dire de prévenir l'action par défaut, mais Opera semble ne pas garder les modifications de l'évènement (en l'occurence preventDefault() ) lorsqu'il les transmet à l'image.

Je continuerai mes expérimentations en ce sens, probablement ce soir.

Je fais une mise à jour pour signaler un problème. Je viens de l'essayer sur Konqueror et ça marche pas.

En fait ça marche si on essaye de déplacer en plaçant le curseur sur les marges du <li>, mais si on la place sur l'image, vu qu'il y a un gestionnaire vide pour Opera, ben il se passe rien.

Je le savais que c'était pas la bonne solution.

Bon j'y retourne ce soir et je vous tiens au courant.

Bonjour lanza, j'ai le mème problème avec Opéra. Connais-tu le script de
Walterzone Il fonctionne très bien sur Opéra, si tu trouve la solution est qu'elle est simple ça m'interesse aussi

Koa il y en a qui surf sous Konqueror?

Arf t'as l'air de t'être bien renseigné sur les events, en tout cas mieux que moi Je sais pas si je vais t'être utile alors mais ca m'interesse


donc en résumé, le but du jeu c'est d'arriver à stopper un event avant qu'il atteigne l'image ?

ca a l'air d'etre le role de e.preventDefault qui n'est pas reconnu sous konqueror ?

d'aprés ce que j'ai vu, pour annuler la propagation d'un event, il faut que e.cancelable == true puis appeller e.preventDefault()


si tu fais un

for (var i = 0; d = document.images[ i ]; i++)
{
d.onclick = function(){};
}

est-ce que si tu cliques sur l'images ca ne fait plus rien (j'ai pas testé)
Modifié par CyrilCS (28 Sep 2005 - 19:37)

Donc, pour répondre à ton précédent message, j'ai mis à jour http://lanza.online.fr/Gapsule/try.html avec la version bidouille qui fonctionne sur Opera.

Et la pga dont tu as donné le lien fonctionne sur Konqueror. J'y arriverai !

La séléction du texte, ça j'ai réussi à la désactiver avec un appel à preventDefault() sur l'évènement.

Tu retrouve ton image dans une nouvelle page ??

C'est agaçant d'avoir du mal à expliquer ce qui se passe, faut dire que c'est pas évident évident, j'ai moi même mis du temps à comprendre, alors que c'est mon script.

Je vais regarder ton bout de code avec le focus et le blur. Mais ça m'a l'air d'une bidouille aussi.

Edit:
Je crois bien que j'ai trouvé. Tim Taylor fait une chose interessante :

		if (event.target) {
			if (event.target.nodeType == 3) event.target = event.target.parentNode
		} else if (event.srcElement) {
			event.target = event.srcElement
		}

En gros il change la target de l'évenement pour la déplacer sur son parent, si c'est noeud texte. J'aurais juré que cette propriété était en lecture seule.
Modifié par Lanza (29 Sep 2005 - 09:57)

Salut

Lanza a écrit :
La séléction du texte, ça j'ai réussi à la désactiver avec un appel à preventDefault() sur l'évènement.

Je demande à voir un exemple qui marche sur Opéra


Edit:
Je crois bien que j'ai trouvé. Tim Taylor fait une chose interessante :

		if (event.target) {
			if (event.target.nodeType == 3) event.target = event.target.parentNode
		} else if (event.srcElement) {
			event.target = event.srcElement
		}

C'est bien connu le coups du noeud #text chez Gecko mais pas IE