Insertion d'info dans un textarea

**krown** · 29/12/2004, 13h07

Bonjour a tous,
voila j'essaie de faire un petit menu au dessus d'un textarea pour la mise en forme de mon texte (bouton qui insert <b></b> par exemple).

J'utilise un fichier barreoutil.js dans lequel j'ai mis mes fonctions :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
function format(f, champ) {
 
var str = document.selection.createRange().text;
 
that = document.entryform [champ];
 
that.focus();
 
var sel = document.selection.createRange();
 
sel.text = "<" + f + ">" + str + "</" + f + ">";
 
return;
 
}
 
 
 
function lien(champ) {
 
var str = document.selection.createRange().text;
 
that = document.entryform [champ];
 
that.focus();
 
var lien = prompt("URL:","http://");
 
if (lien != null) {
 
var sel = document.selection.createRange();
 
sel.text = "<a href=\"" + lien + "\">" + str + "</a>";
 
}
 
return;
 
}

J'utilise aussi dans mon fichier CSS la fonction outil avec le .out et .over :

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
23
24
25
26
 
#outils {
width: 100%;
background: buttonface;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-bottom: 1px solid buttonshadow;
border-right: 1px solid buttonshadow;
margin: 0;
text-align:left;
}
 
.out {
background: buttonface; 
border: 1px solid buttonface;
margin: 1; 
}
 
.over { 
background: buttonface;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-bottom: 1px solid buttonshadow;
border-right: 1px solid buttonshadow;
margin: 1;
}

et je met dans mon form le code correspondans a l'action que je lui demande :

Code :

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

1
2
3
4
5
6
7
 
<div id="outils">
<img class="out" src="images/bold.gif" width="16" height="16" align="middle" onMouseOver="this.className='over';" onMouseOut="this.className='out';" onClick="format('b', 'adresse');">
<img class="out" src="images/italic.gif" width="16" height="16" align="middle" onMouseOver="this.className='over';" onMouseOut="this.className='out';" onClick="format('i', 'adresse');">
<img class="out" src="images/ahref.gif" width="16" height="16" align="middle" onMouseOver="this.className='over';" onMouseOut="this.className='out';" onClick="lien('adresse');">
</div> 
<textarea name="adresse" rows="10" cols="50"></textarea>

quand je charge ma page internet je vois bien mes icones quand je les survoles je les vois bien bouger par contre mon evenement onClick ne fait une erreure cela me marque : Objet attendu

La je vous avous je ne vois pas de quoi cela vient quelq'un aurait il une idée ?

Merci d'avance

Krown

**bul** · 30/12/2004, 07h58

bonjour,

Code :

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

1
2
 
adresse.focus();

au lieu de

Code :

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

1
2
3
 
that = document.entryform [champ]; 
that.focus();

remarque : les balises ne sont pas
interprétées dans un texarea.
@+

**bul** · 30/12/2004, 08h04

re...
pas tout mis ce que je voulais dans le message
en fait l'erreur vient de l'appel :

Code :

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

1
2
 
<img class="out" src="images/italic.gif" width="16" height="16" align="middle" onMouseOver="this.className='over';" onMouseOut="this.className='out';" onClick="format('i', adresse);">

format('i',adresse); et pas 'adresse'.
@+

**krown** · 30/12/2004, 09h14

Bonjour bull merci pour ta réponse

j'ai modifié mais maintenant j'ai une nouvelle erreur:

'adresse' est indefini

**bul** · 30/12/2004, 10h29

avec IE et <textarea name="adresse" id="adresse" ...
pas de problème.
peut-être dans la fonction faire
getElementById(champ).focus(); ?

**krown** · 30/12/2004, 11h41

Nop toujours ce probleme d'objet attendu

**bul** · 31/12/2004, 09h54

avec :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
function format(f, champ) 
{	var str = document.selection.createRange().text; 
	champ.focus(); 
	var sel = document.selection.createRange(); 
	sel.text = "<" + f + ">" + str + "</" + f + ">"; } 
function lien(champ) 
{	var str = document.selection.createRange().text; 
	champ.focus(); 
	var lien = prompt("URL:","http://"); 
	if (lien != null) 
	{var sel = document.selection.createRange(); 
	sel.text = "<a href=\"" + lien + "\">" + str + "</a>"; } } 
</script>
<style>
#outils 
{ 	width: 100%; 
	background: buttonface; 
	border-top: 1px solid buttonhighlight; 
	border-left: 1px solid buttonhighlight; 
	border-bottom: 1px solid buttonshadow; 
	border-right: 1px solid buttonshadow; 
	margin: 0; 
	text-align:left; 	} 
.out 
{ 	background: buttonface; 
	border: 1px solid buttonface; 
	margin: 1; 	} 
.over 
{ 	background: buttonface; 
	border-top: 1px solid buttonhighlight; 
	border-left: 1px solid buttonhighlight; 
	border-bottom: 1px solid buttonshadow; 
	border-right: 1px solid buttonshadow; 
	margin: 1; 	} 
</style>
</HEAD>
<BODY>
<div id="outils">
<img class="out" src="images/bold.gif" 
         width="16" height="16" align="middle" 
	onMouseOver="this.className='over';"
          onMouseOut="this.className='out';" 
	onClick="format('b', adresse);"> 
<img class="out" src="images/italic.gif" 
         width="16" height="16" align="middle" 
	onMouseOver="this.className='over';"
         onMouseOut="this.className='out';" 
	onClick="format('i', adresse);"> 
<img class="out" src="images/ahref.gif" 
         width="16" height="16" align="middle" 
	onMouseOver="this.className='over';"
         onMouseOut="this.className='out';" 
	onClick="lien(adresse);"> 
</div> 
<textarea name="adresse" id="adresse"
	rows="10" cols="50"></textarea> 
</BODY></HTML>

peut-on savoir où ça ne marche pas ?
@+

**krown** · 01/01/2005, 21h32

Je ne comprend pas, j'ai copier ton code et tout fonctionne.

Est ce le fait que j'utilise le #outils dans mon css ?

En tous cas cela marche maintenant.

Je te remerci beaucoup et te souhaite une excéllente année 2005

Insertion d'info dans un textarea

JavaScript

Discussions similaires

Partager

Partager