Discussion :

[Nekomata]

Bonjour à tous !

J'ai débuté il n'y a pas si longtemps que ça en javascript et aujourd'hui j'essaye de faire un remplacement de chaine à l'intérieur d'un <textarea></textarea>, en l'occurence pour créer des BBCodes. Le problème, c'est que malgré mes recherches je n'arrive toujours pas à récupérer la sélection de l'utilisateur lors de l'appel à la fonction.

Mon HTML (la partie qui appelle ma fonction) :

Code :

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

1
2
 
<input type="button" value="G" title="Gras" onClick="addbbcode(0);"/>

Ma fonction JS (je suis revenu à la case départ après avoir essayé plusieurs choses qui n'ont pas abouties) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function addbbcode(bb) {
  switch (bb) {
      case 0:
      newtxt = '[b]' + document.getSelection() + '[//b]';
      break;
      case 1:
      newtxt = '[i]' + document.getSelection() + '[//i]';
      break;
      // Etc ...
      default:
      newtxt = 'Error' ;
      break;
      }
  alert(newtxt);
}

Cependant, je soupçonne le document d'être peut être à l'origine du problème, j'ai l'impression que mon texte est sélectionné, par conséquence javascript n'a rien retourné.

Auriez vous une idée en tête sur une éventuelle solution et/ou simplification ?

Merci d'avance !!

[Nekomata]

J'ai finalement trouvé grâce à l'aide d'un ami, et en cherchant encore un peu sur le net :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
function addbbcode(bb) {
	var field = document.getElementById('whatever');
 
	var startPos = field.selectionStart;
	var endPos = field.selectionEnd;
	var field_value = field.value;
	var newtxt = field_value.substring(startPos,endPos);
 
  switch (bb) {
    case 0:
	field.value = field.value.substring(0, startPos) + "[b]" + newtxt + "[//b]"  + field.value.substring(endPos, field.value.length);
	break;
	case 1:
	field.value = field.value.substring(0, startPos) + "[i]" + newtxt + "[//i]"  + field.value.substring(endPos, field.value.length);
	break;
        // ETC ...
	default:
	newtxt = 'Error' ;
	break;
	}
}

Cela dit, si vous avez une méthode plus courte, mes yeux sont grand ouverts (: