Discussion :

[lapincretinz]

Bonjour,
dans un formulaire j'ai un champ nommé $('#editor') qui contient du texte, je souhaite rajouter du "nouveau texte"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function actionJP21() {
	var texte = ' nouveau texte ';
		var val = $('#editor').val();
		$('#editor').val(val+' '+texte);
		$('#editor').focus(); return false; 
		}

ça marche bien mais le texte est rajouté à la fin... je souhaiterai le rajouter là où se trouve le curseur... si $('#editor') contient "aaa bbb" et que le curseur est positionné entre "aaa" et "bbb" j'aimerais que $('#editor') contienne à la fin
"aaa nouveau texte bbb"

j'ai cherché sur le net et j'ai trouvé qu'il fallait peut-être utiliser un .selectionEnd mais sur Chrome ça ne marche pas du tout !!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function actionJP21() {
	var texte = ' nouveau texte ';
		var val = $('#editor').val();
		var poscur = $('#editor').selectionEnd;
		$('#editor').val(val+' '+texte+poscur);
		$('#editor').focus(); return false; 
		}

il me met poscur à undefined


savez-vous pourquoi ?
HELP !!!!! MERCI

[Beginner.]

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function actionJP21() {
    var texte = ' nouveau texte ';
        var val = $('#editor').val();
        var poscur = $('#editor').selectionEnd;
        $('#editor').val(val+' '+texte+poscur);
        $('#editor').focus(); return false; 
        }

il me met poscur à undefined
savez-vous pourquoi ?

C'est lié à la syntaxe de JQuery apparemment... Je n'utilise pas JQuery mais en regardant le débogueur on voit comment récupérer l'élément (on peut faire $('#editor')[0]), cela fonctionne donc quand on fait cela : var poscur = $('#editor')[0].selectionEnd;...

Bon de toute façon si le curseur n'est pas placé cela te renvoi 0 (c'est pourquoi pour pouvoir tester plusieurs positions facilement j'ai utilisé un bouton dans mon exemple ci-dessous)...

Sinon faire ceci $('#editor').val(val+' '+texte+poscur); n'a pas de sens, cela ne fait pas ce que tu crois car poscur correspond à une position (c'est un nombre entier) ce n'est pas la deuxième partie du texte...

De plus tu ajoutes la chaine texte au texte entier val donc tu te retrouves avec le même problème qu'avec ton premier code ---> texte se retrouve à la fin...


Voici une solution simple en JS pur : https://jsbin.com/vukunisesu/1/edit?html,js,output ... Place le curseur quelque part et clique sur le bouton...

Si tu tiens à le faire avec JQuery ce n'est pas compliqué si tu tiens compte de ma remarque ci-dessus (rajouter : [0])