Discussion :

[Gueuz]

Bonsoir à tous,

Je me résigne à poster ici car j'ai un conflit entre jQuery UI avec l'effet sortable et la propriété CSS contenteditable. En effet, si je n'ai que le CSS, je peux éditer mes titres h3. Par contre dès que l'effet jQuery est actif, impossible d'éditer. Le textarea, lui, reste éditable.

J'ai cherché et testé différente solution mais je n'ai pas réussi à les mettre en place.

Merci pour votre aide.

[danielhagnoul]

[blocked] The page at https://dl.dropbox.com/u/37161677/ww...min/index.html ran insecure content from http://ajax.googleapis.com/ajax/libs.../jquery.min.js.
Uncaught ReferenceError: jQuery is not defined jquery-ui-1.10.0.custom.min.js
Uncaught ReferenceError: $ is not defined

[Gueuz]

Mince, c'est vrai que Dropbox bloque le chargement de jQuery.

Essayez par ici...

[danielhagnoul]

Bonsoir

J'ai testé différentes idées sans succès, impossible de voir fonctionner un élément "contenteditable" dans un sortable. Mais, juste au moment où j'allais poster ce message, "la lumière m'éclaircit" comme disent certains forumeurs !

Code :

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

1
2
3
$( "#sortable" ).sortable({
    "cancel" : "a, input, button, [contenteditable]"
});

[Gueuz]

Toi, oui toi, le rédacteur... Faut que je te paye une bière
Si tu viens sur Toulouse ou que je monte en Belgique, je te dois une, même deux, bières.

Tu le sort d'où ce cancel ???

C'est trop bien, je désespéré, merci 1000 fois, non sérieux t'imagines pas comme je suis content

[Gueuz]

Non, je ne met pas mon fil en résolu et j'en profite pour poser une question sur un petit souci d'ergonomie.

Quand on clic sur un bloc pour faire un drag'n'drop, il se produit un léger décalage. J'ai vérifiais sur le site de jQuery UI et il n'existe pas.

Une idée ? Je ne sais pas d'où cela vient. De ma structure ?

[danielhagnoul]

Pour cancel, voir : http://api.jqueryui.com/sortable/#option-cancel

Je ne vois pas de léger décalage avec Chrome ou Firefox. Mais le mouvement s'amorce au moindre frémissement de la souris ce qui est le comportement normal.

[Gueuz]

En fait, si tu regardes bien, effectivement il est très sensible.
Met toi sur le bord en haut, clic et déplace que très légèrement la souris.
Tu verras alors que le bloc se décale vers le bas. Cet effet ne se produit pas sur les exemples de jQuery UI.

[danielhagnoul]

Même après plusieurs essais, je ne vois rien d'anormal.

[Gueuz]

Avec quel navigateur et quel OS ?

Quelqu'un d'autre pourrais essayer ?

[Gueuz]

Je viens d'uploader une nouvelle version de la page. Maintenant tu ne peux que cliquez sur la zone bleue pour drag'n'droper.

Tu verras alors que le bloc descends.

[Gueuz]

Bon, je viens de comprendre. Mais je ne sais pas comment régler le problème. En fait il récupère une deuxième fois mes réglages que j'ai fixé pour ma section, comme j'ai un padding de 20px, il en ajoute un autre de 20px, se qui provoque le décalage.

EDIT : J'ai réglé le problème en enlevant ce padding. Je l'ai attribué aux li. Maintenant plus de décalage. Ce n'est pas sur le serveur donc pour le moment aucun changements.

[Nyleor]

Hey !

Plusieurs mois plus tard, petit message pour dire merci, moi aussi !

J'allais créer un bouton "Activer/Désactiver sortable() / Désactiver/Activer contenteditable", mais là c'est plus facile ! :p

(Me reste plus qu'à trouver comment actualiser la position de la toolbar de CKEditor après avoir bougé un élément...)