Dupliquer code à la demande de l'utilisateur

**djedje-08** · 03/01/2016, 16h24

Bonjour à tous,
Vous trouverez ci-dessous mon petit code allégé qui me sert de test.
Comme vous le verrez, il n'y a rien de très spécial :

Une instruction PHP qui récupère une valeur dans un fichier pour l'afficher dans un champs
Une instruction PHP qui permet d'enregistrer la modification d'un champ dans le fichier
Une fonction JavaScript qui effectue des calculs automatiquement au chargement de la page et lors de la modification des champs.

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
<html>
<head>
<script type="text/javascript">
	function Calc_Pos1() { 
	var PrixEntrePos1 =((document.getElementById('PtEntre_1').value - document.getElementById('Strike_1').value)+2)/100;
	PrixEntrePos1 =  Math.round(PrixEntrePos1*100)/100;
	PrixEntreTurbo1Calc.innerHTML = PrixEntrePos1;
 
	var PrixTPPos1 =((document.getElementById('TP_1').value - document.getElementById('Strike_1').value)-2)/100;
	PrixTPPos1 =  Math.round(PrixTPPos1*100)/100;
	PrixTurboTP_1Calc.innerHTML = PrixTPPos1;
 
	var GainTP1 = (document.getElementById("PrixTurbotTP_1User").value - document.getElementById("PrixTurbotEntre_1User").value)* document.getElementById("QteUser_1").value;
	GainTP1 = Math.round(GainTP1*100)/100;
	GainTurbotTP_1.innerHTML=GainTP1;
 
	}
</script>
</head>
 
<body>
 
<form method="post" action="" >
<?php   
        
        $FichierPos1 = file("pos01.txt");
        $QtePos1 =                              $FichierPos1[0];
        ?>
 
Ex. Price : <input type="text" id="Strike_1" name="Strike_1" value="4224.90" size="6"/>
</br>
Qt&eacute;. :
	<input type="text" id="QteUser_1" name="QteUser_1" size="4" value="<?php echo $QtePos1; ?>"onkeyup="Calc_Pos1()"/>
</br>
P-E :
	<input type="text" id="PtEntre_1" name="PtEntre_1" value="4685" size="5" onkeyup="Calc_Pos1()"/>
	Calc : <span id="PrixEntreTurbo1Calc"></span>
	User : <input type="text" id="PrixTurbotEntre_1User" name="PrixTurbotEntre_1User" size="5" onkeyup="Calc_Pos1()" />
</br>
T-P : 
	<input type="text" id="TP_1" name="TP_1" value="4730" size="5" onkeyup="Calc_Pos1()"/>
	Calc : <span id="PrixTurboTP_1Calc"></span>
	User : <input type="text" id="PrixTurbotTP_1User" name="PrixTurbotTP_1User" size="5" onkeyup="Calc_Pos1()"/>
	Earn : <span id="GainTurbotTP_1"></span>
<br>
<input type="submit" name="ModifPos1" id="ModifPos1" value="Modify">
<?php
      if(isset($_POST["ModifPos1"])){
                                                                        $QtePos1 =                              $_POST['QteUser_1'];                                                    
                                                                        file_put_contents('pos01.txt',$QtePos1);
                                                                        }
        ?>	
 
	<script type="text/javascript">
	window.onload = Calc_Pos1();
	</script>
</body>
</html>

Ma question est la suivante : j'aimerai que l'utilisateur puisse appuyer sur un bouton pour ajouter un ou plusieurs nouvel ensemble, similaire au premier mais qui enregistrerait les données dans le fichier pos02.txt.
L'utilisateur pourrait également supprimer un ensemble créé ce qui supprimerait par la même le fichier pos02.txt ; ou pos03.txt s'il s'agit du troisième ensemble etc ...
Je ne sais pas comment aborder le problème.
L'un d'entre vous aurait-il une piste pour m'aiguiller ?

Merci d'avance pour mes réponses pertinentes.

**autran** · 03/01/2016, 16h55

Tu veux créer et supprimer tes fichiers sur le poste de l'utilisateur (sur lequel s’exécute le navigateur IE ou firefox) ou sur le serveur ?

**djedje-08** · 03/01/2016, 17h43

Bonjour Autran, et merci de t'interesser a ma question.
Les fichiers avec lesquels je travaille sont sur le serveur. C'est un petit script PHP qui se charge de recuperer et d'enregistrer les valeurs dans ce fichier (cf mon code ci dessus)

**autran** · 03/01/2016, 18h24

OK donc comme tu es sur un forum JavaScript et pas PHP, je suppose que ta question est plus du genre: "comment organiser l'ergonomie de la page pour que l'utilisateur puisse ajouter ou supprimer des ensembles de données?"
Chaque ensemble étant enregistré dans un fichier.

Si telle est ta question, je te répondrai que tu devrait faire comme un panier sur un site marchand.
Chaque ensemble serait une des lignes du panier.

Qu'en penses-tu ?

**djedje-08** · 03/01/2016, 19h05

Je ne connais pas grand chose en JavaScript ni en PHP, je me dépatrouille tout seul en regardant les exemples sur le net. je ne sais donc pas comment est créé un script de panier marchant.
Ma question ne porte pas tant sur l'ergonomie de la page, mais plutôt comment créer le code qui me permettra de créer ce que je veux.
J'avais éventuellement pensé à une boucle for / next qui lirait le nombre de fichier du style pos01.txt, pos02.txt etc ... Mais pour la création d'un nouveau bloc, je ne sais pas encore comment faire.
Mais concrètement je n'ai encore aucune idée de comment créer ce genre de code, sachant de les nom des variables de mon script actuel contiennent le chiffre 1 pour me faciliter la compréhension et éventuellement la programmation futur.

Côté interface utilisateur, c'est simple, j'imagine un simple bouton pour ajouter "un bloc" et un autre supprimer "un bloc". La suppression du bloc entrainerait la suppression du fichier associé.
Mais comme dit, je ne sais pas comment aborder ça.
Que la solution soit en JavaScript ou en PHP ou dans un autre langue web m'importe peu, du moment que la solution, soit assez simple à mettre en œuvre.
J'ai posté ma question dans le forum JavaScript parce que mon code actuel contient bien plus de JavaScript qu'autre chose

Pour corser le tout, cette page web sera utilisé sur smartphone qui peuvent ne pas avoir de connexion 3G, la limitation de la bande passante est donc également à prendre en compte.

**autran** · 03/01/2016, 19h19

heu si ton smartphone n'a pas de connexion 3G, je suppose qu'elle n'a pas non plus de connexion 4G; donc par limitation de la BP, je suppose que tu veux dire pas de connexion du tout.
et alors la il faudrait que tu stocke localement tes données.

Dupliquer code à la demande de l'utilisateur

JavaScript

Vue hybride

Discussions similaires

Partager

Partager