aide javascript texte couleur

Version imprimable

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:

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:

1 2 3 <td colspan="4"><div align="center" id="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>
et ici le mots que je veut faire changer de couleur.

Citation:

Mémoriser mes infos ?

Donc je ne comprend pas ou et mon problème :roll:

Cordialement Stéphane

tu ne declare pas la variable color

Code:

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>

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:

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"

Citation:

<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
Citation:
Envoyé par mekal
tu ne declare pas la variable color
Code:

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>

31/10/2010, 16h56
Bovino

Et ta fonction, elle est appelée quand au juste ? :aie:
31/10/2010, 17h42
snip74

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 :oops: car la vraiment je voie pas ^^

Cordialement Stéphane

Citation:

Envoyé par Bovino

Et ta fonction, elle est appelée quand au juste ? :aie:
31/10/2010, 17h55
Bovino

C'est bien ce que je pensais :mouarf:

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:

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é.
31/10/2010, 18h09
snip74

re,
ok merci beaucoup pour cette explication ;)
je n'est pas tros compris pour les () :oops:

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

Citation:

Envoyé par Bovino

C'est bien ce que je pensais :mouarf:

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:

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

Code:

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 :mrgreen:

re,

:mouarf: 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 :ccool:

Cordialement Stéphane
Citation:
Envoyé par Bovino
Code:

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 :mrgreen:

Bah, on peut faire plus simple :

Code:

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);
}