[pas résolu] sélection texte interfère avec déplacement calque

sélection texte interfère avec déplacement calque [pas résolu] - HTML/CSS - Programmation

Marsh Posté le 17-05-2006 à 02:04:24    

Edit: voir plus bas: -moz-user-select ne résoud pas mon problème sous FF
 
en effet, si je l'applique au document, les calques reçoivent quand meme le focus lors d'un drag
du coup, j'ai un désagréable curseur qui clignote et des bouts de texte du DIv qui sont sélectionnés
 
si je l'applique aux Div, le vilain curseur clignotant n'est plus là, le text n'est plus sélectionnable MAIS ça accroche lors du drag et rend cette opération calamiteuse si le drag s'effectue au niveau de la zone texte du calque!

 
tout est dans le titre ;)
 
sous IE, j'utilise onselectart
mais sous firefox, je ne sais pas comment procéder.

 
 
et SVP pas de commentaire du style ça sert à rien de désactiver la sélection du texte, c'est contournable etc.
d'une part je connais les nbreuses astuces qui permettent de contourner ça
d'autre part, mon soucis n'est pas d'empecher la copie de mon texte mais d'empecher un bug (en fait ça n'est pas vraiment un bug mais ça gene l'utilisateur) dans ma page faisant intervenir une forte interactivité de type drag&drop mousemove etc. ...


Message édité par namerh le 21-05-2006 à 16:03:33
Reply

Marsh Posté le 17-05-2006 à 02:04:24   

Reply

Marsh Posté le 17-05-2006 à 10:02:56    

je pose un drapeau ici car ça m'interesse :)
(moi ça provoque juste une gene visuelle, y a moyen de voir le code qui marche sous i.e. ? :D)

Reply

Marsh Posté le 17-05-2006 à 11:05:27    

pour IE ya ça :
<body oncontextmenu="alert(message); return false;" ondragstart="return false" onselectstart="return false">
 
la ça bloque tout
 
mais sous firefox, je pense que le meilleur moyen est le flash, voire java...
il y a peut etre du javascript qui permet de faire ça, mais c'est pas moi qui vais vous le donner :D

Reply

Marsh Posté le 17-05-2006 à 11:47:12    

(merci pour le code ça résou 50% du probleme, maintenant j'ai plus qu'à bloquer les users de firefox en les redirigeant vers TT et c'est bon... :d)

Reply

Marsh Posté le 17-05-2006 à 13:53:48    

y a cette propriété CSS3 qui doit faire ça j'ai l'impression:
-moz-user-select  
 
http://www.geckozone.org/wiki/wakk [...] Properties

Reply

Marsh Posté le 17-05-2006 à 13:59:02    

Ca sert à rien de désactiver la sélection du texte, c'est contournable, etc.

Reply

Marsh Posté le 17-05-2006 à 14:14:32    

ta page est mal codée, c'est plutôt l'impression que j'ai [:petrus75]

Reply

Marsh Posté le 17-05-2006 à 14:37:15    

gatsu35 a écrit :

ta page est mal codée, c'est plutôt l'impression que j'ai [:petrus75]


pas forcément, dès que tu as des effets "WEB2.0, je roxxor je fais de l'ajax, je suis un gros W3BL33T", comme par exemple un element drag&drop tu es confronté à ce genre de problème.
Maintenant je demande à voir l'interactivé complexe :o

Reply

Marsh Posté le 17-05-2006 à 15:54:26    

anapajari a écrit :

pas forcément, dès que tu as des effets "WEB2.0, je roxxor je fais de l'ajax, je suis un gros W3BL33T", comme par exemple un element drag&drop tu es confronté à ce genre de problème.
Maintenant je demande à voir l'interactivé complexe :o


tu as bien résumé, rien à ajouter :)

Reply

Marsh Posté le 17-05-2006 à 15:55:11    

letesp a écrit :

y a cette propriété CSS3 qui doit faire ça j'ai l'impression:
-moz-user-select  
 
http://www.geckozone.org/wiki/wakk [...] Properties

 
je reconnais pas ce type de syntaxe... c'est quoi? pas du javascript a priori.. et je n'ai encore rien vu de tel en utilisant les CSS mais moi et mes CSS ça fait deux..
 
bon cela dit d'après le lien fourni, -moz-user-select serait du XUL (qu'est ce que le XUL??? bonne question!)
 
l'équivalent CSS3 serait: ''user-select''
mais alors je ne vois pas du tout comme ça s'utilise d'une part,
d'autre part, je crains que ça ne soit compatible qu'avec la toute dernière version de browser, non?

