Problème d'affichage en mode update

Fermé
Lenouveauapprenti Messages postés 300 Date d'inscription samedi 22 décembre 2018 Statut Membre Dernière intervention 7 avril 2024 - 14 févr. 2022 à 13:11
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 14 févr. 2022 à 16:33
Bonjour,

N.B : je suis encore novice en JS, et je tente d'en apprendre un bout.
Voilà j'ai un problème d'affichage des valeurs dans leurs inputs, une fois je clique sur le button update de la table, les valeurs s'affichent et dispraissent automatiquement,
Je veux qu'elles restent affichées jusqu'à l'évenement onclick sur le button update hors table.

Merci d'avance

Le code est comme suit


function UpdateData(i){
nom.value = DataInscrit[i].nom;
prenom.value = DataInscrit[i].prenom;
}



Configuration: Android / Chrome 98.0.4758.87
A voir également:

3 réponses

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
14 févr. 2022 à 13:17
Bonjour
Avec si peu d'information impossible de te répondre ..
Il faudrait nous partager ton code complet
0
Lenouveauapprenti Messages postés 300 Date d'inscription samedi 22 décembre 2018 Statut Membre Dernière intervention 7 avril 2024 2
14 févr. 2022 à 13:33
Je vous remercie tant pour votre réactivité, et vous avoue mon incapacité de partager mes codes, car je n'arrive pas à acceder à votre site à partir de mon pc .
Possible problème d'incompatibilité, mon systéme d'exploitation est encore XP.
Lors de l'accés le navigateur se bloque pour problème d'heure,
Je vous contacte seulemen tu à partir de mon télephone.
0
Lenouveauapprenti Messages postés 300 Date d'inscription samedi 22 décembre 2018 Statut Membre Dernière intervention 7 avril 2024 2
14 févr. 2022 à 14:14
Re bonjour
mes codes sont comme suit , bien sûr je n'ai pas encore coder la procédure de modification.


// Declaration des variables

let nom = document.getElementById('nom');
let prenom = document.getElementById('prenom');


// Creation de la base de stockage

Let DataInscrit;

if(localStorage.Inscrit != null){
   DataInscrit = JSON.parse(localStorage.Inscrit);
}else{
   DataInscrit = [ ];
}

// Affectation des valeurs aux variables

submit.onclick = function(){
    
let NewInscrit = {
    nom:nom.value,
    prenom:prenom.value,
}
  if(NewInscrit.count > 1){
      for(let i = 0; i < NewIscrit.count;i++)
      DataInscrit.push(NewInscrit);
}else{
       DataInscrit.push(NewInscrit)
}
localStorage.setItem( 'Inscrit' , JSON.stringify(DataInscrit) );

ClearData()
ShowData()
}

function ClearData(){
  nom.value = '';
  prenom.value = '';
}

function ShowData(){
 let table = '';

  for(let i = 0; i < DataInscrit.length;i++){
  table += `

  <tr>
       <td>${i}</>
       <td>${DataInscrit[i].nom}</td>
       <td>${DataInscrit[i].prenom}</td>
       <td><button onclick="UpadateData(${i})" id="update" >modifier</button></td>
 </tr>
`
;
}
document.getElementById('tbody').innerHTML = table;
}

ShowData()

function UpdateData(i){
   nom.value = DataInscrit[i].nom;
  prenom.value = DataInscrit[i].prenom;
}

0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
14 févr. 2022 à 16:33
Attention... si tu fais un SUBMIT ça recharge la page....
Pour éviter cela il faut mettre un preventDefault
https://www.codegrepper.com/code-examples/javascript/prevent+default+submit
0