Bienvenue sur les forums conseil & création · S'enregistrer

Se connecter automatiquement

Forums » Mise en page (HTML/CSS) » placer un coockie · Envoyer le lien

Par asus, le 16 Mai 2008, 16:23 Revenir en haut de page Répondre en citant

bonjour,
voila j'ai ajouter un script qui permet au visiteur de changer la couleur de fond de la page, mais le soucis est que quand on change de page la couleur par default revient alors que j'aimerais que la couleur choisis puisse rester meme en changeant de page.
voici le code placer entre body et /body

Code:

<form name="myform">
<div align="center">
<center><strong><select name="D1" size="1" onchange="document.bgColor=this.options[this.selectedIndex].value">
<option selected value="FFFFF">Choisissez une couleur de fond d'écran </option>
<option value="blue">Bleu </option>
<option value="aquamarine">Vert clair </option>
<option value="chocolate">Brun </option>
<option value="darkred">Marron </option>
<option value="gold">Or </option>
<option value="red">Rouge </option>
<option value="yellow">Jaune </option>
<option value="hotpink">Rose </option>
<option value="lime">Lime </option>
<option value="darkkhaki">Kaki </option>
<option value="cadetblue ">Violet </option>
<option value="darkslateblue">Bleu marine </option>
<option value="turquoise">Turquoise </option>
<option value="000000">Noir</option>
</select></strong></center></div>
</form>


je pense qu'il faudrais un cookies pour concervé la couleur choisis.

merci
Par Cédric, le 17 Mai 2008, 11:19 Revenir en haut de page Répondre en citant

Salut,

Oui, dans la mesure où il s'agit d'un visiteur, donc sans compte utilisateur sur le site (qui permettrait de stocker ses préférences), la meilleure solution est le cookie.

Donc... où est ton problème au juste ? Tu ne sais pas comment définir / lire un cookie en javascript ?

Par rapport à ton code, il faut juste utiliser une fonction dans ton onchange:

Code:
onchange="set_background(this.options[this.selectedIndex].value)"


Tu crées la fonction set_background(couleur) qui:
  1. met à jour le paramètre: document.bgColor = couleur
  2. crée le cookie: ecrire_cookie("couleur", couleur);


Bien sûr, ne pas oublier d'y inclure les fonctions ecrire_cookie / lire_cookie... et d'ajouter au body onload une fonction qui va

  1. lire le cookie couleur
  2. Si le cookie n'existe pas, on affecte une couleur par défaut
  3. met à jour le paramètre: document.bgColor = couleur


Tu insères tout ça en début de page, ou mieux dans un fichier .js lié à chaque page. Voilà pour faire simple, est-ce que ça te va? Si tu veux plus d'explications, n'hésites pas Wink

Cédric

Forums » Mise en page (HTML/CSS) » placer un coockie · Envoyer le lien