Problème d'affichage en mode update
Lenouveauapprenti
Messages postés
306
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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
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:
- Problème d'affichage en mode update
- Mode avion - Guide
- Mode sécurisé samsung - Guide
- God mode - Guide
- Mode d'emploi - Guide
- Mode suivi des modifications - Guide
3 réponses
Bonjour
Avec si peu d'information impossible de te répondre ..
Il faudrait nous partager ton code complet
Avec si peu d'information impossible de te répondre ..
Il faudrait nous partager ton code complet
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.
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.
Re bonjour
mes codes sont comme suit , bien sûr je n'ai pas encore coder la procédure de modification.
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; }
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
Pour éviter cela il faut mettre un preventDefault
https://www.codegrepper.com/code-examples/javascript/prevent+default+submit