Modifier une couleur

Version imprimable

10/04/2006, 22h23
Anduriel

Modifier une couleur

Salut,

Si l'on connait un mot champ textarea, peut on changer sa couleur seulement?

Merci
11/04/2006, 04h01
efficks

Tu peux faire beaucoup de choses en Javascript sur les interfaces web et sûrement ce que tu souhaites faire aussi.
Il suffit de poser la question clairement :wink:
11/04/2006, 13h13
Anduriel

Oui :)
C'est tout simple - à dire. Je veux récupérer par exemple la chaine "Developpez" dans un textarea et changer sa couleur en rose, en laissant le reste du texte dans sa couleur initiale (noir par exemple).

Je sais changer toute la couleur (pas trop dur...) mais pas une couleur.

Merci
11/04/2006, 13h25
SpaceFrog

fais une recherche avec editeur wysiwyg javascript sur google ...
11/04/2006, 13h38
Anduriel

Oui je le connais mais je voudrai pas en prendre un tout fait.
Si c'est pour regarder le code je veux bien essayer mais je ne vais rien comprendre :?
11/04/2006, 13h40
MasterOfChakhaL

dans un textarea => NON
après, tu peux faire quelquechose qui y ressemble

pourquoi surligner la saisie de l'utilisateur? A priori, il sait ce qu'il tape...
si c'est juste pour afficher du texte, utilise un div. Tu pourras définir les scrolls par css.
Dans le div, il est possible de rechercher "mot" et de le remplacer par: <span class="highlight">mot</span>
11/04/2006, 14h27
Anduriel

Ca doit être un textarea car l'utilisateur modifie des données d'une fichiers (comme notepad 2)
11/04/2006, 14h43
MasterOfChakhaL

Re: Modifier une couleur

Citation:

Envoyé par Anduriel

Salut,

Si l'on connait un mot champ textarea, peut on changer sa couleur seulement?

Merci

dans ce cas, je réponds NON
11/04/2006, 14h44
SpaceFrog

et un div en contenseditable ?
11/04/2006, 22h45
Anduriel

Citation:

Envoyé par SpaceFrog

et un div en contenseditable ?

Euh c'est à dire? :oops:
Merci
12/04/2006, 08h31
SpaceFrog

ben essaye ..

J'ai récupéré un code pour que au départ, ce que contient le taxtarea soit transformé en html.
Après plus d'une heure d'élimination, j'ai ce code:

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
if (document.all)
	nav_app = "IE";
else
	nav_app = "AUTRES";
 
function copy(zone1, zone2) {
	var txt_area = zone1; 
	var iframe_area = zone2;
	window.frames[iframe_area].document.body.innerHTML=document.getElementById(txt_area).value;
}
 
function makeFrame(txt_zone) {
 
	var parent=document.getElementById(txt_zone).parentNode;
	var icons_tab = "";
 
	var iframe_name = txt_zone + "_iframe";
	var div_name = txt_zone + "_div";
	var div_name2 = txt_zone + "_div_contener";
	var div_wysiwyg_name = txt_zone + "div_wysiwyg";
 
	tab_tool.setAttribute("border", "0");
	tab_tool.setAttribute("cellpadding", "2");
	tab_tool.setAttribute("cellspacing", "2");
 
	tab_toolbody = document.createElement("TBODY");
 
	mycurrent_row=document.createElement("TR");
 
	tab_toolbody.appendChild(mycurrent_row);	
	tab_tool.appendChild(tab_toolbody);
 
 
	div_contener = document.createElement("DIV");
	div_contener.setAttribute("name", div_name2);
	div_contener.setAttribute("id", div_name2);
	div_contener.setAttribute("class", "textarea");
 
	div_contener.style.width = document.getElementById(txt_zone).style.width;
 
	div_contener.style.position = "relative";
 
 
	parent.appendChild(div_contener);
 
 
	div_contener.appendChild(tab_tool);
 
	//crée la zone iframe
	div_zone = document.createElement("DIV");
	div_zone.setAttribute("name", div_name);
	div_zone.setAttribute("id", div_name);
	div_zone.setAttribute("class", "textarea");
 
	div_zone.style.width = document.getElementById(txt_zone).style.width;
	div_zone.style.height = document.getElementById(txt_zone).style.height;
 
 
 
 
	div_zone.style.position = "relative";
	div_zone.innerHTML = "<iframe class=\"textarea\" style=\"background-color: black;\" frameborder=\"0\" hspace=\"0\" marginheight=\"5\" marginwidth=\"5\" scrolling=\"auto\" onLoad=\"javascript:void(copy('"+txt_zone+"','"+ iframe_name+"'));\" width=\"100%\" height=\"100%\" name=\""+iframe_name+"\" id=\""+iframe_name+"\"></iframe>";
 
	div_contener.appendChild(div_zone);
 
	window.frames[iframe_name].document.designMode = 'On'; 
 
	document.getElementById(txt_zone).style.display='none';
}

Dès que j'enlève quelquechose, ça plante. Alors est-ce que vous pourriez me ce que je peux encore supprimer? Je ne comprends plus ce code à cause des appendChild... Si vous pouviez aussi me dire commennt personnaliser ma boite, car je ne sais pas s'il faut midifier les frames, div, textarea...

Merci à vous