Modifier dynamiquement page HTML + annotations en Javascript
Bonjour à tous.:D
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://img683.imageshack.us/img683/4...otation001.png
Et après l'annotation on a:
http://img231.imageshack.us/img231/4...otation002.png
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://img214.imageshack.us/img214/2...otation003.png
http://img220.imageshack.us/img220/3...otation004.png
Désolé pour mes erreurs en français.:roll:
En attente des propositions,accepter mes sincères remerciements.
:ccool:
les images sur un autre hébergeur
