Discussion :

[e-m.guillaume]

Bonjour,

Je commence mes premiers pas en javascript et c'est pas terrible à première vue cela fait deux jour que je tente l'amélioration d'un code sans y arriver pour l'insertion d'une image dans un "textarea" pour une news:

Première partie dans le formulaire le bouton qui appel l'image:

Code :

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

1
2
 
<img src="smiles/smile_confus.gif" title="inserer un smile tête confuse" alt="tête confuse" onClick="javascript:smiles('[smile_confus]');return(false)" />

la portion de code qui transforme le tag en balise pour l'affichage instantané:

Code :

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

1
2
 
t=remplace_tag(/\[smile_confus]/g,'<img src="smiles/smile_confus.gif" alt="tête confus" />',t)

la portion de code javascript qui affiche l'image demandée dans le "textarea" que je n'arrive pas à adapter pour un fonctionnement optimal:

Code :

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

1
2
3
4
5
 
function smiles(img)
{
window.document.formulairenews.textarea.value += '' + img + '';
}

Mon problème est que quelque soit la position de mon curseur dans le "textarea" l'image est insérer à la fin du "textarea".

Exemple si j'ai mis dans mon "textarea" ce texte:
le petit enfant est très content (position du curseur pour insertion smiles) de son cadeau.
il sera quand même insérer à la fin du champ lors du clic.

Merci pour votre aide.

[madevilts]

Code :

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

window.document.formulairenews.textarea.value += '' + img + '';

En faisant ça, c'est sur que ça ne marchera pas.
Tout simplement car lorsque l'on fait :

Code :

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

variable += 'coucou';

ca revient a faire

Code :

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

variable = variable + 'coucou';

Donc fatalement ton smiley va se mettre à la fin.

Apparamment la solution réside dans une createTextRange etc... mais je n'ai jamais utilisé ceci.

[marts]

utilises

Code :

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

window.document.formulairenews.textarea.selectionStart

et

Code :

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

window.document.formulairenews.textarea.selectionEnd

pour repérer la sélection dans le textarea et la remplacer par ton image.