aide javascript texte couleur

**snip74** · 31/10/2010, 14h49

Bonjour all,

j'aimerai savoir comment faire pour que mon texte change de couleur toute les X seconde qui passe du noir au rouge car mon code ne fonctionne pas :/

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function changecouleur() {
    var font = document.getElementById('memo');
    if(color == 0) {
	font.style.color = "#000000";
        color = 1;
    } else {
	font.style.color = "#FF0000";
	color = 0;
    }
    window.setTimeout("changecouleur()",800);
}</script>

et ma ligne que je veut faire changer de couleur (index.php)

Code :

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

1
2
3
<td colspan="4"><div align="center" id="memo"><strong>M&eacute;moriser mes infos ?</strong>
                      <input id="rem" type="checkbox" name="svn" value="on" <?php if($_COOKIE['svn'] == "on") echo 'checked="checked"'; ?> />
              </div></td>

et ici le mots que je veut faire changer de couleur.

Mémoriser mes infos ?

Donc je ne comprend pas ou et mon problème

Cordialement Stéphane

Invité · 31/10/2010, 14h55

tu ne declare pas la variable color

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
<script type="text/javascript">

var color= 0

function changecouleur() {
    var font = document.getElementById('memo');
    if(color == 0) {
    font.style.color = "#000000";
        color = 1;
    } else {
    font.style.color = "#FF0000";
    color = 0;
    }
    window.setTimeout("changecouleur()",800);
}</script>

**snip74** · 31/10/2010, 15h26

Bonjour mekal,
merci de cette réponse très rapide ^^
j'ai mis ton code avec la variable mais toujours rien :/

pourtant j'ai mis mon javascript entre <head> et </head>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function changecouleur() {
var color= 0
    var font = document.getElementById('memo');
    if(color == 0) {
    font.style.color = "#000000";
        color = 1;
    } else {
    font.style.color = "#FF0000";
    color = 0;
    }
    window.setTimeout("changecouleur()",800);
}</script>

et j'ai même rajouter une class="memo"

<td colspan="4"><div align="center" id="memo" class="memo"><strong>Mémoriser mes infos ?</strong>
<input id="rem" type="checkbox" name="svn" value="on" <?php if($_COOKIE['svn'] == "on") echo 'checked="checked"'; ?> />
</div></td>

Cordialement Stéphane

Envoyé par mekal

tu ne declare pas la variable color

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
<script type="text/javascript">

var color= 0

function changecouleur() {
    var font = document.getElementById('memo');
    if(color == 0) {
    font.style.color = "#000000";
        color = 1;
    } else {
    font.style.color = "#FF0000";
    color = 0;
    }
    window.setTimeout("changecouleur()",800);
}</script>

**Bovino** · 31/10/2010, 16h56

Et ta fonction, elle est appelée quand au juste ?

**snip74** · 31/10/2010, 17h42

Bonsoir Bovino,
je vais peut être me faire passé pour un idiot, mais je débute en javascript.

Ma fonction c'est pas mon javascript ?
sinon il faut rajouter quoi et ou

car la vraiment je voie pas ^^

Cordialement Stéphane

Envoyé par Bovino

Et ta fonction, elle est appelée quand au juste ?

**Bovino** · 31/10/2010, 17h55

C'est bien ce que je pensais

Définir une fonction, c'est bien, mais elle ne sera exécutée qu'une fois qu'elle aura été appelée. Ensuite, je ne sais pas quelle est l'action qui doit déclencher son exécution, mais si tu veux qu'elle se lance au chargement de la page, il faut attendre que les éléments qu'elle affecte soient présents dans la page, typiquement, on attend l'événement load de l'objet window, donc dans ton cas, il faudra rajouter :

Code :

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

window.onload = changecouleur;

Tu noteras qu'il n'y a pas de parenthèses à changecouleur. C'est parce que onload est une propriété, tu dois donc lui affecter une valeur, dans le cas présent, cette valeur est la référence à la fonction, donc lorsque l'événement onload est déclenché, la fonction référencée est exécutée, si tu mets des parenthèses pour l'affectation, c'est le résultat de l'exécution de la fonction qui sera affecté à la propriété, ce qui n'est pas (ici) le comportement souhaité.

**snip74** · 31/10/2010, 18h09

re,
ok merci beaucoup pour cette explication

je n'est pas tros compris pour les ()

et par contre ton code se place ou ?

je les mis dans body et dans le javascript et sa marche pas donc mes excuse de mon ignorance.

Cordialement Stéphane

Envoyé par Bovino

C'est bien ce que je pensais

Définir une fonction, c'est bien, mais elle ne sera exécutée qu'une fois qu'elle aura été appelée. Ensuite, je ne sais pas quelle est l'action qui doit déclencher son exécution, mais si tu veux qu'elle se lance au chargement de la page, il faut attendre que les éléments qu'elle affecte soient présents dans la page, typiquement, on attend l'événement load de l'objet window, donc dans ton cas, il faudra rajouter :

Code :

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

window.onload = changecouleur;

Tu noteras qu'il n'y a pas de parenthèses à changecouleur. C'est parce que onload est une propriété, tu dois donc lui affecter une valeur, dans le cas présent, cette valeur est la référence à la fonction, donc lorsque l'événement onload est déclenché, la fonction référencée est exécutée, si tu mets des parenthèses pour l'affectation, c'est le résultat de l'exécution de la fonction qui sera affecté à la propriété, ce qui n'est pas (ici) le comportement souhaité.

**Bovino** · 31/10/2010, 18h13

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
var color= 0;
function changecouleur() {
    var font = document.getElementById('memo');
    if(color == 0) {
    font.style.color = "#000000";
        color = 1;
    } else {
    font.style.color = "#FF0000";
    color = 0;
    }
    window.setTimeout("changecouleur()",800);
}
window.onload = changecouleur;</script>

Il fallait aussi placer la déclaration de color en dehors de la fonction, sinon, la variable sera redéfinie à chaque exécution de la fonction, donc tu n'aura jamais de changement puisque color vaudra toujours 0

**snip74** · 31/10/2010, 18h38

re,

Yessss c'est Good un grand merci a vous ^^

donc résolut :p

qui a la même fonction mais en plus long et plus moche lol
mais préfère largement le code que vous m'avais modifier ^^

merci beaucoup

Cordialement Stéphane

Envoyé par Bovino

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
var color= 0;
function changecouleur() {
    var font = document.getElementById('memo');
    if(color == 0) {
    font.style.color = "#000000";
        color = 1;
    } else {
    font.style.color = "#FF0000";
    color = 0;
    }
    window.setTimeout("changecouleur()",800);
}
window.onload = changecouleur;</script>

Il fallait aussi placer la déclaration de color en dehors de la fonction, sinon, la variable sera redéfinie à chaque exécution de la fonction, donc tu n'aura jamais de changement puisque color vaudra toujours 0

**Bovino** · 31/10/2010, 18h44

Bah, on peut faire plus simple :

Code :

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

1
2
3
4
5
6
var color= "#000000";
function changecouleur() {
    document.getElementById('memo').style.color = color;
    color = color == '#000000' ? '#FF0000' : '#000000';
    window.setTimeout(changecouleur,800);
}

aide javascript texte couleur

JavaScript

Discussions similaires

Partager

Partager