Ajouter du texte a la position du curseur dans un textarea
Soyez le premier à donner votre avis sur cette source.
Snippet vu 35 418 fois - Téléchargée 26 fois
Contenu du snippet
Code compatible avec IE et kelkes bugs:
exemple d'une page:
Code demandé sur le forum de l'editeur javascript
exemple d'une page:
Source / Exemple :
<HTML>
<HEAD>
<TITLE>Insert</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function storeCaret (textEl)
{
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text)
{
if (textEl.createTextRange && textEl.caretPos)
{
var caretPos = textEl.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
}
else
textEl.value = text;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<textarea rows="5" name="zonetexte" cols="20"ONSELECT="storeCaret(this);"ONCLICK="storeCaret(this);"ONKEYUP="storeCaret(this);"> C'est le début du texte.</textarea>
<INPUT TYPE="button" STYLE="font-family:courier;" VALUE="Ajouter"
ONCLICK="insertAtCaret(this.form.zonetexte,'LE TEXTE');">
</FORM>
</BODY>
</HTML>
Conclusion :
Code demandé sur le forum de l'editeur javascript
A voir également
- Insertatcaret
- Textarea position - Meilleures réponses
- Ajouter du texte à la position du curseur dans une zone de texte - Codes sources - Javascript (Trucs & Astuces)
- Position du curseur par rapport au texte d'un EDITTEXT ✓ - Forum - C / C++ / C++.NET
- Position du curseur dans une zone de texte ✓ - Forum - Visual Basic
- Changer la position du curseur [dev c++] - Codes sources - C / C++ / C++.NET (Système)
- Delphi / Pascal : Position du curseur ( ligne et colonne ) dans un memo ou un richedit - CodeS Sour - Guide
Commentaires
COmment récupérer le nom du champ où se trouve le curseur ?
Merci
Je voudrais savoir comment on fait quand il y plusieurs champs dans le même formulaire.
Marci pour votre aide.
textEl.focus();
var caretPos = document.selection.createRange().duplicate();
caretPos.text = le_text;
Et pour firefox:
var texteDeb= textEl.value.substring( 0 , textEl.selectionEnd );
var texteEnd= textEl.value.substring( textEl.selectionEnd , textEl.textLength );
textEl.value= texteDeb + " " + le_text + " " + texteEnd;
...
Have fun
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.