Besoin d'assistance

Signaler
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021
-
Messages postés
1796
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 septembre 2021
-
</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

Messages postés
1796
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 septembre 2021
134
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>
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

Bonjour rien ne s’affiche comme je le voudrais
Messages postés
1796
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 septembre 2021
134 >
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

quel est le probleme
Messages postés
1796
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 septembre 2021
134
bonjour

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

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
Messages postés
1796
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 septembre 2021
134
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 !
Messages postés
34
Date d'inscription
mercredi 11 août 2021
Statut
Membre
Dernière intervention
10 septembre 2021

Bonjour et est-ce que là les autres champs seront remplis en dur??