Discussion :

[fiftytwo]

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 !!!

[sebhm]

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

[fiftytwo]

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 !!!

[gwyohm]

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...

[sebhm]

"l'héritage du dom" fonctionne chez moi (en tout cas, je vois des couleurs en fond d'ecran différentes à chaque F5 ...)

[fiftytwo]

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 !!!!

"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 !!!

[fiftytwo]

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 !!!!