Discussion :

[Anduriel]

Salut,

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

Merci

[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

[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

[SpaceFrog]

fais une recherche avec editeur wysiwyg javascript sur google ...

[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

[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>

[Anduriel]

Ca doit être un textarea car l'utilisateur modifie des données d'une fichiers (comme notepad 2)

[MasterOfChakhaL]

Salut,

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

Merci

dans ce cas, je réponds NON

[SpaceFrog]

et un div en contenseditable ?

[Anduriel]

et un div en contenseditable ?

Euh c'est à dire?
Merci

[SpaceFrog]

ben essaye ..

[Anduriel]

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 :

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
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