IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

JS Document Background color


Sujet :

JavaScript

  1. #1
    Membre émérite
    Avatar de fiftytwo
    Homme Profil pro
    DevOps
    Inscrit en
    novembre 2009
    Messages
    711
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Pologne

    Informations professionnelles :
    Activité : DevOps

    Informations forums :
    Inscription : novembre 2009
    Messages : 711
    Points : 2 654
    Points
    2 654
    Par défaut JS Document Background color
    Bonjour


    Je souhaite changer la couleur de fond de ma page html avec Javascript et sa methode BgColor de facon aleatoire , Cependant j'ai un probleme de types de variables

    Voici le code pour mieux comprendre !!!



    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    //Je cree ma fonction rand pour obtenir une valeur hexa entre 1 et FFFFFF 
     
    function rand()
    {
    var a = (16777212+1)-1;
    var b = Math.floor(a * Math.random());
    var r = b + 1 ;
    var w=(Math.ceil(r));
    return w;
    } 
     
    //appel de rand() , puis affectation a "document.bgColor"
     
    var random_color_hexa_code=rand();
    document.bgColor=random_color_hexa_code;



    Or avant je choisiais moi meme la valeur de la couleur mais je veux changer de méthode

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var code_couleur_manuel="#7f55fb";
    document.bgColor= code_couleur_manuel;

    Etant habitué aux languages ultra typés comme C/C++ , je trouve javascript ou php un peu "déroutants" , j'ai cherché sur le net pour voir ou je pouvais trouver un quelconque prototype ou technique de conversion mais rien n'y fais car je ne sais pas si dans mon deuxieme cas la variable

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var code_couleur_manuel="#7f55fb";
    doit etre considéré comme une chaine de caracteres ou un nombre , mais si c'est bien une chaine de caracteres , alors devrais je faire une "concatenation" dans ce cas ?? Si oui , comment ?? Car je ne connais que ParseInt et ParseFloat mais pas leurs opposées !!!!


    Merci pour votre eclairage !!!
    "bye bye !" : Antonio Ferrara , 12 mars 2003 - check also my flight's diary and my flight's reports

  2. #2
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    Bonjour,

    je suis un peu perdu avec ton calcul qui retourne des valeurs du genre "10923755" ... tu m'expliques ?

    mais sinon, avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.body.style.backgroundColor=random_color_hexa_code;
    ca marche bien

  3. #3
    Membre émérite
    Avatar de fiftytwo
    Homme Profil pro
    DevOps
    Inscrit en
    novembre 2009
    Messages
    711
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Pologne

    Informations professionnelles :
    Activité : DevOps

    Informations forums :
    Inscription : novembre 2009
    Messages : 711
    Points : 2 654
    Points
    2 654
    Par défaut
    Citation Envoyé par sebhm Voir le message
    Bonjour,

    je suis un peu perdu avec ton calcul qui retourne des valeurs du genre "10923755" ... tu m'expliques ?

    mais sinon, avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.body.style.backgroundColor=random_color_hexa_code;
    ca marche bien

    heu , jai testé cette soluce en indiquant "l'héritage complet du DOM" (enfin je crois que c'est comme cela que vous appelez ca ) et sa ne change rien !!


    En fait ce que je désire faire c'est creer une valeur hexa aleatoire entre 00 et FFFFFF pour la mettre comme couleur de fond de page !!! avant je le fesais a la main en tapant

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    var code_couleur_manuel="#00000";
    var code_couleur_manuel="#FFFFFF";
    var code_couleur_manuel="#888888";
    mais toutes les docs que ja trouve me disent de l'ecrire ainsi !!!
    "bye bye !" : Antonio Ferrara , 12 mars 2003 - check also my flight's diary and my flight's reports

  4. #4
    Membre expérimenté
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    octobre 2007
    Messages
    908
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : octobre 2007
    Messages : 908
    Points : 1 302
    Points
    1 302
    Par défaut
    Salut,

    tu y étais presque...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var random_color_hexa_code=rand().toString(16);
    Il fallait préciser la base...
    on ne dit pas "ça ne marche pas" on dit "je suis incapable de faire fonctionner correctement les outils mis à ma disposition"
    Pas de question technique par MP

  5. #5
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    "l'héritage du dom" fonctionne chez moi (en tout cas, je vois des couleurs en fond d'ecran différentes à chaque F5 ...)

  6. #6
    Membre émérite
    Avatar de fiftytwo
    Homme Profil pro
    DevOps
    Inscrit en
    novembre 2009
    Messages
    711
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Pologne

    Informations professionnelles :
    Activité : DevOps

    Informations forums :
    Inscription : novembre 2009
    Messages : 711
    Points : 2 654
    Points
    2 654
    Par défaut
    Citation Envoyé par gwyohm Voir le message
    Salut,

    tu y étais presque...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var random_color_hexa_code=rand().toString(16);
    Il fallait préciser la base...

    Meeerrrrccciiiii !!! Il me manquais cette info essentielle , 16 a envoyer comme argument , sinon ben c'est une histoire de syntaxe !!!!



    Citation Envoyé par sebhm Voir le message
    "l'héritage du dom" fonctionne chez moi (en tout cas, je vois des couleurs en fond d'ecran différentes à chaque F5 ...)
    ahhhh okay , en fait je ne connais pas bien ces histoires de hierarchie , mais juste que les navigateurs te bouffent un peu le travail plutot que de taper tout le chemin complet !!!
    "bye bye !" : Antonio Ferrara , 12 mars 2003 - check also my flight's diary and my flight's reports

  7. #7
    Membre émérite
    Avatar de fiftytwo
    Homme Profil pro
    DevOps
    Inscrit en
    novembre 2009
    Messages
    711
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Pologne

    Informations professionnelles :
    Activité : DevOps

    Informations forums :
    Inscription : novembre 2009
    Messages : 711
    Points : 2 654
    Points
    2 654
    Par défaut REPONSE FINALE
    VOICI DONC LA REPONSE A MA QUESTION

    Je vous donne le code si sa peut aider quelqu'un a l'avenir !!!

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
     
    // Je recuperes la valeur retournée de ma fonction qui génére un
    //nombre aleatoire puis la convertis en chaine de caracteres
     
    var a=rand().toString(16);
     
    //Je fais une concaténation
     
    var b="#";
    var random_color_hexa_code=b+a;
     
    // Et enfin j'affectes le tout a BgColor
     
    document.bgColor=random_color_hexa_code;
     
    //Puis je vais me coucher parce que j'ai mal aux yeux !!!!
    //Merci gwy(U/I) et sebhm !!!!!

    génial !!!!! un grand bravo pour votre aide !!!!
    "bye bye !" : Antonio Ferrara , 12 mars 2003 - check also my flight's diary and my flight's reports

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [css]longueur en x d'un background-color
    Par totoranky dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 16/11/2005, 01h32
  2. [css] input type submit et background-color
    Par krfa1 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 22/09/2005, 12h20
  3. background-color
    Par canabral dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 15/09/2005, 16h23
  4. [CSS] @media print & background-color
    Par denisC dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 11/05/2005, 10h21
  5. Réponses: 8
    Dernier message: 09/04/2004, 15h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo