[JS] résuperer la selection dans une variable (on y est presque...)

Marsh Posté le 29-04-2003 à 15:18:56

je voudrais ajouter du texte sur un évenement onclick.

genre :

Code :

function add_attribut(a,b){
var txt = document.getElementById("main_texte" );
txt.value = a + txt.value + b;
txt.focus();
}
<a href="javascript:add_attribut('','');">bold</a>

ceci marche très bien, pour ce que c'est programmé... c'est à dire qu'il me met '[ b ]' et '[ / b ]' au tout début de mon textarea et tout à la fin.

je voudrais maintenant qu'il me mette ces même attribut, mais sur le texte selectionné dans ce même textarea.

comment faire comprendre au js qu'il faut prendre ce qui est en bleu (par défaut sur ie) et y attahcer les balise et non tout le textarea.

je ne vois pas comment, mais attend impatiemment vos lumière!

allez, @+
Kamui

Message édité par xkamui le 06-05-2003 à 20:57:41

Reply

Marsh Posté le 29-04-2003 à 15:18:56

Reply

Marsh Posté le 29-04-2003 à 15:29:02

Cf. source de ce forum avec la zone de saisie pour la réponse aux posts

Reply

Marsh Posté le 29-04-2003 à 15:34:06

c'est ce que j'ai fait, mais c'est un peu trop complexe pour moi et j'avoue ne pas avoir ni trouvé, ni compris.

qq'un pour aider un perdu ??

Reply

Marsh Posté le 29-04-2003 à 15:39:05

Code :

<html>
<head>
<title>Untitled</title>
<script language="javascript">
<!--
var textRange;
function saveRange() {
textRange = document.selection.createRange();
}
function insertTags(event) {
if (document.all) {
textRange.text="<b>"+textRange.text+"</b>";
}
document.editor.notes.focus();
}
//-->
</script>
</head>
<body>
<form name="editor">
<textarea name="notes" rows="20" cols="80" onBlur="saveRange()"></textarea><br>
<input type="button" value="INSERT BOLD TAGS" onclick="insertTags()">
<input type="submit">
</form>
<br><br>
</body>
</html>

IE only I think.

Reply

Marsh Posté le 30-04-2003 à 12:23:20

merci !!! c'est presque bon !!!, voilà ce que ça donne chez moi :

js :

Code :

var txt_sel;
function sav_sel() {
txt_sel = document.selection.createRange();
}
}
function add_attribut(a,b){
var txtarea = document.getElementById("main_texte" );
if (txt_sel!="" ){
txt_sel.text = a + txt_sel.text + b;
}else{
txtarea.value = ab;
}
txtarea.focus();
}

et côté lien + formulaire :

Code :

<a href="javascript:add_attribut('','');">bold</a>
<a href="javascript:add_attribut('','');">italic</a>
<form>
<textarea id="main_texte" name="texte" cols="30" rows="8" class="" onblur="sav_sel();"></textarea>
</form>

maintenant, le problème persistant est que, quand je click sur 'bold' sans avoir selectionné du texte, il ajoute bien '[ b ][ / b ]' mais juste avant bold.... ce qui me donne un lien du type :
<a href="javascript:add_attribut('','';">[ b ][ / b ]bold</a>

alors que je lui demande bien de me les mettre dans mon textarea... comment ce fait-ce ??

Reply

Marsh Posté le 02-05-2003 à 03:41:26

oui ?? non ?? [:tilleul]

Reply

Marsh Posté le 05-05-2003 à 15:18:01

up up up !

Reply

Marsh Posté le 05-05-2003 à 15:21:16

hop auto reponse express :
il suffit de pas faire un input, mais de mettre une image à la place

Reply

Marsh Posté le 05-05-2003 à 15:23:37

hop en fait ca marche tjs pas

Reply

Marsh Posté le 05-05-2003 à 16:25:36

j'ai le meme probleme que xkamui, cad ke si aucun texte n'est sélectionné, les balises se rajoutent en dehors de la textarea.

Reply

Marsh Posté le 05-05-2003 à 16:25:36

Reply

Marsh Posté le 05-05-2003 à 16:41:18

résolu...
bon ok ct tout con, juste un test de plus, ms le JS me fait peur :sweat: merci à moi même !

Reply

Marsh Posté le 05-05-2003 à 18:51:28

ProfesseurThibault a écrit :

résolu...
bon ok ct tout con, juste un test de plus, ms le JS me fait peur :sweat: merci à moi même !

et tu as pas la source des fois...

Reply

Marsh Posté le 05-05-2003 à 19:32:55

xkamui a écrit :

et tu as pas la source des fois...

je te la file demain, de retour au taf

---------------
Book, works, et news : http://www.reuno.net

Reply

Marsh Posté le 05-05-2003 à 22:45:05

ok, thx

Reply

Marsh Posté le 06-05-2003 à 09:08:01

