Travail sur l'opacite...

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.

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)
{
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 la question, son aide sera la bienvenue...

Merci de votre contribution.

Grand Mamamouchi

bon alors j'ai une methode plus simple qui marche sur mozilla (après il faut rajouter les fonctions d'opacity d'IE pour que ca marche sous IE)

Tu met ca dans ta div :

style="-moz-opacity:1; opacity:1;" et id="chang_opacity"

et après tu utilise cette fonction :
var i =0; variable globale
var timer; variable globale

function apparition()
{
   
var objet_chang = document.getElementById('chang_opacity'); creation d'une variable representant la div

    if(i<1) limite pour le timer
    {
    i=i+0.1; augmente de 10% a chaque tour de boucle
    objet_chang.style.MozOpacity = i;
   objet_chang.style.opacity = i;
    timer = window.setTimeout("apparition();",100); relance la fonction toutes les 100ms
    }
    else
    {
    i =0; état initial
    //alert('fin');
    return; sortie de la fonction
    }
   
}

j'espere que cela pourra t'aider si probleme reconctacte moi, je pourrai t'envoyer un exemple ..
tcho bonne journée a tous


<<------------QuE lA FETE CoMmEnCe------------>>