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 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 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 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
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 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153 > 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 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
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 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
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>

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
Rejoignez-nous