[Résolu] Draggable et contentEditable

Bonsoir à tous,

Voilà, je suis en train de préparer une petite page web pour générer un fichier JSON.
Je récupère d'abord les données dans un fichier existant pour les afficher.

J'ai donc une balise <h3> qui porte le nom d'un objet et qui possède l'attribut contenteditable.
Ca fonctionne, super ! Pour la sauvegarde de ces données, se sera le sujet d'un prochain post.

Par contre, le tout est contenu dans une balise <article> et je prévois de la rendre draggable. Je n'ai pas encore fais ce genre de chose en HTML5 mais j'ai pas pu m'empêcher d'utiliser l'attribut 'draggable' dans cette balise. Pour le moment je n'ai aucun autre code qui me permet de rendre ceci fonctionnel. Mais par contre, en testant je m'aperçoit que ma balise <h3> n'est plus du tout éditable.

Un remède doc ?

Merci pour votre aide.
Modifié par MagicCarpet (04 Jan 2013 - 11:23)

Je vous donnes ma structure HTML :

<article draggable="true">
<section>
<h3 contenteditable="true"></h3>
<p></p>
<p></p>
<p></p>
</section>
</article>

J'ai cru que ça fonctionné avec un ajout de la propriété contenteditable avec du jquery mais je me suis fais avoir. Le clic de la souris fonctionne mais on ne peut pas modifier le contenu.

Donc je cherche encore une solution.

EDIT : encore une fois, merci à RaPhaël Goetter et son livre sur le HTML5, il suffit de faire ceci :

[draggable=true] {
	h3 {
		-moz-user-select: text;
		-khtml-user-select: text;
		-webkit-user-select: text;
		user-select: text;
	}
}

Là, ça fonctionne
Modifié par MagicCarpet (04 Jan 2013 - 11:24)