Faire apparaître des zones de texte une à une en cliquant sur un bouton

**solerian** · 01/06/2016, 09h40

Bonjour à tous,

Je souhaite faire apparaître plusieurs zone de texte une à une en cliquant sur un bouton (maximum 5 ) mais je ne sais pas si je dois utiliser du java script ou du php.
L'inconvénient c'est que je ne connais pas trop la syntaxe du JS et du PHP
Je pensais peu-être partir sur une boucle For et a chaque fois que l'on appuie sur le bouton et on fait une incrémentation de 0 jusque 5 en allant de +1 à chaque fois ?

Voici mon formulaire:

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
<html>
<head>
<title> formulaire </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<SCRIPT LANGUAGE="javascript">
function afficher(formulaire) { 
var testin =document. formulaire.input.value; 
document.formulaire.output.value=testin 
} 
</SCRIPT>
</head>
 
<body><form action="/formulaire" method="post">
    <div>
        <label for="Famille"> Famille :</label>
		<SELECT name="nom" size="1">
		<OPTION>facture</OPTION>
		<OPTION>paie</OPTION>
		<OPTION>ordonnance</OPTION>
		</SELECT>
    <br></div></br>
    <p><i><u>Choisir parmis les champs suivants :</u> </i></p><br>
	<p> Exemple pour les factures: Nom du client, n°Facture, n°Client</p><!--je voudrais que les champs varient selon le type de fichier choisit est-ce possible ? -->
 
	<div class="button">
        <label for="mot cle"> mots clés :</label>
        <button type="submit">+</button>
		<input type="text"  name="Nom du client" size="20" maxlength="20"><br>		
		<input type="int"  name="Numéro de facture" size="20" maxlength="20"><br>
		<input type="int"  name="Numéro de client" size="20" maxlength="20"><br>
		<input type="date"  name="date" size="20" maxlength="20"><br>
		<INPUT TYPE="text" NAME="input" VALUE=""> Zone de texte d'entrée <BR> 
		<INPUT TYPE="button" NAME="bouton" VALUE="Afficher" onClick="afficher(formulaire)"><BR>
		<INPUT TYPE="text" NAME="output" VALUE=""> Zone de texte de sortie 
	<br></div></br>
 
	<div class="button">
        <button type="reset">Reset</button>
		<button type="submit">Rechercher</button>
	</div>
 
 
</form>
</body>

Je vous remercie d'avance pour votre aide.

Cordialement

**mathieu** · 01/06/2016, 20h32

Le choix entre PHP et JavaScript dépend de plusieurs critères.
Par exemple PHP s'exécute côté serveur et le JavaScript côté client donc le choix peut dépendre des fonctionnalités recherchées dans le domaine de la sécurité.

**solerian** · 02/06/2016, 09h06

Ça sera plus côté serveur comme je veux également utiliser un système de mot de passe du coup je pense utiliser que du PHP mais je ne vois pas comment je peux faire.
Est ce que tu aurais une ou plusieurs piste que je pourrais creuser afin de réaliser cette boucle ?

**mathieu** · 02/06/2016, 09h15

vous pouvez commencer à regarder là :
http://sylvie-vauthier.developpez.co...rand-debutant/

en ce qui concerne cette discussion, vous devriez demander à un modérateur de déplacer la discussion dans la partie PHP
http://www.developpez.net/forums/f443/php/

**solerian** · 02/06/2016, 09h42

Et pour sécuriser la page web avec un mot de passe il faut que j'utilise du php ?

**solerian** · 02/06/2016, 11h55

Précisions :

Si je choisis facture je veux que l'on affiche ça :

Code :

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

<p> Exemple pour les factures: Nom du client, n°Facture, n°Client</p>

Si je choisis paie je veux que l'on affiche ça :

Code :

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

<p> Exemple pour les paies: Matricule, nom du salarié</p>

Est ce possible de faire ça en PHP ??

Je vous remercie d'avance pour votre aide.

Cordialement

**slack457** · 02/06/2016, 12h43

Salut,

non on ne peut pas faire ça en PHP, il va falloir utiliser un peu javascript.

tu met un identifiant aux éléments que tu veux "montrer" seulement quand on "sélectionne" une certaine option, ie :

Code :

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

1
2
<p id="details_facture"> Exemple pour les factures: Nom du client, n°Facture, n°Client</p>
<p id="details_salarie"> Exemple pour les paies: Matricule, nom du salarié</p>

Et tu met aussi un id au select

Code :

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

<SELECT id="mon_select" name="nom" size="1">

Ensuite dans un script JS, quand l'utilisateur sélectionne une option du select, tu récupère cette valeur, et tu met un condition if/else dessus.
- si la valeur correspond aux factures, tu CACHE "details_salarie" (et tous les autres si tu en a d'autres), et tu en MONTRE un seul : "details_factures"
- si la valeur correspond aux salariés, même idée : tu CACHE tout sauf "details_salarie", et tu MONTRE "details_salarie"

PS : l'AJAX serait parfait dans cette situation

**solerian** · 02/06/2016, 13h44

Bonjour,

Dans mon code html j'ai un peu de PHP pour demande d'identifiant et de mot de passe.
Est-ce que je peux mettre du PHP et du Java script dans le même programme ?

**Vil'Coyote** · 02/06/2016, 13h46

rien n'empêche d'utiliser php pour l'identification et javascript pour la gestion des éléments de formulaire.

**thejocker9** · 02/06/2016, 14h43

Envoyé par solerian

Bonjour,

Dans mon code html j'ai un peu de PHP pour demande d'identifiant et de mot de passe.
Est-ce que je peux mettre du PHP et du Java script dans le même programme ?

Bien sur

PHP s'éxecute coté serveur
Js coté client
LEs deux fonctionnent très bien ensemble

**solerian** · 02/06/2016, 15h21

d'accord merci beaucoup

**solerian** · 02/06/2016, 16h57

est ce que tu pourrais me montrer un exemple pour la syntaxe d'un if s'il te plait

Merci d'avance

**thejocker9** · 02/06/2016, 17h04

Euh c'est a dire

En php

Code :

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

if(1==1)

attention sa se complique
En js

Code :

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

if(1==1)

**solerian** · 02/06/2016, 17h10

du coup moi ça me donnerait quelque chose de ce genre :
En js

Code :

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

1
2
if (SELECT id=detail_facture)
print detail_facture

**thejocker9** · 02/06/2016, 17h40

Euh je t'invite serieusement à lire un tuto sur le js, parce que la sa va pas etre possible

tuto javascript

Faire apparaître des zones de texte une à une en cliquant sur un bouton

JavaScript

Discussions similaires

Partager

Partager