Besoin d'assistance

metronome237
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021
- 18 août 2021 à 16:51
@karamel
Messages postés
1811
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
4 septembre 2022
- 20 août 2021 à 20:55
</div><label><b> N° de Facture </b></label>

              
             
			<input type="text" name="numero" id="numero" value="" placeholder="veuillez entrer le numéro de facture" style="width: 55%; padding: 10px 25px; margin: 8px; font-size: 14px; display: inline-block; border: 5px solid #aaa; box-sizing: border-box;" value="";>

        <input type="submit" id="submit" value="Afficher"  style="width: 12%; padding: 10px 8px; margin: 8px 0;display: inline-block;border: 3px solid #ccc;box-sizing: border-box;"/><br>
        <br>

       	
			<label><b style="margin-right: 5px;">Date facture </b></label> 


			<input type="Date" name="datefacture" id="date" value="03/08/21" 
			  style="width: 65%; padding: 10px 30px; margin: 8px 0; margin-right: 8px; font-size: 18px;display: inline-block;border: 5px solid #bbb;box-sizing: border-box;"><br>


			<label><b style="margin-right: 60px;">Client</b></label>


			<input type="text" name="client" id="client" value="jfet" style="width: 65%; padding: 10px 25px; margin-right: 8px 0;display:inline-block3 font-size: 15px;border: 5px solid #bbb;box-sizing: border-box;"><br>

			<label><b style="margin-right: 10px;">Montant total</b></label>


			<input type="text" name="montant" id="montant" value="5.000.000" style="width: 65%; padding: 10px 25px; margin: 8px 0;display: inline-block; font-size: 15px;border: 5px solid #bbb;box-sizing: border-box;"><br>


			<label><b style="margin-right: 45px;">Etat: NL</b></label>


			<input type="" name="etat" id="etat" value="Livrer" style="width: 65%; padding: 10px 10px; margin: 8px 0;display: inline-block;border: 5px solid #bbb;box-sizing: border-box;"><br>


		<input type="submit" id="submit" value="Livrer"style="width: 15%; padding: 10px 10px; margin: 8px 0;display: inline-block;border: 5px solid #bbb;box-sizing: border-box;" ><br>

         </div>
			
		</form>
		
    
   </body>
</html>	





bonjour je voudrais que lorsque j'entre une valeur dans numero de facture les autres champs soient remplis en dur gràce aux javaScript svp

3 réponses

@karamel
Messages postés
1811
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
4 septembre 2022
145
19 août 2021 à 23:06
base toi sur ce code

<!DOCTYPE HTML>
<html lang="fr">
 
<head>
  <meta charset="UTF-8">

  <style>
  </style>
  <script>
 
addEventListener('load',function(){

  document.getElementById("btn").onclick=valide

,false})
 
 var tb_donne={
 "numero": "544587",
 "datefacture": "01-05-20",
 "nomclient": "duduche"
}
 
 
function valide(){

var val=document.getElementById("numero").value

console.log(tb_donne["datefacture"])
if(val==tb_donne["numero"]){

  document.getElementById("date").value=tb_donne["datefacture"]
  document.getElementById("client").value=tb_donne["nomclient"]

  }
}
 
  </script>
 
</head>
<body>
 
 <input type="text" name="numero" id="numero" value="" placeholder="veuillez entrer le numéro de facture" style="width: 55%; padding: 10px 25px; margin: 8px; font-size: 14px; display: inline-block; border: 5px solid #aaa; box-sizing: border-box;" value="";>

       <button id="btn"> bouton </button><br>
        <br>
       	
			<label><b style="margin-right: 5px;">Date facture </b></label> 

			<input type="text" name="datefacture" id="date" value="03/08/21" 
			  style="width: 65%; padding: 10px 30px; margin: 8px 0; margin-right: 8px; font-size: 18px;display: inline-block;border: 5px solid #bbb;box-sizing: border-box;"><br>

			<label><b style="margin-right: 60px;">Client</b></label>

			<input type="text" name="client" id="client" value="jfet" style="width: 65%; padding: 10px 25px; margin-right: 8px 0;display:inline-block3 font-size: 15px;border: 5px solid #bbb;box-sizing: border-box;"><br>
</body>
</html>
1
metronome237
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

20 août 2021 à 12:00
Bonjour rien ne s’affiche comme je le voudrais
0
@karamel
Messages postés
1811
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
4 septembre 2022
145 > metronome237
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

20 août 2021 à 20:55
quel est le probleme
0
@karamel
Messages postés
1811
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
4 septembre 2022
145
18 août 2021 à 21:39
bonjour

elles viennent d’où les donné qui alimentent le formulaire ?
0
metronome237
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

18 août 2021 à 22:07
On les mets nous mêmes en dur d’abord pour un essai
La date
Le client
Le montant et l’état
Lorsqu’on va cliquer sur le bouton afficher ces informations doivent s’afficher
0
@karamel
Messages postés
1811
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
4 septembre 2022
145
Modifié le 18 août 2021 à 22:30
utilise un tableau d'objet json pour les factures

voici un lien vers un tuto que j'ai redigé dans lequel ce trouve un exemple pour la météo et qui est dans le meme principe sans la partie ajax et la parti affichage diffère il faudra pour chaque entrée faire

document.getElementById("id_input").value=....


et n'utilise pas de bouton submit pour appeler la fonction un bouton classique suffit

<button onclick ="la_fonction()">démarrer</button>

rien ne sert de courir il faut partir a point.
cours Forest cours !
0
metronome237
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

19 août 2021 à 10:52
Bonjour et est-ce que là les autres champs seront remplis en dur??
0