Discussion :

[carber]

Bonjour,

J'ai deux pages HTML, une configure et une index. Je veux créer dans configure un bouton qui me donne une palette de couleurs et d'en choisir une et un bouton pour enregistrer et quand j'ouvre index.HTML le fond de cette page soit celle que j'ai choisie.

Comment faire s'il vous plait ?

Voilà le code que j'ai mis dans ma page configure

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
   <div class="col-md-2">
                            <label class="control-label required" for="appbundle_configuration_backgroundColor">Couleur de fond</label>
                            <input class="form-control" name="appbundle_configuration[backgroundColor]" value="#000000" type="color">
                            </div>

et ça c'est le code pour le bouton enregistrer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="col-lg-12 text-right" style="margin-bottom: 20px">
                    <br>
                    <button type="submit" id="submit" class="btn btn-success" data-text="save">Enregistrer</button>
                    <a href="index.html" class="btn btn-danger" data-text="cancel">Annuler</a>
                </div>

je souhaite que mon fichier index prenne la couleur choisie dans configure

merci

[foetus]

Je ne suis pas expert , mais je vois 2 solutions :

0) Tu fais cela en PHP avec un "back end"

1) Lorsque tu passes de ta page configure.html à index,.html il faut faire cela en javascript (avec par exemple window.location.assign) et passer la couleur choisie en GET. Un truc style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script>
function g_event_click_go_index() {
    window.location.assign("index.html?color=F5F5F5");
// window.location.assign("index.html?red=245&blue=245&green=245");
}
</script>

Et dans ta page index.html, au chargement (évènement DOMContentLoaded ou onload), tu testes si tu as des paramètres dans ton URL et si tu en as, tu les extraies.
Sinon tu as une couleur par défaut. Et ensuite tu changes la couleur de fond (document.body.style.backgroundImage)

2) localstorage (ou un cookie)

[danielhagnoul]

La page "choix couleur" enregistre dans sessionStorage(1) ou localStorage(2) la couleur choisie et la page "index" récupère ce choix avant son affichage, lors de la création du DOM.

1. https://developer.mozilla.org/fr/doc...sessionStorage
2. https://developer.mozilla.org/fr/doc...w/localStorage

[carber]

voila moi j'ai fais ce code :
dans ma page configure j'ai mis çà :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="col-md-2">
    <label class="control-label required" for="appbundle_configuration_backgroundColor">Couleur de fond</label>
    <span style="color: red" title="Champ obligatoire">*</span>
    <input class="form-control" type="color" name="appbundle_configuration[backgroundColor]" value="#0000ff">
</div>

la fonction dans un fichier js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
init: function () {
this.setBackgroundColor();

et la fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 setBackgroundColor: function () {
        $("body").css("backgroundColor", prayer.confData.backgroundColor);

il me manque un truc dans le premier code pour que ca marche mais j'arrive pas

[NoSmoking]

Bonjour,
d'où tu sors la variable prayer.confData.backgroundColor ?