Discussion :

[simone.51]

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 :

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

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 :

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

"Filters:alpha(opacity=...)"

, mais ça ne marche pas pour du texte....
J'arrive à le faire fonctionner pour une image, mais pas sur du texte

J'ai donc décidé de passer par une autre technique...

Code :

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

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

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

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

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?

[SpaceFrog]

ben il te faut faire un autre script car sur ie c'est filter alpha opactity

[simone.51]

J'ai testé avec la propriété

Code :

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

"Filters:alpha(opacity=...)"

, mais ça ne marche pas pour du texte....
J'arrive à le faire fonctionner pour une image, mais pas sur du texte

T'es sûr que t'as tout lu?

[SpaceFrog]

ton alpha opacity tu l'appliques sur quel objet ?

[simone.51]

Désolé, j'avais pas fait attention, dans le code que j'ai donné pour tester, c :

Code :

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

<input type="button" onclick="makevisible(document.getElementById('texte').id,0)">

et non :

Code :

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

<input type="button" onclick="makevisible(document.getElementById('menuGauche').id,0)">

Mon alpha Opacity, je l'appliquais sur une balise td, ou div, mais ça ne marche pas... Par contre, ça marche avec une image...

Et c pour ça que j'ai fais l'autre script qui modifie la couleur du texte. ça marche sauf quand je veux appliquer l'effet sur des liens...

[simone.51]

En fait, c ok...

J'ai rajouté une balise <font> dont je change la propriété color dans le lien, et ça roule

Merci quand meme de ton aide Space Frog