Faire afficher progressivement du texte
Bonjour à tous,
J'essaye de faire apparaitre progressivement du texte... (on l'voit pas...... on l'voit)
Pour Mozilla, j'ai pas eu trop de soucis :
Code:
1
2
3
| document.getElementById(idObj).style.setProperty("-moz-opacity", OpacCourant/100, "");
OpacCourant=OpacCourant-10;
setTimeout('makeOpac("'+ idObj +'",'+ OpacDebut +','+OpacCourant+');',75); |
Bon, y'a pas tout le code, mais c juste pour que vous comprenniez ce que je veux faire.
Le problème, c que mon script doit fonctionner sur IE...
J'ai testé avec la propriété
Code:
"Filters:alpha(opacity=...)"
, mais ça ne marche pas pour du texte....
J'arrive à le faire fonctionner pour une image, mais pas sur du texte :evil:
J'ai donc décidé de passer par une autre technique...
Code:
1
2
3
4
5
6
7
8
| var tabCoul;
tabCoul=["#ffffff","#dddddd","#bbbbbb","#999999","#777777","#555555","#333333","#111111","#000000"];
if(i < tabCoul.length){
document.getElementById(idObj).style.color=tabCoul[i];
i = i + 1;
document.getElementById("test").value = i;
setTimeout('makevisible("'+ idObj + '",'+ i +')',75);
} |
Là non plus, y'a pas tout le code
Donc, ce code marche très bien pour du texte simple, mais par contre, si je met le texte que je veux afficher dans des balise <a...>, ça ne marche pas...
Pour ceux qui veulent tester, voici la fonction que j'utilise (c un code que j'ai récupéré sur le net, et que j'ai modifié :wink: :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| var tabCoul;
tabCoul=["#ffffff","#dddddd","#bbbbbb","#999999","#777777","#555555","#333333","#111111","#000000"];
function makevisible(idObj,i){
if(document.getElementById){
if(document.all){
if(i < tabCoul.length){
document.getElementById(idObj).style.color=tabCoul[i];
i = i + 1;
document.getElementById("test").value = i;
setTimeout('makevisible("'+ idObj + '",'+ i +')',75);
}
}
else{
if(i < 100){
document.getElementById(idObj).style.setProperty("-moz-opacity", i/100, "");
i=i+10;
document.getElementById("test").value = i;
setTimeout('makevisible("'+ idObj +'",'+ i +');',75);
}
}
}
} |
Et le code d'une page de test :
Code:
1
2
3
4
5
6
7
8
9
10
| <table>
<tr>
<td id="texte">
Mot de bienvenue
<a href="#">Quest. nouveaux habitants</a>
<a href="#">Infos utile</a>
</td>
</tr>
</table>
<input type="button" onclick="makevisible(document.getElementById('texte').id,0)"> |
Quelqu'un a déjà eu ce problème?
Re: Faire afficher progressivement du texte
Citation:
Envoyé par simone.51
J'ai testé avec la propriété
Code:
"Filters:alpha(opacity=...)"
, mais ça ne marche pas pour du texte....
J'arrive à le faire fonctionner pour une image, mais pas sur du texte :evil:
T'es sûr que t'as tout lu? :lol:
