Insertion automatisée: write? print?

Version imprimable

Bonjour à tous

Voilà un petit novice à besoin d'aide en javascript: j'ai fabriqué une fonction "insertion" qui sert à générer automatiquement un code à partir d'un numéro. Je m'explique:

Dans un formulaire (que j'ai appelé "form"), j'ai mis un bonton "insérer" faisant appel à ma fonction "insertion()". Cette fonction demande à l'utilisateur d'entrer un nombre entier compris entre 1 et 749. Une fois ce nombre entré, il faut qu'elle l'écrive dans un "textarea" (nomé "msg" et doté de l'id "msg") qui se trouve dans mon formulaire "form".

voici ce que j'ai écrit... mais ça ne marche pas! quelqu'un à une idée?
Code:

1 2 3 4 5 6 7 8 9 10 function insertion(){ var input = document.getElementById('msg'); num = prompt("Numéro ?",""); test = Math.floor(num); if (num==test && num>0 && num<750){input.focus();write('<IMG src="fichiers/('+num+').gif">');} else if (num=='' || num==null){input.focus();} else { alert("Cette émoticone n'existe pas!"); input.focus();} }

18/10/2006, 15h26
SpaceFrog

Code:

input.value="<IMG src='fichiers/("+num+").gif'>"

?
18/10/2006, 15h50
vigon

mmmm... je pense que si je fais ça il va me vider le contenu déjà présent... hors je voudrais qu'il "ajoute" ça au texte déjà présent...
18/10/2006, 15h54
SpaceFrog

Code:

input.value+="<IMG src='fichiers/("+num+").gif'>"
18/10/2006, 16h01
vigon

Je vais être très chiant :mouarf: mais si l'utilisateur décide de mettre ça "en plein milieu" de son texte?

je commence à trouver des trucs: des histoires de createrange()? mais je ne capte rien... :aie:
18/10/2006, 16h05
SpaceFrog

arf si je comprend bien tu essaye d'inserer des balises de mise en forme du texte et des smileys dans un editeur ...
a mon avis tu aurais plus vite fait d'en prendre un tout fait ...parce que pour que ce soit crossbrowser c'est coton ...

par exemple : http://www.openwebware.com/products/openwysiwyg/
18/10/2006, 16h07
vigon

héhé compliqué à expliquer mais c un ptit truc perso entre ma copine et moi :p pourtant j'avais déjà créé un telle fonction, mais va savoir pq seul ce "bourrin" de IE était capable de l'interpréter...
18/10/2006, 16h12
SpaceFrog

Code:

sel = document.selection.createRange();

mais seulement sous IE ffx ne l'accepte pas
18/10/2006, 16h18
vigon

mmm ok ok mais je l'utilise comment :mrgreen: ? (et je chie que FF ne le mange pas mais on fera "avec")

un petit exemple avec insertion de balises html ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<head> 
 
<script language="JavaScript"> 
 
var choix_balise = new Array(2); 
for(i=0;i<2;i++) { choix_balise[i] = false;} 
 
function mk_ajouter(champ, ms1, ms2,x) 
{ 
	var tmpstr='';
	choix_balise[x]=!choix_balise[x]; 
	tmpstr=(choix_balise[x])?ms1:ms2; 
 
	if (document.selection) 
	{ 
		champ.focus(); 
		sel = document.selection.createRange(); 
		 if (sel.text.length == 0)
		 {
		 sel.text = tmpstr; 
		 }
		 else
		 {
		 sel.text= tmpstr += sel.text + ms2;
		 }	
	} 
} 
 
</script> 
 
 
</head> 
<body> 
<div align="center"> 
<form name="form" method="post" action="#"> 
<input type="button" name="b" value="bold" onClick="mk_ajouter(document.form.champ,'<b>','</b>',1)"> 
<input type="button" name="u" value="italic" onClick="mk_ajouter(document.form.champ,'<i>','</i>',2)"> 
<br> 
<textarea name="champ" value="" cols="70" rows="10"></textarea> 
</form> 
</div> 
</body>

18/10/2006, 16h24
vigon

ah! non non c'est bon j'ai trouvé comme un grand ;) ...

Merci beaucoup pour ton aide!

Vig