bonjour
j'ai un soucis avec une page html où j'ai inclus deux annimations de couleur en java script sur du texte
le problème :
si je ne fais qu'une animation sur 1 seul texte ça fonctionne bien
si je mets le script à deux endroits différents sur la même page çà ne marche plus
le texte des deux parties est figé dans une couleur
j'ai essayé de différencier les variable pour la JVM j'ai un progrés
il y en a 1/2, le dernier, qui marche
pour l'autre la couleur est différente mais fixe et ne change qu'avec un "actualiser"
voici les deux scripts employés merci d'avance
pour vos commentaires
philippe
en gras les différences
i est devenu j
et c est devenu e
1 er script
<div align="center"><span id="glowtext"><font color="#0000CC" face="Caslon-Bold" size="4"><b>
<script language="JavaScript1.2">
<!--
// Texte en couleurs vaiables
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
// modifier ici le texte, la vitesse et les couleurs
var ctext = "Voici mon texte 1";
var speed = 4000;
var x = 0;
var color = new initArray(
"red",
"blue",
"orange",
"green",
"purple",
"black",
"cyan"
);
// fin des modifications
if(navigator.appName == "Netscape" ) {
document.write('<layer id="c">' +ctext+'</layer><br>'
;
}
if (navigator.appVersion.indexOf("MSIE" ) != -1){
document.write('<div id="c">'+ctext+'</div>'
;
}
function chcolor(){
if(navigator.appName == "Netscape" ) {
document.c.document.write('<font color="'+color[x]);
document.c.document.write('">'+ctext+'</font>'
;
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE" ) != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",150);
// -->
</script>
le script 2
<div align="center"><span id="glowtext"><font color="#0000CC" face="Caslon-Bold" size="4"><b>
<script language="JavaScript1.2">
<!--
// Texte en couleurs vaiables
function initArray() {
this.length = initArray.arguments.length;
for (var j = 0; j < this.length; j++) {
this[j] = initArray.arguments[j];
}
}
// modifier ici le texte, la vitesse et les couleurs
var etext = "Voici texte 2.";
var speed = 4000;
var x = 0;
var color = new initArray(
"red",
"blue",
"orange",
"green",
"purple",
"black",
"cyan"
);
// fin des modifications
if(navigator.appName == "Netscape" ) {
document.write('<layer id="e">' +etext+'</layer><br>'
;
}
if (navigator.appVersion.indexOf("MSIE" ) != -1){
document.write('<div id="e">'+etext+'</div>'
;
}
function chcolor(){
if(navigator.appName == "Netscape" ) {
document.e.document.write('<font color="'+color[x]);
document.e.document.write('">'+etext+'</font>'
;
document.e.document.close();
}
else if (navigator.appVersion.indexOf("MSIE" ) != -1){
document.all.e.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",150);
// -->
</script>
</b></font></span></div>