Insertion d'info dans un textarea

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

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, 08h58

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, 09h04

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, 10h14

Bonjour bull merci pour ta réponse

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

'adresse' est indefini

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

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, 12h41

Nop toujours ce probleme d'objet attendu

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

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, 22h32

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

Vue hybride

Discussions similaires

Partager

Partager