Enregistrement du choix d'image de fond

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Enregistrement du choix d'image de fond

punisher92

Bonjour à tous !

Suite à l'utilisation d'un tutoriel de ce forum intitulé Selecteur d'image de fond, et le mélange d'un autre trouver sur le net j'ai pu obtenir ce que je souhaitais mais un seul hic ! Le choix ne s'enregistre pas et je ne m'y connait pas en script et coockie.

Et également, comment faire pour en sélectionné une par défaut ?

Voici mon code :

Code :

<form>
<script language="JavaScript">
function ChangeBackGround(fichier) {
document.body.background=fichier
}
</script>
<input type="button" value="Fond 1" onClick="ChangeBackGround('fond1.jpg')">
<input type="button" value="Fond 2" onClick="ChangeBackGround('fond2.jpg')">
<input type="button" value="Fond 3" onClick="ChangeBackGround('fond3.jpg')">
<input type="button" value="Fond 4" onClick="ChangeBackGround('fond4.jpg')">
</form>

Je sais qu'il y a pas grand chose à rajouter dans le script pour que le choix de l'utilisateur reste enregistré dans les coockies alors si vous pouviez m'aider, merci !

Publicité

OrcusZ

Pro AMD | .Net lover

Bonjour,

Alors pour que ce soit définitif ( sauf nouveau changement de l'utilisateur ) le mieux c'est de passé par une sauvegarde dans un fichier ou BDD.

Car les cookie ne sauvegarde que le temps d'une session

Sinon si tu veux déjà faire un test avec des cookie voici comment en créé un

Code :

// un cookie qui s'apelle fond, qui a pour valeur fon1.jpg, qui dure 7200sec et se situe à la racine de ton projet
setcookie('fond','fond1.jpg' , time() + 7200,'/');

et voici comment l'utiliser

Code :

$_COOKIE['fond']

Le mieux c'est de faire une function avec un paramètre et la valeur de ton cookie prendrait ce paramètre

Bon courage

---------------
Made you your own sentence without believing that of the others...

dreameddeath

Je ne suis pas sûr qu'il se soit lancé dans du PHP...
d'ailleurs la selection du fond est fait en Javascript.

Il existe des tutos sur internet sur comment gérer des cookies depuis du javascript (via la variable document.cookie). Par exemple : le lien http://www.w3schools.com/js/js_cookies.asp en parle...

punisher92

Merci pour vos réponses !

Un cookie peut durer bien plus longtemps que ça.

Le problème est que je n'arrive pas du tout à intégrer le cookie en javascript

Je précise que je suis sur un forum type : forumactif ou encore xooit donc je n'utilise pas de php

OrcusZ

Pro AMD | .Net lover

Je l'ai pas fait en javascript ( déjà j'ai eu du mal en php xD )

est-ce que tu as déjà une bride de code pour ton cookie en JS ( je pense qu'au niveau paramétrage ça doit être la même chose qu'en php )

Et oui je sais que tu peux le laisser plus longtemps

---------------
Made you your own sentence without believing that of the others...

dreameddeath

J'ai donné un lien qui donne des bouts de code pour gérer des cookies en JS dans le browser...

punisher92

Voilà le script avec le code cookie ajouté mais j'arrive pas à le paramétrer :

<form>
<script language="JavaScript">

var expdate = new Date();
expdate.setTime(expdate.getTime() + (1000*3600*24*365));
document.cookie = 'ChangeBackGround' + newstyle + '; expires=' + expdate.toGMTString() + '; path=/';
self.location = self.location;

function ChangeBackGround(fichier) {

document.body.background=fichier

}

</script>

<input type="button" value="Fond 1" onClick="ChangeBackGround('fond1.jpg')">

<input type="button" value="Fond 2" onClick="ChangeBackGround('fond2.jpg')">

<input type="button" value="Fond 3" onClick="ChangeBackGround('fond3.jpg')">

<input type="button" value="Fond 4" onClick="ChangeBackGround('fond4.jpg')">

</form>

Mais ça ne marche pas

dreameddeath

Il faut reprendre les fonctions setCookie et getCookie du lien en question.

Le code pourrait ressembler à qq chose du style :

Code :

function ChangeBackGround(fichier) {
document.body.background=fichier;
setCookie("backgroundFile",fichier, XXXX);
}
var savedFile = getCookie("backgroundFile" );
if((savedFile !=null) && (savedFile !="" )){
ChangeBackGround(savedFile );
}
else{
ChangeBackGround("[fond par defaut].jpg" );
}

Message édité par dreameddeath le 28-05-2014 à 11:55:27

punisher92

ça ne fonctionne pas

Est ce le code exact ou il y a encore des modifications à apporter ? Je dois dire que je suis paumé avec ce script, les cookies ce n'est pas aussi facile que ce que l'on croit.

dreameddeath

tu as intégré le code des fonctions setCookie et getCookie du lien :
http://www.w3schools.com/js/js_cookies.asp ????

J'ai fait un test Unitaire et ça marche pas trop mal (changement de contenu d'un div+boutons pour changer de valeur)

Publicité

punisher92

Bon voilà ce que ça donne !

Code :

<body onload="ChangeBackGround(getCookie('ChangeBackGround'))">
<form>
<input type="button" value="Fond 1" onClick="ChangeBackGround('fond1.jpg')">
<input type="button" value="Fond 2" onClick="ChangeBackGround('fond2.jpg')">
<input type="button" value="Fond 3" onClick="ChangeBackGround('fond3.jpg')">
<input type="button" value="Fond 4" onClick="ChangeBackGround('fond4.jpg')">
</form>
<script language="JavaScript">
function ChangeBackGround(fichier) {
document.body.background=fichier
var expdate = new Date();
expdate.setTime(expdate.getTime() + (1000*3600*24*365));
document.cookie = "ChangeBackGround=" + fichier + ';expires='+expdate.toGMTString() + ';path=/';
}
function getCookie(cname){
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
</script>
</body>

ça fonctionne bien sauf que le hic c'est que l'image de fond vient se charger en dernier, ce qui n'est pas térrible, il faudra que le premier élément à charger sur la page soit le fond ....

Savez vous comment y remédier ?

dreameddeath

Le plus simple est d'aller regarder du côté de jquery et la fonction $(document).ready

punisher92

Je m'y connais malheureusement pas assez

Puis jQuery il y a longtemps que j'essaye mais sans succès trop complexe à prendre en main pour moi ...

FORUM HardWare.fr

Programmation

HTML/CSS

Enregistrement du choix d'image de fond

Sujets relatifs
bordure image Html / CSS	[PHP] probleme #Ressource #Fichier sur manip image
Choix d'un livre	Projet en Java's cool, effet sur image
[Javascool] Projet traitement d'image pour le Bac	Image ne s'affiche pas
Comment afficher un résultat en fonction du choix de l'utilisateur	queqtion sur image.gif
placer image sur panel depuis menu, plusieurs images, non !!!
Plus de sujets relatifs à : Enregistrement du choix d'image de fond

Page générée en 0.063 secondes