Textarea et fichier txt

**phelankell** · 30/06/2016, 21h08

Bonjour à tous,

Voila le problème que je rencontre, j'essaie lors d'un onclick d'afficher un textarea avec le contenu d'un fichier txt.
La partie display est gérée cependant je bute sur la partie pour envoyer le contenu du .txt dans le textarea.
J'ai vu beaucoup de sujet ou effectivement ça marche mais il faut que l'utilisateur sélectionne le fichier, pour ma part les fichiers sont déjà connus ainsi que leur chemin.

au point de départ j'ai voulu passer par <object> mais impossible d'enlever le scroll malgré tout ce que j 'ai lu a ce sujet. Je me suis rabattu sur textarea qui plus est redimensionnable par l’utilisateur.

est ce qu'ame charitable pourrais m'aider ? merci d'avance

**ABCIWEB** · 01/07/2016, 02h44

Salut,

A quel niveau tu as un problème ? Si tu connais l'adresse du fichier tu peux récupérer son contenu avec une requête ajax, par exemple si ta requête ajax utilise un fichier php tu utilises file_get_contents sur l'adresse du fichier ensuite il te suffit de faire un echo sur ce résultat et au retour de la requête ajax tu l'affiche dans ton textarea.

Mais bon il te faut faire une requête ajax vers un serveur php ou autre, sinon javascript à lui seul ne peut pas accéder aux fichiers du serveur.

**SylvainPV** · 01/07/2016, 10h35

Envoyé par ABCIWEB

sinon javascript à lui seul ne peut pas accéder aux fichiers du serveur.

pourquoi ça ? il suffit d'un serveur statique de fichiers, pas forcément besoin de PHP. Quitte à utiliser PHP, autant injecter directement le contenu à l'intérieur des balises textarea, sans recourir à AJAX.

**phelankell** · 01/07/2016, 11h01

Bonjour,

Mon premier soucis c'est que je ne peux pas passer par du html.

Je connais le chemin des fichiers : ../ressources/modeles/

ce que je n'arrive pas a faire c'est de faire en sorte que le textarea affiche le contenu d'un txt connu. Chaque textarea aura son txt associé.

Merci

**ABCIWEB** · 01/07/2016, 19h40

Salut,

Pour faire vite avec Jquery :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button class="file" data-file="../ressources/modeles/fichier1.txt">fichier 1</button>
<div class="content_file"></div>
 
<button class="file" data-file="../ressources/modeles/fichier2.txt">fichier 2</button>
<div class="content_file"></div>
 
<button class="file" data-file="../ressources/modeles/fichier3.txt">fichier 3</button>
<div class="content_file"></div>
 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$('.file').each(function(i)						
{
	$(this).on('click', function()
	{
		$.get($(this).attr('data-file'),function(data) {$('.content_file').eq(i).html(data);})
	})
});
</script>
</body>
</html>

Cela fonctionnera tant que tu auras autant de boutons de class "file" que de div de class "content_file". Et tu vois que l'adresse des fichiers est dans l'attribut "data-file" des boutons. Il y a d'autres façons de faire, tu pourrais créer tes div dynamiquement avec javascript, et si par ailleurs tu n'utilises pas Jquery tu pourrais facilement faire du vanilla (sans librairie javascript).

Tu peux remplacer les div par des textarea si tu préfères tant que tu leur attribues la class "content_file" (qui dans mon code est la cible).

Avec Php tu pourrais faire <?= file_get_contents(../ressources/modeles/fichier1.txt); ?> dans chacun de tes div ou textarea. Mais à condition que le total de tes fichiers ne soit pas trop volumineux pour ne pas ralentir la construction de la page. Il suffit que les blocs soit en display none et onclick sur un bouton tu les passe en display block.

**ABCIWEB** · 02/07/2016, 05h36

Envoyé par ABCIWEB

sinon javascript à lui seul ne peut pas accéder aux fichiers du serveur.

Envoyé par SylvainPV

pourquoi ça ? il suffit d'un serveur statique de fichiers, pas forcément besoin de PHP.

Oui t'as bien fait de corriger, je pensais à traitements/modifications sur les fichiers, mais ici il s'agit juste de les afficher.

**phelankell** · 02/07/2016, 11h09

Merci à tous pour vos réponses.

A vouloir faire les choses trop vite je me suis trompé. Je ne peux pas me servir du php.

Je suis en déplacement je regarde tout ça et soir à tête reposée.

Encore merci à tous

**ABCIWEB** · 02/07/2016, 17h42

La première solution avec jquery ou javascript ne nécessite pas Php

Tu peux la tester telle qu'elle et ça fonctionnera si tu mets les bonnes adresses des fichiers dans l'attribut data-file des boutons.

**phelankell** · 04/07/2016, 01h17

Bonsoir à tous,

J'ai testé le code de ABCIWEB, malheureusement rien s'affiche ...

J'ai bien tenu compte des attributs data-file des boutons, j'ai même poussé le vice a mettre mes txt à la racine .. rien n'y fais . J'avoue que je seche ....

**ABCIWEB** · 04/07/2016, 02h28

Bouton F12 du clavier pour faire afficher la console puis fait ton test. Tu devrais certainement voir afficher une erreur, probablement une erreur de destination de fichier. La doc Jquery est ici, pour être complet il faudrait ajouter la syntaxe avec .fail (cf doc) pour gérer les erreurs ajax.

**phelankell** · 04/07/2016, 10h19

J'ai exécuté dans la console, elle ne m'affiche rien comme erreur .

J'ai essayé en mettant le script dans le head. essai négatif aussi.

**ABCIWEB** · 04/07/2016, 20h22

Pour faire le test, as-tu copié l'intégralité de mon code dans une page distincte en modifiant uniquement l'attribut "data-file" des boutons ?

**phelankell** · 04/07/2016, 20h48

Oui, je suis parti de zero. J'ai copier le code dans une page vierge et j'ai respecté le chemin et les noms de fichiers présent sur le code pour comprendre le fonctionnement.

**ABCIWEB** · 05/07/2016, 00h04

La seule chose à modifier pour que cela fonctionne est de modifier "../ressources/modeles/fichier1.txt" (et les deux autres adresses de fichiers contenus dans les data-file) par une adresse de fichier valide sur ton serveur. Les adresses doivent être définies par rapport au script en cours.

Textarea et fichier txt

JavaScript

Discussions similaires

Partager

Partager