Titre: Travail sur l'opacite...
Posté par: Grand Mamamouchi le le 24-09-2004 a 16:21:13
Bonjour !
Toujours a la recherche d'une maniere elegante de faire
apparaitre-disparaitre progressivement du texte, je me suis
lance dans une appproche prenant en compte l'"opacite".
Un des aspects deplaisant de cette approche est precisement le
caractere proprietaire de l'apprehension de l'opacite.
Voila ce que cela donne :
<div id = conteneur>
tbtuf6ny7idntyutbtuf6ny7idntyutbtuf6ny
</div>
<a onclick = "inverser_opacite('conteneur', 1000)" >
inverser_opacite
</a>
<script language = 'Javascript'>
function appliquer_opacite(id, opacite)
{
objet_style = document.getElementById(id).style
objet_style.opacity = (opacite/100)
objet_style.MozOpacity = (opacite/100)
objet_style.KhtmlOpacity = (opacite/100)
objet_style.filter = ' alpha(opacity = ' + opacite + ')'
}
function opacifier(id, opacite_cible, duree_proces)
{
// la, il faudrait detecter 'opacite_courante' !
if( opacite_courante < opacite_cible )
{
appliquer_opacite(id, opacite++)
setTimeout('opacifier(id, opacite_cible, duree_proces)',
duree_proces/100)
}
else if(opacite_courante > opacite_cible)
{
appliquer_opacite(id, opacite--)
setTimeout('opacifier(id, opacite_cible, duree_proces)',
duree_proces/100)
}
else
alert('Action suivante, SVP !')
}
function inverser_opacite(id, duree_proces)
{
if(appliquer_opacite(id, opacite) == 0)
opacifier(id, 100, duree_proces)
else
opacifier(id, 0, duree_proces)
}
</script>
Ca ne fonctionne pas.
Si l'un d'entre vous a envie de se pencher sur ce travail, son
aide sera la bienvenue...
Merci de votre participation.
Grand Mamamouchi |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|