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

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  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
    Merci pour ta réponse.
    Mais tu dois voir les images pour me comprendre.
    Les images sur un autre hébergeur:

    http://i47.tinypic.com/2h2nrch.jpg
    http://i49.tinypic.com/9azojs.jpg
    http://i47.tinypic.com/misg9.jpg
    http://i48.tinypic.com/15mlbo5.jpg

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