voilà :

Code :

function insertBold(event)
{
if (document.all)
{ if (textRange.text!="" )
{
textRange.text="<b>"+textRange.text+"</b>";
}
}
document.editor.notes.focus();
}

Je précise que mon bouton n'est pas un input mais une image, donc le bug que tu avais persiste toujours, mais maintenant il est impossible d'insérer ca sans avoir sélectionné quelquechose.

Message édité par ProfesseurThibault le 06-05-2003 à 09:09:06

Reply

Marsh Posté le 06-05-2003 à 09:33:44

Par contre, j'ai un autre probleme now :
je voudrais insérer un smiley dans mon textarea, mais pr le moment je n'arrive qu'à l'insérer à la fin. Mon code :

Code :

function addbalise(chemin)
// Chemin étant par exemple ":bounce: ...
{
var commentaire = document.editor.notes.value;
withsmiley = commentaire+chemin;
document.editor.notes.value=withsmiley;
}

Reply

Marsh Posté le 06-05-2003 à 15:37:33

essaye ça

Code :

function addbalise(chemin)
// Chemin étant par exemple ":bounce: ...
{
document.editor.notes.value += chemin;
}

Reply

Marsh Posté le 06-05-2003 à 15:39:39

moi, je voudrais savoir comment récupérer dans une variable js la valeur selectionnée dans mon textarea ou dans mon input.text

j'ai pas trop compris ce qu'était le 'textRange', 'createRange();' ou encore le 'saveRange();'.

quelqu'un pourrait m'expliquer juste comment garder la selection... sur un onblur donc...

Reply

Marsh Posté le 06-05-2003 à 15:50:46

Code :

<html>
<head>
<title>Untitled</title>
<script language="javascript">
<!--
var textRange;
function saveRange() {
textRange = document.selection.createRange();
}
function petitTest() {
alert(textRange.text);
}
function insertTags(event) {
if (document.all) {
textRange.text="<b>"+textRange.text+"</b>";
}
document.editor.notes.focus();
}
//-->
</script>
</head>
<body>
<form name="editor">
<textarea name="notes" rows="20" cols="80" onBlur="saveRange()"></textarea><br>
<input type="button" value="INSERT BOLD TAGS" onclick="insertTags()">
<input type="button" value="TEST TEXTERANGE" onclick="petitTest()">
</form>
<br><br>
</body>
</html>

Reply

Marsh Posté le 06-05-2003 à 20:57:09

on y est presque, en effet !!!

voici le code :

Code :

<html><head><title>test</title>
<script language="javascript">
// Declaration de la variable de selection
var textRange;
// Sauvegarde de la selection
function saveRange(){
textRange = document.selection.createRange();
}
// Ajout du code
function insertTags(code,id){
if (textRange.text == "" ){
document.getElementById(id).value += "[" + code + "][/" + code + "]";
}else{
textRange.text="[" + code + "]"+textRange.text+"[/" + code + "]";
}
document.getElementById(id).focus();
}
</script>
</head><body>
<form>
<textarea rows="20" cols="80" id="txt" onBlur="saveRange()"></textarea><br>
<input type="button" value="BOLD" onclick="insertTags('b','txt')">
</form>
</body></html>

(Merci fastclemmy)

voici le pb persistant :
si je clique sur le bouton 'bold' avant d'avoir cliqué dans mon champs texte, il me met une erreur... en me disant que 'textRange.texte' à la valeur nulle ou n'est pas un objet... pourtant, c'est bien définie en haut... en variable globale...

donc, je planche encore un tout petit peu, mais suis bien plus loin qu'au début, tout en ayant compris pas mal de choses... vous pourriez me donner un dernier petit coup de pouce pour ce post svp....

Reply

Marsh Posté le 07-05-2003 à 10:21:48

Code :

<html><head><title>test</title>
<script language="javascript">
// Declaration de la variable de selection
var textRange;
// Sauvegarde de la selection
function saveRange(){
textRange = document.selection.createRange();
}
// Ajout du code
function insertTags(code,id){
//alert("textRange " + textRange);
//alert("textRange.text " + textRange.text);
if (textRange) {
if (textRange.text == "" ){
document.getElementById(id).value += "[" + code + "][/" + code + "]";
}else{
textRange.text="[" + code + "]"+textRange.text+"[/" + code + "]";
}
document.getElementById(id).focus();
}else{
document.getElementById(id).value="[" + code + "][/" + code + "]";
}
}
</script>
</head><body>
<form>
<textarea rows="20" cols="80" id="txt" onBlur="saveRange()"></textarea><br>
<input type="button" value="BOLD" onclick="insertTags('b','txt')">
</form>
</body></html>

?

Reply

Marsh Posté le

Reply

[JS] résuperer la selection dans une variable (on y est presque...)

Sujets relatifs:

Leave a Replay