Discussion :

[Vanito]

Bonjour,

J'ai actuellement un code en jquery qui permet au clique d'un boutton récupérer le chemin relative d'un fichier log et charger celui-ci dans une zone de texte. Le code est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<g:textArea class="ResultsView" name="myField" value="" rows="5" cols="40" top="10" readonly="yes">				
</g:textArea>
 
$(".Button").click(function() {
 
    		var path = $(this).attr('name');
 
    		$(".ResultsView").load(path); 
		$(".ResultsView").show();
 
});

Ce que je souhaite faire à présent c'est de modifier le contenu du fichier avant de l'afficher. Plus exactement changer la couleur de fond de certaines lignes du texte.

Ya t'il une méthode en jquery permettant d'effectuer cette opération?

[NoSmoking]

Bonjour,
dans une TEXTAREA point de salut pour la coloration, il va te falloir passer par des éléments "stylisables", P, SPAN...

[SpaceFrog]

Perso je ferais le traitement coté serveur afin de générer le code mis en forme coté serveur.
avec le load pointe sur une page coté serveur qui récupère le contenu de ton fichier et fait la mise en forme, il existe des classes ou libs php qui font ça très bien, on parse aisément du texte coté serveur.
Et en tout état de cause comme le précise NoSmo, coté client point de textarea car il ne supporte pas la mise en forme

[MTroy_]

Si le besoin est d'afficher dans un textarea, il existe des solutions toute prêtes.
Comme le framework Ace : http://ace.ajax.org/#nav=about

La colorisation se fait en sous-couche du textarea (dans une div)
A chaque évent keydown la coloration syntaxique est mise à jour
(ace supporte une foultitude de langages et permet de créer ses propres styles)
L'enregistrement du contenu dans le fichier se fait via ajax de façon transparente.

[Vanito]

J'ai finalament utilisé une div qu'une textarea et pour "parser" le contenu de mon dossier j'utilise les méthode get et append.

Code :

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

1
2
3
4
5
6
7
 $.get(path, function(data) {
       ...
       var lines = $(data.split(/\n/));
       ....
       $(".Mydiv").append(lines[i] + '<br>');
       ...
   })

Après je ne sais pas si effectuer le traitement côté serveur sera plus performant ou pas.