Le langage SMS est exclu sur les forums ProgBoards, tout message ne respectant pas la charte sera déplacé, modifié, ou supprimé par nos modérateurs.

Couleurs aléatoires

[ 1 / 2 ] Page suivante >>

Toufan

ProgBoarder

Windows XP

Firefox 3 - Posté le 16/11/2008 à 14:43

Bonjour à tous,

J'essaie de créer des nombres aléatoires pour obtenir la couleur des textes d'une manière aléatoire.
Voici mon code qui ne donne pas le résultat attendu :

<html>
<head>
<style TYPE="text/CSS">
<script language="Javascript">
function Couleur_Alea() {
var rouge = Math.round( Math.random() * 255);
var vert = Math.round(Math.random()* 255);
var blue = Math.round(Math.random()* 255);
return ('rgb('+rouge+','+vert+','+bleu+')')
}
</script>

H1{font-family: arial, verdana,Palatino;
font-size: 13pt;
color: Couleur_Alea();
text-align: left;
}
</style>
</head>
<BODY>
<H1> Couleurs aléatoires </H1>
</BODY>
</html>

Quelqu'un a une idées pour résoudre ce problème?

Merci

Toufan

SFLPMEA

ProgBoarder

Windows 98

Firefox 2 - Posté le 16/11/2008 à 16:27

Salutations.

Je ne connais pas le HTML.

Mais tu écris :

Citationvar blue = Math.round(Math.random()* 255);
return ('rgb('+rouge+','+vert+','+bleu+')')

blue et bleu

Est-ce une erreur de transcription ou bien ?

Salutations.

Moi, mon ordinateur, je l'ai baptisé "Billy" ...
En remerciement, je reçois beaucoup de pages bleues !

neliger

Geek

Linux

Firefox 3 - Posté le 16/11/2008 à 16:38

Le bout de code qui me choque, moi, ce serait plutôt:

color: Couleur_Alea();

Tu ne peut pas appeler une fonction JavaScript dans une propriété CSS.

Change la caféine en lignes de code, et aurait parfois besoin de l'inverse.

neamar

Modérateur

Linux

Firefox 3 - Posté le 16/11/2008 à 18:17

Effectivement, tu ne peux pas mélanger CSS et Javascript !
Essaie de faire une fonction javascript qui se lance au chargement de la page, qui sélectionne tous les éléments H1 (document.getElementsByTagName("h1")), et sur chaque élément du tableau, tu fais element.style.color = CouleurAlea()

Bon courage

Debugging is twice as hard as writing the code in the first place.
Therefore, if you write the code as cleverly as possible, you are,
by definition, not smart enough to debug it.

http://neamar.fr

Toufan

ProgBoarder

Windows XP

Firefox 3 - Posté le 16/11/2008 à 20:24

J'ai fabriqué un code qui ne donne pas le résultat attendu :

<html>
<head>
<style TYPE="text/CSS">
<script language="Javascript">
function Couleur_Alea() {
var rouge = Math.round( Math.random() * 255);
var vert = Math.round(Math.random()* 255);
var bleu = Math.round(Math.random()* 255);
return ('rgb('+rouge+','+vert+','+bleu+')')
}

function TexteAlea() {
var h1 = document.getElementById("Toufan");
h1.style.color = "CouleurAlea();"
h1.style.fontSize = "18pt"
}
</script>
</style>
</head>
<BODY>
<form>
<h1 id="Toufan"> Couleurs aléatoires </h1>
</form>
</BODY>
</html>

Mes premiers pas en 'HTML' sont dur dur..........

où est l'erreur ?

Toufan

Francesco

Modérateur

Windows NT

Firefox 3 - Posté le 17/11/2008 à 20:37

Je dirais que l'erreur se situe au niveau du

h1.style.color = "CouleurAlea();"

que je remplacerais par

h1.style.color = CouleurAlea();

Sinon, pas de javascript dans les CSS effectivements, sauf, me semble-t-il, pour IE. Mais bon, IE, c'est pas une référence

Gates gave you the windows.
GNU gave us the whole house.(Alexandrin)

neliger

Geek

MacOS

Firefox 3 - Posté le 17/11/2008 à 20:42

Tu appelles nulle part la fonction TexteAlea() ?

Change la caféine en lignes de code, et aurait parfois besoin de l'inverse.

Toufan

ProgBoarder

Windows XP

Firefox 3 - Posté le 18/11/2008 à 12:41

Bonjour à tous,

J'ai modifié le code, il donne quelque chose qui me semble pas de tout Aléatoire.

<html>
<head>
<style TYPE="text/CSS">
<script language="Javascript">
function Couleur_Alea() {
var rouge = Math.round( Math.random() * 255);
var vert = Math.round(Math.random()* 255);
var bleu = Math.round(Math.random()* 255);
return ('rgb('+rouge+','+vert+','+bleu+')')
}

function TexteAlea() {
var h1 = document.getElementById("Toufan");
h1.style.color = CouleurAlea();
h1.style.fontSize = "18pt"
}
</script>
</style>
</head>
<BODY>
<font color="TexteAlea();">
<h1 id="Toufan" > Couleurs aléatoires </h1> </font>
</BODY>
</html>

Il manque quelque chose, je ne sais pas quoi?
Merci
Toufan

neliger

Geek

Linux

Firefox 3 - Posté le 18/11/2008 à 12:54

Ça n'est toujours pas comme ça que l'on appelle une fonction JavaScript.

Appelle là par exemple au chargement de la page en faisant:

Le gros soucis, c'est que tu tentes depuis le début de faire appel à du JavaScript à des endroits ou on ne peut en appeler.

Change la caféine en lignes de code, et aurait parfois besoin de l'inverse.

Toufan

ProgBoarder

Windows XP

Firefox 3 - Posté le 18/11/2008 à 20:43

Bonsoir,
J'ai changé code, avec <body onload='TexteAlea();'> , je n'obteins pas de que je cherche.

J'ai trouvé le lien suivant qui parle des couleurs générées aléatoirement :

http://javascript.internet.com/image-effects/javascript-color-show.html

le code proposé dépasse mon niveau.

Merci

Toufan

neliger

Geek

MacOS

Firefox 3 - Posté le 18/11/2008 à 20:53

Tu n'obtiens pas ce que tu cherches, ok, mais tu obtiens quoi au juste?

Peut-on voir la page?

Change la caféine en lignes de code, et aurait parfois besoin de l'inverse.

[ 1 / 2 ] Page suivante >>