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
