Remplir contenu formulaire avec fichier txt

Invité · 11/04/2013, 17h31

Bonjour j'aimerais savoir ou orienter mes recherches. J'ai une page qui me permet de compléter des infos et les enregistrer sous forme de fichier txt

Y a t-il une façon en JScript de récupérer le contenu de ce fichier txt et de l'afficher à même le "form name" de sorte que le input type="text" name="title" ait la valeur récupéré du fichier txt celle du input type="text" name="name" la même chose tout autant que textarea name="newstext"

Finalement l'idée est de pouvoir une fois un fichier txt de fait, pouvoir l'éditer par la suite donc après récupération il faudrait pouvoir le resauvegarder sons la même forme

Code php :

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
<?php
if (!isset($_POST['submit'])) {
header('Content-Type: text/html;charset=UTF-8');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>No</title>
   <link href="../style/admstyle.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
  <div id="main">
    <div id="caption">News</div>
	  <form name="admnews" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
        News:<br/>
        <input type="text" name="title" size="40"/><br/><br/>
        Contenu:<br/>
        <textarea name="newstext" rows="15" cols="67"></textarea><br/>
		Auteur:<br/>
		<input type="text" name="name" size="40"/><br/><br/>
        <center><input type="submit" name="submit" value="Publier" /></center>
     </form> 
<?php
$lines = file('note.txt');
// display file line by line
foreach($lines as $line_num => $line) {
    echo "".htmlspecialchars($line)."<br />\n";
}
?>
  </div>
</body>   
</html>
<?php } else {
   $newsTitel   = isset($_POST['title']) ? $_POST['title'] : 'Untitled';
   $submitDate  = date('Y-m-d');
   $submitName  = isset($_POST['name']) ? $_POST['name'] : 'No User';
   $newsContent = isset($_POST['newstext']) ? $_POST['newstext'] : 'No content';
 
   $filename = date('YmdHis');
   $f = fopen('../news/'.$filename.".txt","w+");         
   fwrite($f,$newsTitel."\n");
   fwrite($f,$submitDate."\n");
   fwrite($f,$submitName."\n");
   fwrite($f,$newsContent."\n");
   fclose($f);
 
   header('Location:../index.php');   
}
?>

Merci pour les infos

**SylvainPV** · 11/04/2013, 18h22

Pour un import/export de fichier, je pense que ça sera largement plus simple de faire ça côté serveur qu'avec du Javascript.

Invité · 11/04/2013, 18h26

Ok merci pour l'info mais je connais encore moins ça? Une piste pour orienter mes recherches

Merci

Invité · 11/04/2013, 20h37

J'avance...ce code me permet d'afficher le contenu de mon fichier texte

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
<?php
header('Content-Type: text/html;charset=UTF-8');
?>
<html>
<head>
<script type="text/javascript">
 
	function init(){
 
		var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;
		extText = extText.replace(/[\r\n]/g," ");
		document.forms[0].nMessage.value = extText;
	}
 
	window.onload=init;
 
</script>
</head>
<body>
<iframe name='messageTxt' src='20130408095551.txt' style='display:none'></iframe>
<form>
<textarea name='nMessage'></textarea>
</form>
</body>
</html>

Y a t-il moyen de faire en sorte que chaque ligne s'affiche au bon endroit en référence a input type="text" name="title" et suivant et non en affichant tout le texte dans un textarea?

merci

Invité · 11/04/2013, 22h49

Un autre pas...

Avec ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">	
	function init(){
		var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;
		extText = extText.replace(/[\r\n]/g," ");
		document.forms[0].newstext.value = extText;
		document.forms[0].title.value = extText;
		document.forms[0].name.value = extText;
	}
	//window.onload=init;
</script>

Je peux maintenant afficher le contenu dans chaque partie toutefois tout le contenu s'affiche au 3 endroits...

Comment préciser que la ligne 1 va a tel endroit .... ou est ce possible de préciser un séparateur (disont <br />) qui se retrouverait dans le fichier texte?

Merci

**NoSmoking** · 11/04/2013, 23h03

Bonsoir,
ton texte récupéré doit être "spliter" avant d'être utilisé.

méthode split

Invité · 12/04/2013, 00h23

Ok merci pour l'info mais je cherche toujours selon mon fichier txt qui est produit selon cette structure

Code :

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

1
2
3
4
Titre
2013-04-08
Nom de l'auteur
Text complet variable

Qui correspond avec le code PHP qui produit le fichier

Code php :

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

1
2
3
4
5
6
7
$filename = date('YmdHis');
   $f = fopen('../news/'.$filename.".txt","w+");         
   fwrite($f,$newsTitel."\n");
   fwrite($f,$submitDate."\n");
   fwrite($f,$submitName."\n");
   fwrite($f,$newsContent."\n");
   fclose($f);

Je ferais un split sur quoi? Concrètement ce ressemblerait a quoi?

Merci encore

**Bovino** · 12/04/2013, 08h25

Tu arrives à faire un replace() mais pas un split() ?

Invité · 12/04/2013, 12h34

Bien...je connais pas grand chose cette partie de code je l'ai emprunté

Je vois un peu mais si vous pouviez m'explique ces 2 lignes?

Code :

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

1
2
var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;
		extText = extText.replace(/[\r\n]/g," ");

Je pourrais ainsi mieux comprendre le tout

Merci

edit bon j'viens de voir que extText = extText.replace(/[\r\n]/g," "); ne m'est pas utile....le replace n'est qu'un façon de présenter le texte!!!

Invité · 12/04/2013, 15h38

Bon finalement j'y arrive

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">	
	function init(){
		var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;
		//extText = extText.replace(/[\r\n]/g," ");
		var firstLine = extText.split('\n')[0];
		var secondLine = extText.split('\n')[2];
		var forthLine = extText.split('\n')[3];
		document.forms[0].newstext.value = forthLine;  
		document.forms[0].title.value = firstLine;
		document.forms[0].name.value = secondLine;
	}
	//window.onload=init;
</script>

Par contre y a t-il moyen de préciser la ligne 3 et suivante (peut importe le nombre) donc jusqu'à la fin du texte?

Code :

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

var forthLine = extText.split('\n')[3-et suivante];

Merci

**NoSmoking** · 12/04/2013, 19h00

Tu n'as pas du dévorer la page du lien que je t'ai indiquer

The split method returns the new array.

donc tu ne le fait qu'une fois et tu utilises les différents éléments du tableau à ta guise.

Donc

Code :

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

1
2
3
4
var tabTxt = extText.split('\n');
for( var i=0, nb=tabTxt.length; i< nb; i++){
  console.log( tabTxt[i]);
}

Invité · 12/04/2013, 21h46

Envoyé par NoSmoking

Donc

Code :

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

1
2
3
4
var tabTxt = extText.split('\n');
for( var i=0, nb=tabTxt.length; i< nb; i++){
  console.log( tabTxt[i]);
}

j'ai essayé toute sorte de chose mais je n'arrive définitivement pas comment faire....pour compléter le tout

J'arrive pas a comprendre concrètement, un autre indice pour m'orienter

Merci

**NoSmoking** · 13/04/2013, 11h07

J'ai du mal à comprendre ton besoin mais je m'autorise une remarque, pourquoi ne pas formater, coté serveur, ton fichier en fonction de ton besoin final?

Invité · 13/04/2013, 14h26

Une bonne remarque,

le fait est que ce n'est le seul code que j'ai vu et que je peux manipuler un peu plus selon mes compétences très basic...

j'aimerais avoir une autre solution mais je ne sais ou chercher?

Ultimement l'idée est de pouvoir récupérer des fichiers txt sur un répertoire web à partir d'une page html/php et faire une liste de ces fichiers pour pouvoir ensuite être capable d'en sélectionner un et le faire afficher dans la page pour ainsi pouvoir le modifier et l'enregistrer de nouveau...

Actuellement il ne me reste qu'à savoir comment

Code :

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

var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;

modifier cette partie de code ci haut pour pouvoir récupérer et afficher l'un ou l'autre des fichiers (il peut en avoir 20 le nom du fichier txt est selon la date) dans le même endroit...ma partie php produit...

Code html :

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

<iframe name='messageTxt' id ='../resumes/20130412092633.txt' src='../resumes/20130412092633.txt' style='display:block'></iframe><input type='button' value='Import' onClick='init()' /><iframe name='messageTxt' id ='../resumes/20130412111328.txt' src='../resumes/20130412111328.txt' style='display:block'></iframe><input type='button' value='Import' onClick='init()' />

Si y a d'autres option je suis preneur

Merci

**NoSmoking** · 13/04/2013, 14h47

Faire la recherche dans un répertoire de ton domaine et en faire une liste pour affichage se fait coté serveur avec le langage de ton choix.

Afficher le contenu d'un fichier peut se faire coté client via la technique Ajax.

La modification peut également se faire coté client via une simple TEXTAREA par exemple.

Et la sauvegarde peut se faire via la technique Ajax.

Invité · 13/04/2013, 20h29

Ok merci pour les infos.

Mais comment récupérer des id différents...au lieu de

Code :

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

var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;

Y a t-il une option?

document.getElementById et récupérer les id produit par php et qui sont différent mais en conservant l'affichage dans le iframe messageTxt

encore merci

**NoSmoking** · 14/04/2013, 08h38

Code :

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

var oText = window.frames.messageTxt.document.body.getElementById('id_cherchee');

ou encore

Code :

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

1
2
3
var oFrame = document.getElementById( 'id_iframe');
var oDoc = oFrame.contentWindow.document;
// etc...

ne fonctionne pas?

Invité · 14/04/2013, 15h04

Merci pour l'info l'affaire c'est que je ne sais pas les id du frames puisque ceux ci sont en fonction des fichiers se trouvant dans le répertoire

Et en php celui ci donne les id...

Code :

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

<iframe name='messageTxt' id ='" . $e . "' src='" . $e . "' style='display:block'></iframe><input type='button' value='Import' onClick='init()' />";

Donc je pensais à un truc du genre?

Code :

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

var extText = window.frames.messageTxt.document.body.getElementById('<?php echo($e); ?>');

je dois passer la variable id de php a java

merci pour l'aide

**NoSmoking** · 14/04/2013, 19h58

...c'est que je ne sais pas les id du frames...

tu peux également récupérer l'IFRAME via un

Code :

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

1
2
var lstIframe = document.getElementsByTagName('IFRAME'); // récupère une nodeLsit de toutes les IFRAME
var oIframe = lstIframe[0]; // récup. de la 1st IFRAME