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 :

insertion d'une balise dans un textarea en cliquant


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Par défaut insertion d'une balise dans un textarea en cliquant
    Bonjour,

    J'ai un système de commentaire sur mon site internet. Ce système étant extraordinaire de par sa banalité, je veux l'améliorer.

    J'ai donc penser développer une fonction surpuissante permettant aux utilisateurs de citer un paragraphe 8) 8) 8) 8) 8) ...


    L'idée est simple :
    Un textarea
    Au dessus un bouton ou une balise nommé <citer></citer>
    Soit on clique le bouton ou le texte <citer></citer>
    Et là comme par magie, le texte sélectionné se trouve encadré par les balises voulue.

    Plutot que de reprendre un bidule qui existe déjà, je veux réussir à faire cela, après je pourrais le faire évoluer de toutes les manières possibles : le faire clignoter, lui apprendre à dire bonjour, à aller chercher le journal etc...

    Mais comme je débute en javascript je viens mander votre aide car ma foi, là je coince dès le pied de la montagne.

    Auriez-vous un commencement de script pour amorcer le travail ?

    Merci d'avance.

  2. #2
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    salut,
    fais des recherches sur "richedit javascript" ou "richedit textarea javascript"

    tu trouvera des ressources ou tutoriels.

    par exemple :
    http://www.textarearich.com/licence.php

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Par défaut
    Merci pour ton lien, je vais jeter un oeil, je reviens si j'ai des questions

    **edit**
    bien ce n'est pas trop concluant, ma foi.

    Est-ce censé être difficile d'entourer un passage par les balises voulues en cliquant sur le symbole de ces dernières?

  4. #4
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    ce n'est pas une des choses les plus faciles a faire on va dire

    Il va falloir que tu te penche sur des choses comme designMode (firefox), contentEditable (ie), getSelection(), createRange() ....

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Par défaut
    Voilà c'est ce genre d'information que je cherche, parce que vraiment pour trouver des renseignements sur ce thème avec google, c'est la galère.

    Les noms de fonctions que tu m'indiques vont m'être utiles, si tu en connais d'autres, n'hésites pas je les note

    Merci Siddh

  6. #6
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    Normalement, en cherchant celles ci, tu vas trouver celles qui vont avec

  7. #7
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    Il ne faut pas faire de recherche sur Javascript mais plutôt sur le DOM. (J'ai pas trouvé getSelection() dans les références!)

  8. #8
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par psychoBob
    Voilà c'est ce genre d'information que je cherche, parce que vraiment pour trouver des renseignements sur ce thème avec google, c'est la galère.
    Pour retrouver la selection:
    Quirksmode - Selected (en anglais).

    Bonne chance

  9. #9
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Par défaut
    Ah merci pour les liens, en particulier celui de DenisC.

    Je vais pouvoir approfondir la chose plus aisément.

    Qu'est ce que le DOM mentionné par franculo_caoulene?

  10. #10
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    Document Object Model

    c est une interface de programmation standardisée par le w3c qui permet de naviguer dans un document constitué de noeuds et d'en modifier la structure

    Une explication de son application au javascript :
    http://developer.mozilla.org/en/docs/The_DOM_and_JavaScript

Discussions similaires

  1. Réponses: 5
    Dernier message: 13/02/2008, 11h19
  2. Insertion d'une variable dans un textarea
    Par pierre50 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 01/12/2007, 18h52
  3. [DOM] insertion d'une balise dans une autre avec DOM
    Par sebus dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 07/03/2007, 00h16
  4. Inserer une balise dans une textarea
    Par mael94420 dans le forum ASP
    Réponses: 4
    Dernier message: 16/03/2006, 15h45

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