Affichage fichier texte en JS

Version imprimable

29/02/2012, 08h52
pandu

Affichage fichier texte en JS
Bonjour,

Je charge un fichier txt en PHP dans une variable $s par :

Code:

$s = file_get_contents($bavard);

puis je passe en JS :
Code:

1 2 3 4 <SCRIPT LANGUAGE="Javascript"> var s2 = "<?php echo $s; ?>" ; document.form.elements[3].value= s2 ; </script>
document.form.elements[3] est une zone input=" text" dont l'écriture html est :

Code:

<input type="text" name="texto" readonly="readonly" size="50" maxlength="100" id="fglhkjgh" />

Ca marche si le fichier est court, sinon il n'y a aucun affichage.
De plus l'affichage ne prend pas en compte les sauts de ligne !

Je suis débutant et je ne comprend pas ce qui se passe.

Merci de me donner des idées.

Pandu
29/02/2012, 08h58
Bovino

Citation:

Ca marche si le fichier est court, sinon il n'y a aucun affichage.
De plus l'affichage ne prend pas en compte les sauts de ligne !

Je suis débutant et je ne comprend pas ce qui se passe.

Ben... tu essayes juste de faire entrer un éléphant dans une boite de sardines... :roll:

Même avec la meilleure volonté du monde, je doute que ce soit possible !

Essaye avec un textarea au lieu de l'input...
29/02/2012, 09h24
SpaceFrog

A mon avis ça doit aussi poser problème si le fichier texte comporte des quotes "...
Va falloir penser à les échapper

Bonjour,
pourquoi passer par javascript ?

Un affichage direct ne convient-il pas ?

Code:

1
2
<?php $s = file_get_contents('monFichier.txt'); ?>
<textarea name="texto" readonly="readonly" cols="50" rows="20" id="fglhkjgh" /><?php echo htmlspecialchars($s); ?></textarea>

pourquoi passer par php :mouarf:

Code:

1
2
3
<object data="test.txt" type="text/plain" width="300" height="200">
  alt : <a href="data/test.txt">test.txt</a>
</object>

29/02/2012, 14h56
pandu

pourquoi passer par javascript ?

Un affichage direct ne convient-il pas ?

Non, c une requete asynchrone
29/02/2012, 15h01
pandu

Citation:

Envoyé par Bovino

Ben... tu essayes juste de faire entrer un éléphant dans une boite de sardines... :roll:

Même avec la meilleure volonté du monde, je doute que ce soit possible !

Essaye avec un textarea au lieu de l'input...

J'ai pensé à une textarea, mais comment on écrit ça en JS ?

document.form.textarea.xx = s ;

on met quoi à la place de xx ?
29/02/2012, 15h06
SpaceFrog

value ...
29/02/2012, 19h40
pandu

Citation:

Envoyé par SpaceFrog

value ...

Effectivement ça marche pour la longueur merci
29/02/2012, 19h48
pandu
Citation:
Envoyé par pandu

Code:

$s = file_get_contents($bavard);

puis je passe en JS :

Code:

1 2 3 4 <SCRIPT LANGUAGE="Javascript"> var s2 = "<?php echo $s; ?>" ; document.form.elements[3].value= s2 ; </script>

Pandu
Par contre ce script ne marche pas !
si dans le php je mets :

Code:

$s ='kjfjgsgh\n>kjdhggjfgh';

ça marche, mais avec

Code:

$s = file_get_contents($bavard);

rien à faire. Qqun a une idée ?
01/03/2012, 08h22
SpaceFrog

ne marche pas ... veut dire quoi ?
tu as un souci avec le retour ligne ?
01/03/2012, 08h25
Bovino

Peut-être simplement que $bavard n'est pas correct...
01/03/2012, 08h32
SpaceFrog

peut être que $bavard contient des " ???
01/03/2012, 14h57
pandu

Citation:

Envoyé par Bovino

Peut-être simplement que $bavard n'est pas correct...

Non, $bavard est bon car $s aussi. Si je fais :

Code:

<?php echo $s; ?>

dans la textarea, ça marche pile poil, quels que soient les caractères de $s. Après tout on a le droit de mettre des " dans un texte.

C'est le script JS qui pose problème.
01/03/2012, 15h03
Bovino

Citation:

Non, $bavard est bon car $s aussi.

8O
J'ai du mal à voir le rapport :koi:

$bavard est l'argument passé à file_get_contents() (enfin, si j'en crois ton code...) il n'a donc rien à voir avec le textarea et peut être erroné s'il correspond à un emplacement où il n'y a pas de contenu à récupérer...
01/03/2012, 15h55
pandu

Citation:

Envoyé par Bovino

8O
J'ai du mal à voir le rapport :koi:

$bavard est l'argument passé à file_get_contents() (enfin, si j'en crois ton code...) il n'a donc rien à voir avec le textarea et peut être erroné s'il correspond à un emplacement où il n'y a pas de contenu à récupérer...

On a :

Code:

$s=file_get_contents($bavard);

.

Si j'ai ce que je veux dans $s, cela veut dire qu'il y a ce qui faut dans $bavard.
Et je sais que j'ai ce qu'il faut dans $s car je fais un var_dump($s) ou alors je teste en faisant un echo $s dans la textarea.
A mon avis le bug est dans

Code:

var s = '<?php echo $s; ?>' ;
01/03/2012, 16h05
Bovino

Ouais... on en revient donc à

Citation:

Envoyé par SapceFrog

peut être que $bavard contient des " ???

ou autres '...
01/03/2012, 17h15
pandu

Citation:

Envoyé par Bovino

Ouais... on en revient donc à

ou autres '...

non, $bavard ne contient ni ' ni ". Le contenu de $bavard non plus.
02/03/2012, 22h38
olivieram

des idées ?
en ce qui concerne la lecture d'un fichier depuis PHP vers un document HTML, en passant par une chaîne javascript, il y a plusieurs problèmes :
- les sauts de lignes
- les apostrophes
- les guillemets
- les \
- les <
- les accents, éventuellement
eh bien, pour tout ça, il y a en PHP nl2br($s), htmlentities($s) ou htmlspecialchars($s)

A tester
03/03/2012, 00h31
pandu
Citation:
Envoyé par olivieram

en ce qui concerne la lecture d'un fichier depuis PHP vers un document HTML, en passant par une chaîne javascript, il y a plusieurs problèmes :

les sauts de lignes
les apostrophes
les guillemets
les \
les <
les accents, éventuellement

eh bien, pour tout ça, il y a en PHP nl2br($s), htmlentities($s) ou htmlspecialchars($s)

A tester
Oui c'est ça. Je viens d'installer firebug, qui est assez génial je trouve, et ce sont les sauts de ligne qui posent problème.
Mais ce que je ne vois pas encore, c'est comment résoudre ce problème.
03/03/2012, 02h34
olivieram

essaye cette commande:

Code:

<?php echo nl2br($s); ?>

dans un textarea
\r => %0d
\n => %0a

Sinon le textarea est assez versatile :

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<style type="text/css">
textarea {
width :300px;
display:block;
}
</style>
</head>
<body>
 
<textarea value="lkjlkjlk\ndsqfdssfd"></textarea>
 
<textarea value="">lkjlkjlk\ndsqfdssfd</textarea>              
 
<textarea id="foo" value=""></textarea>              
<script type="text/javascript">              
document.getElementById('foo').value='lkjlkjlk\nandsqfdssfd'
</script>
 
<textarea id="bar" value=""></textarea>              
<script type="text/javascript">              
document.getElementById('bar').innerHTML='lkjlkjlk\randsqfdssfd'
</script>
</body>
 
</html>

Pour zapper le saut de ligne, j'essaie de faire ça :

1) contenu du fichier texte :

Laplace ça me casse les pieds.
Couillon> Blabla.
Laplace> Sois plus explicite

(créé avec bloc notes)

2) PHP :
Code:

1 2 3 4 $s = file_get_contents($bavard); $t= explode ("\n", $s ); $jj= count($t); var_dump($t);
Le résultat du var_dump est :

array(4) { [0]=> string(35) "Laplace ça me casse les pieds. " [1]=> string(18) "Couillon> Blabla. " [2]=> string(29) "Laplace> Sois plus explicite " [3]=> string(1) " " }

On remarque le " " après pieds ; idem pour chaque ligne. Je pense que c'est le saut de ligne qui reste...

3) JS
Code:

1 2 3 4 5 6 7 8 9 10 11 function bip() { var j= '<?php echo $jj; ?>' ; j=j-1; var i =0; var s2= "<?php echo $t[0]; ?>" ; for(i=1;i<=j;i++){ s2=s2 + '\n' + '<?php echo $t[i]; ?>' ; } document.form.elements[3].value= s2 ;
4) Ce que dit firebug :

unterminated string literal
[Stopper sur une erreur]

var s2= "Laplace ça me casse les pieds.
" ;

En fait il semble considérer que le saut de ligne est là et qu'il ne trouve plus le " de fin car il le cherche sur la même ligne...

Bref c'est compliqué.

04/03/2012, 11h53
dukej

Citation:

Envoyé par pandu

Oui c'est ça. Je viens d'installer firebug, qui est assez génial je trouve, et ce sont les sauts de ligne qui posent problème.
Mais ce que je ne vois pas encore, c'est comment résoudre ce problème.

Comme tout développeur normalement constitué tu aurais regardé le code source de ta page quand elle est générée et tu aurais vu le problème.
04/03/2012, 15h31
pandu

Citation:

Envoyé par dukej

Comme tout développeur normalement constitué tu aurais regardé le code source de ta page quand elle est générée et tu aurais vu le problème.

Merci pour cette aide positive et qui m'est d'un grand secours.:lol:
04/03/2012, 19h02
olivieram

retour chariot

Sous windows (pas sous Unix), il y a toujours 2 caractères pour un retour de ligne ....caractère 10 puis le caractère 13 (ou l'inverse, je ne sais plus).

Ton script PHP supprime uniquement le \n.
il te reste le caractère \r que tu as dans ta chaîne.

Bonjour,
voici :

Code:

1
2
3
4
<?php 
$bavard = 'monFichier.txt';
$s = file_get_contents($bavard); 
?>

Code:

1
2
3
4
5
6
7
8
<script type="text/javascript">
function go(){
	// on remplace les sauts de ligne, et on échappe les guillemets
	var s2 = "<?php echo str_replace(array(CHR(10),CHR(13),'"'),array('\n','','\"'),$s); ?>";
	document.getElementById('avecjs').value = s2;
	alert(s2);
}
</script>

Code:

1
2
3
4
5
6
<body onload="go();">
 
<textarea name="texto"  readonly="readonly" cols="50" rows="5" id="endirect" ><?php echo $s; ?></textarea>
<textarea name="texto"  readonly="readonly" cols="50" rows="5" id="avecjs" ></textarea>
 
</body>

06/03/2012, 19h50
pandu

Code:

var s2 = "<?php echo str_replace(array(CHR(10),CHR(13),'"'),array('\n','','\"'),$s); ?>";

Alors ça c'est fort ! Tu évites à la fois la boucle que je faisais après le explode et tu résous le cas de la différence WINDOWS/UNIX évoqué par olivieram !
Voir ce genre de lignes de prog m'est très utile comme j'apprends à peu près en même temps HTML, CSS, PHP, JAVASCRIPT et AJAX.

Tout marche au poil et je vous remercie beaucoup.8-)

Je réussis même à appeler de JS une fonction PHP qui exécute une requête sql, ce que je ne pensais pas possible ;)