IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Modifier dynamiquement page HTML + annotations en Javascript


Sujet :

JavaScript

  1. #1
    Nouveau candidat au Club
    Profil pro
    �tudiant
    Inscrit en
    Janvier 2010
    Messages
    2
    D�tails du profil
    Informations personnelles :
    �ge : 36
    Localisation : Alg�rie

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 2
    Par d�faut Modifier dynamiquement page HTML + annotations en Javascript
    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 */


    Et apr�s l'annotation on a:



    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� )




    D�sol� pour mes erreurs en fran�ais.
    En attente des propositions,accepter mes sinc�res remerciements.


  2. #2
    R�dacteur/Mod�rateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par d�faut
    Bonjour et Bienvenue sur Developpez ,
    Tes images sont bloqu�s par notre proxy au boulot et je ne peux les voir, par contre s'il s'agit d'un simple texte � modifier, tu peux utiliser innerHTML.
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.getElementById('idSpan').innerHTML="nouveau texte";
    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    <span id="idSpan" 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
    Non, tu n'est pas oblig� d'utiliser une biblioth�que, les biblioth�ques sont faites pour faciliter le d�veloppement.

  3. #3
    Nouveau candidat au Club
    Profil pro
    �tudiant
    Inscrit en
    Janvier 2010
    Messages
    2
    D�tails du profil
    Informations personnelles :
    �ge : 36
    Localisation : Alg�rie

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 2
    Par d�faut les images sur un autre h�bergeur

Discussions similaires

  1. modifier une page html charg� par gecko en delphi
    Par ammar17 dans le forum Composants VCL
    R�ponses: 0
    Dernier message: 11/03/2011, 15h35
  2. Modifier une page HTML via un formulaire HTML
    Par neo76910 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 24/07/2009, 11h41
  3. Afficher une page HTML via un javascript?
    Par sloyvy dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 29/07/2008, 11h19
  4. Servlet Affichant une page html avec contenu javascript
    Par kam81 dans le forum Servlets/JSP
    R�ponses: 1
    Dernier message: 18/10/2006, 16h37
  5. Comment recuperer le code source d une page HTML distante en javascript
    Par herbert dans le forum G�n�ral JavaScript
    R�ponses: 10
    Dernier message: 26/07/2006, 22h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo