Besoin d'aide avec des cookies
gadoro
Messages postés
17
Statut
Membre
-
gadoro Messages postés 17 Statut Membre -
gadoro Messages postés 17 Statut Membre -
Bonjour,
je suis étudiant en javascript, il faut pour un travail que je récupère les données du formulaire à l'aide d'un cookie et que s'il existe, afficher l'information demandé("Bonjour" nom,prénom et comme background sa couleur préférée). S'il n'existe pas il faut afficher le formulaire. Je vous envoie la partie complétée de mon travail, je me suis arrêté au nom car je ne suis pas capable de le récupérer et de l'afficher. Je suis un peu(beaucoup!!)mélangé, votre aide sera d'une grande utilité.
merci
<html>
<head>
<title>Tâche 6</title>
<script language="JavaScript">
<!--
function verif_formulaire()
{
if(document.formulaire.nom.value == "")
{
alert("Veuillez entrer votre nom!");
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.prenom.value == "")
{
alert("Veuillez entrer votre prénom!");
document.formulaire.prenom.focus();
return false;
}
if(document.formulaire.couleur.selectedIndex==0)
{
alert("Veuillez choisir votre couleur préférée!");
document.formulaire.nom.focus();
return false;
}
}
//initialisation du cookie nom
var VotreNom = document.formulaire.nom.value;//récupération du nom saisie
Contenu = VotreNom;//mise en place du contenu
expdate.setTime(expdate.getTime)+(10*24*60*60*1000));
document.cookie = Nom+"="+Contenu+";expires="+expdate.toGMTString();
//récupération du cookie
LesCookies = document.cookie;
var Debut;
Debut = LesCookies.indexOf("=");
var LongueurCookie = LesCookies.length;
var Fin;
Fin = LesCookies.indexOf(";");
if(Fin == -1)
{
Fin = LongueurCookie;
}
VotreNom = LesCookies.substring(Debut + 1, Fin);
</head>
<body>
<script language="JavaScript">
<!--
document.write("Bonjour " + VotreNom +); //afichage du cookie nom
//->
</script>
<h2>Merci de visiter mon site, veuillez remplir le formulaire</h2><br>
<br>
<form name="formulaire" action=""method="" onSubmit="return verif_formulaire()">
Nom : <input type="text"name="nom"value""maxlenght="80"size="30"><br>
<br>
Prénom : <input type="text"name="prenom"value""maxlenght="80"size="30"><br>
<br>
Quelles est votre couleur préférée parmi les suivantes?
<select name="couleur">
<option value=""></option>
<option value="eau">eau</option>
<option value="noir">noir</option>
<option value="bleu">bleu</option>
<option value="fuchsia">fuchsia</option>
<option value="gris">gris</option>
<option value="vert">vert</option>
<option value="citron vert">citron vert</option>
<option value="marron">marron</option>
<option value="bleu marine">bleu marine</option>
<option value="vert olive">vert olive</option>
<option value="violet">violet</option>
<option value="rouge">rouge</option>
<option value="argent">argent</option>
<option value="sarcelle">sarcelle</option>
<option value="blanc">blanc</option>
<option>jaune</option>
</select><br>
<br>
<input type="submit"value="Soumettre">
<input type="reset"value="Effacer le formulaire">
</form>
<noscript><h1>Votre navigateur ne supporte pas le JavaScript</h1></noscript>
</body>
</html>
je suis étudiant en javascript, il faut pour un travail que je récupère les données du formulaire à l'aide d'un cookie et que s'il existe, afficher l'information demandé("Bonjour" nom,prénom et comme background sa couleur préférée). S'il n'existe pas il faut afficher le formulaire. Je vous envoie la partie complétée de mon travail, je me suis arrêté au nom car je ne suis pas capable de le récupérer et de l'afficher. Je suis un peu(beaucoup!!)mélangé, votre aide sera d'une grande utilité.
merci
<html>
<head>
<title>Tâche 6</title>
<script language="JavaScript">
<!--
function verif_formulaire()
{
if(document.formulaire.nom.value == "")
{
alert("Veuillez entrer votre nom!");
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.prenom.value == "")
{
alert("Veuillez entrer votre prénom!");
document.formulaire.prenom.focus();
return false;
}
if(document.formulaire.couleur.selectedIndex==0)
{
alert("Veuillez choisir votre couleur préférée!");
document.formulaire.nom.focus();
return false;
}
}
//initialisation du cookie nom
var VotreNom = document.formulaire.nom.value;//récupération du nom saisie
Contenu = VotreNom;//mise en place du contenu
expdate.setTime(expdate.getTime)+(10*24*60*60*1000));
document.cookie = Nom+"="+Contenu+";expires="+expdate.toGMTString();
//récupération du cookie
LesCookies = document.cookie;
var Debut;
Debut = LesCookies.indexOf("=");
var LongueurCookie = LesCookies.length;
var Fin;
Fin = LesCookies.indexOf(";");
if(Fin == -1)
{
Fin = LongueurCookie;
}
VotreNom = LesCookies.substring(Debut + 1, Fin);
</head>
<body>
<script language="JavaScript">
<!--
document.write("Bonjour " + VotreNom +); //afichage du cookie nom
//->
</script>
<h2>Merci de visiter mon site, veuillez remplir le formulaire</h2><br>
<br>
<form name="formulaire" action=""method="" onSubmit="return verif_formulaire()">
Nom : <input type="text"name="nom"value""maxlenght="80"size="30"><br>
<br>
Prénom : <input type="text"name="prenom"value""maxlenght="80"size="30"><br>
<br>
Quelles est votre couleur préférée parmi les suivantes?
<select name="couleur">
<option value=""></option>
<option value="eau">eau</option>
<option value="noir">noir</option>
<option value="bleu">bleu</option>
<option value="fuchsia">fuchsia</option>
<option value="gris">gris</option>
<option value="vert">vert</option>
<option value="citron vert">citron vert</option>
<option value="marron">marron</option>
<option value="bleu marine">bleu marine</option>
<option value="vert olive">vert olive</option>
<option value="violet">violet</option>
<option value="rouge">rouge</option>
<option value="argent">argent</option>
<option value="sarcelle">sarcelle</option>
<option value="blanc">blanc</option>
<option>jaune</option>
</select><br>
<br>
<input type="submit"value="Soumettre">
<input type="reset"value="Effacer le formulaire">
</form>
<noscript><h1>Votre navigateur ne supporte pas le JavaScript</h1></noscript>
</body>
</html>
A voir également:
- Besoin d'aide avec des cookies
- Supprimer les cookies - Guide
- Pop up cookies - Guide
- Cookies manager - Télécharger - Confidentialité
- Ou sont stockés les cookies firefox ✓ - Forum Mozilla Firefox
- La cause de ce problème peut être la désactivation ou le refus des cookies. ✓ - Forum Mozilla Firefox
4 réponses
je n'ai jamais fait de cour de Javascript.. mais c'est le langage qui me plait le plus (je suis autodidacte!!)
où est déclaré l'objet "expdate", la string "Nom"..
la variable document.cookie est spécial :
on écrie une variable (avec d'autre argument optionnel)
et on lit toutes les variable déjà écrie...
écriture :
document.cookie = nom+'='+encodeURI(valeur)+'; expires='+dateExpire+'; path=/" //...
lecture :
lst= document.cookie.split(';')
cookies = new Object() //bonus: création d'un objet contenant tous les cookies actuel !!
for(i=0; i<lst.length; i++)
{ elmt= lst[i].split('=')
cookies[elmt[0]]= decodeURI(elmt.slice(1).join('='))
}
valeur= cookies[nom]
essaye ma console javascript :
http://delepy.perso.cegetel.net/JS/console/console/console.htm
elle liste en plus les sous-élément des objets.. tu pourras trouvé l'élément qui sert à lire/choisir un <select>
où est déclaré l'objet "expdate", la string "Nom"..
la variable document.cookie est spécial :
on écrie une variable (avec d'autre argument optionnel)
et on lit toutes les variable déjà écrie...
écriture :
document.cookie = nom+'='+encodeURI(valeur)+'; expires='+dateExpire+'; path=/" //...
lecture :
lst= document.cookie.split(';')
cookies = new Object() //bonus: création d'un objet contenant tous les cookies actuel !!
for(i=0; i<lst.length; i++)
{ elmt= lst[i].split('=')
cookies[elmt[0]]= decodeURI(elmt.slice(1).join('='))
}
valeur= cookies[nom]
essaye ma console javascript :
http://delepy.perso.cegetel.net/JS/console/console/console.htm
elle liste en plus les sous-élément des objets.. tu pourras trouvé l'élément qui sert à lire/choisir un <select>
salut, que faut-il que je trouve sur ton lien car il y a seulement«// version: Console JS v3.3 © DelepY 2008»
merci
merci
c'est une console :
déjà, si il à écrie sa, c'est quelle marche..
tu tape en bas, ta syntaxe javascript, et elle te donne le résultat avec un format selon le type de résultat
example, tape: document.forms[0].elements et il te listeras le numéro de tous les élément de ton formulaire
ou même, si tu tape document.getElementsByTagName('input'), il te listeras la liste d'<input>
cette console peut t'aider à retrouver les emboitement d'objet pour créer ton code javascript...
mais... t'as pas répondu à mes question !!
déjà, si il à écrie sa, c'est quelle marche..
tu tape en bas, ta syntaxe javascript, et elle te donne le résultat avec un format selon le type de résultat
example, tape: document.forms[0].elements et il te listeras le numéro de tous les élément de ton formulaire
ou même, si tu tape document.getElementsByTagName('input'), il te listeras la liste d'<input>
cette console peut t'aider à retrouver les emboitement d'objet pour créer ton code javascript...
mais... t'as pas répondu à mes question !!
Hum!! bonne question, je pensait de l'inclure dans le code html(est-ce bien une string??)
<body>
<script language="JavaScript">
<!--
document.write("Bonjour " + VotreNom +); //afichage du cookie nom
//->
</script>
Merci pour ton remps, je vais être absent pour 1 semaine, vacance oblige!! lors de mon retour je regarderai de plus près mon travail.
<body>
<script language="JavaScript">
<!--
document.write("Bonjour " + VotreNom +); //afichage du cookie nom
//->
</script>
Merci pour ton remps, je vais être absent pour 1 semaine, vacance oblige!! lors de mon retour je regarderai de plus près mon travail.
