Bonjour à tous.
Je veux developper un site qui a pour objectif l'annotation des documents pédagogiques ( des documents en HTML )
Donc quand un utilisateur entre dans le site et charge son cours document HTML et démmare sa session de lecture et quand il veut annoter une chose.
1- Il selectionne le text qu'il veut annoter,ensuite il peut faire un clic sur un botton par exemple "G" qui mettre ce texte selectionné en gras.
2- Mais avant le mettre ce texte en Gras il faut d'abord ouvrir une fenetre pour sélectionner les objectifs d'annotation et d'autres proprietes (public - private .....)
Pou bien comprendre voir cette image:
/* C'est une image d'une extension Firefox pour l'annotation */
http://i47.tinypic.com/2h2nrch.jpg
Et après l'annotation on a:
http://i49.tinypic.com/9azojs.jpg
j'ai pu trouver un script qui récupère le texte sélectionné
Mais le problème est comment faire pour modifier dynamiquement ce text en insérant par exemple <span style="color: black; font-size: 18px;.....>le texte selectionné</span>
Je sais que ca se faire en manipulant le DOM mais est-ce que je dois utiliser une bibliothèque comme: Jquery, Mootools,.... etc ??? ou bien utiliser une autre chose
Un autre problème est comment programmer un menu comme celui la dans l'image suivante ( Lorsque nous appuyons sur le la petite image de stylo située avant le texte annoté )
http://i47.tinypic.com/misg9.jpg
http://i48.tinypic.com/15mlbo5.jpg
Désolé pour mes erreurs en français.
En attente des propositions,accepter mes sincères remerciements.
Je veux developper un site qui a pour objectif l'annotation des documents pédagogiques ( des documents en HTML )
Donc quand un utilisateur entre dans le site et charge son cours document HTML et démmare sa session de lecture et quand il veut annoter une chose.
1- Il selectionne le text qu'il veut annoter,ensuite il peut faire un clic sur un botton par exemple "G" qui mettre ce texte selectionné en gras.
2- Mais avant le mettre ce texte en Gras il faut d'abord ouvrir une fenetre pour sélectionner les objectifs d'annotation et d'autres proprietes (public - private .....)
Pou bien comprendre voir cette image:
/* C'est une image d'une extension Firefox pour l'annotation */
http://i47.tinypic.com/2h2nrch.jpg
Et après l'annotation on a:
http://i49.tinypic.com/9azojs.jpg
j'ai pu trouver un script qui récupère le texte sélectionné
Mais le problème est comment faire pour modifier dynamiquement ce text en insérant par exemple <span style="color: black; font-size: 18px;.....>le texte selectionné</span>
Je sais que ca se faire en manipulant le DOM mais est-ce que je dois utiliser une bibliothèque comme: Jquery, Mootools,.... etc ??? ou bien utiliser une autre chose
Un autre problème est comment programmer un menu comme celui la dans l'image suivante ( Lorsque nous appuyons sur le la petite image de stylo située avant le texte annoté )
http://i47.tinypic.com/misg9.jpg
http://i48.tinypic.com/15mlbo5.jpg
Désolé pour mes erreurs en français.
En attente des propositions,accepter mes sincères remerciements.