DevKB
Web Development Knowledge Base
HOME | TOP 20 | WRITE AN ARTICLE |
Sections :



RSS RSS Feed

You too, please publish your useful code snippets in any programming language :
write an article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Dépannage site web
Blog infogérance
Hébergement e-mail

Olivier Ligny - - 14/03/2008 - vue 6487 fois

Récupérer et remplacer le texte sélectionné dans un TEXTAREA

Voici une fonction pour récupérer le texte sélectionné dans un TEXTAREA, compatible avec FireFox et Internet Explorer, ainsi qu'une fonction pour remplacer le texte sélectionné par une nouvelle valeur.
Utile pour proposer par exemple des boutons de mise en forme par pseudo balises ;-)

function getTextareaSelection(el) {
    if(el.selectionStart == undefined) {
        return document.selection.createRange().text;
    } else { 
        return el.value.substring(el.selectionStart, el.selectionEnd);
    }
}

function replaceTextareaSelection(el, txt) {
    if(el.selectionStart == undefined) {
        document.selection.createRange().text = txt;
    } else { 
        el.value = el.value.substring(0, el.selectionStart) + txt + el.value.substring(el.selectionEnd, el.value.length);
    }
}

Usage :

Lire la sélection :      alert(getTextareaSelection(document.getElementById('MonTextarea')));
Remplacer la sélection : replaceTextareaSelection(document.getElementById('MonTextarea'), 'test');



Write a comment :
Your name :     E-mail (optional) :

AntiSpam : what animal is visible on this picture ? :

Nos partenaires : iPhone 8 Cases & Protection