Reply

Marsh Posté le 17-05-2006 à 15:55:11   

Reply

Marsh Posté le 17-05-2006 à 15:59:57    

namerh a écrit :

je reconnais pas ce type de syntaxe... c'est quoi? pas du javascript a priori..


Bah c'est juste du CSS :??: :??:
 
Y'a juste le préfixe -moz qui indique que c'est une propriété propriétaire

Reply

Marsh Posté le 17-05-2006 à 16:06:21    

pas forcément avec seulement les toutes dernières versions. C'est compatible avec les navigateurs utilisant le moteur de gecko (je sais pas vraiment ce que c'est, mais ça regroupe firefox, netscape, mozilla, et des browser linux comme konqueror). C'est pas bon d'utiliser ces styles la normalement mais ça peut rendre service. C'est une propriété donc tu l'utilises comme ça: style="-moz-user-select:{none | normal};"  
Mais bon j'ai pas testé. Par contre j'utilise souvent -moz-border-radius et tant pis pour les utilisateurs de ie qui ne verront pas mes beaux cadres arrondis.

Reply

Marsh Posté le 17-05-2006 à 16:36:05    

FlorentG a écrit :

Bah c'est juste du CSS :??: :??:
 
Y'a juste le préfixe -moz qui indique que c'est une propriété propriétaire


 
ah ok.. ben comme je le disais je ne connais pas grand chose en CSS si ce n'est utiliser les propriétés à peu près équivalentes aux attributs de style inline.
 
voici le genre de syntaxe que je connais: .maclass { POSITION: absolute; }

Message cité 1 fois
Message édité par namerh le 17-05-2006 à 16:39:18
Reply

Marsh Posté le 17-05-2006 à 16:39:51    

letesp a écrit :

pas forcément avec seulement les toutes dernières versions. C'est compatible avec les navigateurs utilisant le moteur de gecko (je sais pas vraiment ce que c'est, mais ça regroupe firefox, netscape, mozilla, et des browser linux comme konqueror). C'est pas bon d'utiliser ces styles la normalement mais ça peut rendre service. C'est une propriété donc tu l'utilises comme ça: style="-moz-user-select:{none | normal};"  
Mais bon j'ai pas testé. Par contre j'utilise souvent -moz-border-radius et tant pis pour les utilisateurs de ie qui ne verront pas mes beaux cadres arrondis.

ok thanks I gonna try

Reply

Marsh Posté le 17-05-2006 à 17:27:39    

namerh a écrit :

ah ok.. ben comme je le disais je ne connais pas grand chose en CSS si ce n'est utiliser les propriétés à peu près équivalentes aux attributs de style inline.
 
voici le genre de syntaxe que je connais: .maclass { POSITION: absolute; }


Bah c'est pareil, sauf qu'à la place du position, y'a le -moz-machin-bidule

Reply

Marsh Posté le 20-05-2006 à 19:06:35    

-moz-user-select ne résoud pas mon problème sous FF
 
en effet, si je l'applique au document, les calques reçoivent quand meme le focus lors d'un drag
du coup, j'ai un désagréable curseur qui clignote et des bouts de texte du DIv qui sont sélectionnés
 
si je l'applique aux Div, le vilain curseur clignotant n'est plus là, le text n'est plus sélectionnable MAIS ça accroche lors du drag et rend cette opération calamiteuse si le drag s'effectue au niveau de la zone texte du calque!

 

Reply

Marsh Posté le 21-05-2006 à 16:03:42    

up
et au passage meme problème sous opera!


Message édité par namerh le 21-05-2006 à 16:04:05
Reply

Marsh Posté le 15-06-2006 à 21:55:55    

encore sous opéra, la sélection de texte fait très crade lors d'un déplacement de calque mais au moins on arrive à déplacer les calques quand meme,
 
Edit:
tandis que sous FF la sélection du texte bloque le déplacement des calques  
(sous les anciennes versions de FF ça marche niquel avec sans le -moz-user-select: none; )


Message édité par namerh le 16-06-2006 à 00:07:53
Reply

Marsh Posté le 15-06-2006 à 22:31:45    

c'est etrange quand meme, parce que ce genre de truc existe deja, mais sans ce probleme ...

Reply

Marsh Posté le 15-06-2006 à 22:48:15    

effectivement pour FF je retire ce que j'ai dit!    
 
Donc la question qui reste est: comment neutraliser la sélection de texte sous OPERA ?!


Message édité par namerh le 16-06-2006 à 00:06:30
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed