LocalStorage Ecriture , Lecture, Suppression Problème

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème

par Aureusms » 08 avr. 2015, 22:57

Il suffit de déclarer la variable comme par exemple :

Code : Tout sélectionner

var nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);

Re: LocalStorage Ecriture , Lecture, Suppression Problème

par DOOM89 » 07 avr. 2015, 19:26

De l'aide s'il vous plaît :(

Re: LocalStorage Ecriture , Lecture, Suppression Problème

par DOOM89 » 07 avr. 2015, 17:24

effectivement
nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);

nomPersonne n'étant jamais défini, il est affecté une valeur nulle dans localStorage
donc pareil sur les 4 champs
Que faut t'il faire alors s'il vous plaît ?

Re: LocalStorage Ecriture , Lecture, Suppression Problème

par tof73 » 07 avr. 2015, 17:19

effectivement
nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);

nomPersonne n'étant jamais défini, il est affecté une valeur nulle dans localStorage
donc pareil sur les 4 champs

Re: LocalStorage Ecriture , Lecture, Suppression Problème

par DOOM89 » 07 avr. 2015, 16:57

c'est pareil pour les 4 champs ou seulement l'intitule qui n'est jamais defini ?
parein pour les 4 champs , l'intitule n'est jamais défini

Re: LocalStorage Ecriture , Lecture, Suppression Problème

par tof73 » 07 avr. 2015, 16:53

c'est pareil pour les 4 champs ou seulement l'intitule qui n'est jamais defini ?

LocalStorage Ecriture , Lecture, Suppression Problème

par DOOM89 » 07 avr. 2015, 16:20

Bonjour/Bonsoir à tous
Je commence a apprendre le JavaScript, J'ai donc mit en place un fichier htm qui me permet de taper dans un formulaire un nom, un prénom et un email qui sera sauvegarder dans le navigateur en cliquant sur le bouton << Ecriture >> puis que je peux afficher le résultat en cliquant sur le bouton << Lecture >> et de supprimer cette sauvegarde avec le bouton << Supression >>
Le problème et lorsque je clique sur écriture il est écrit << Undefinided >> et quand je clique sur lecture il y a marqué << null >>
Je ne m'y connais pas du tout en javascript pouvez-vous m'aidez à résoudre mon problème s'il vous plait

FONCTION ECRITURE

Code : Tout sélectionner

/* Fonction ecrireLocalStorage */ function ecrireLocalStorage() { /* Test possibilité d'utiliser localStorage */ if ( typeof localStorage != "undefined") { /* Stockage du nom (nomPersonne) dans le stockage localStorage */ nomPersonne = localStorage.setItem("nomPersonne", nomPersonne); /* Stockage du prénom (prenomPersonne) dans le stockage localStorage */ prenomPersonne = localStorage.setItem("prenomPersonne", prenomPersonne); /* Stockage du mail (mailPersonne) dans le stockage localStorage */ mailPersonne = localStorage.setItem("mailPersonne", mailPersonne); /* Affichage de contrôle */ intitule = "Contenu du localStorage (après écriture)"; document.getElementById("intitule").innerHTML = intitule; document.getElementById("nomPersonne").innerHTML = nomPersonne; document.getElementById("prenomPersonne").innerHTML = prenomPersonne; document.getElementById("mailPersonne").innerHTML = mailPersonne; } else { /* Message d'erreur (pas de possibilité de stockage localStorage) */ alert("localStorage n'est pas supporté"); } };
FONCTION LECTURE :

Code : Tout sélectionner

/* Fonction lireLocalStorage */ function lireLocalStorage() { /* Test possibilité d'utiliser localStorage */ if ( typeof localStorage != "undefined") { /* Récupération du nom (nomPersonne) depuis le stockage localStorage */ var nomPersonne = localStorage.getItem("nomPersonne"); /* Récupération du prénom (prenomPersonne) depuis le stockage localStorage */ var prenomPersonne = localStorage.getItem("prenomPersonne"); /* Récupération du mail (mailPersonne) depuis le stockage localStorage */ var mailPersonne = localStorage.getItem("mailPersonne"); /* Affichage de contrôle */ intitule = "Contenu du localStorage (après relecture)"; document.getElementById("intitule").innerHTML = intitule; document.getElementById("nomPersonne").innerHTML = nomPersonne; document.getElementById("prenomPersonne").innerHTML = prenomPersonne; document.getElementById("mailPersonne").innerHTML = mailPersonne; } else { /* Message d'erreur (pas de possibilité de stockage localStorage) */ alert("localStorage n'est pas supporté"); } };
FONCTION SUPPRESSION :

Code : Tout sélectionner

/* Fonction supprimerLocalStorage */ function supprimerLocalStorage() { localStorage.clear(); };
FORMULAIRE :
<form>
<FORM method = "post" onSubmit="ecrireLocalStorage()"> 
<INPUT TYPE="text" NAME="nomPersonne" VALUE=""> Nom <BR> 
<INPUT TYPE="text" NAME="prenomPersonne" VALUE=""> Prenom <BR> 
<INPUT TYPE="email" NAME="mailPersonne" VALUE=""> Mail <BR> 
<input
				type="button"
				id="boutonEcriture"
				value="Ecriture dans localStorage"
				onclick="ecrireLocalStorage();"
			/>
			<br />
 </form>
		<form>
			<input
				type="button"
				id="boutonLecture"
				value="Lecture depuis localStorage"
				onclick="lireLocalStorage();"
			/>
			<br />
			<input
				type="button"
				id="boutonSuppression"
				value="Suppression de l'entrée dans localStorage"
				onclick="supprimerLocalStorage();"
			/>
		</form>

		<!-- Affichage du contenu du système de stockage -->
		<br />
		<span id="intitule"></span>
		<br />
		<span id="nomPersonne"></span>
		<br />
		<span id="prenomPersonne"></span>
		<br />
		<span id="mailPersonne"></span>