La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Travail sur l'opacite...
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Travail sur l'opacite...  (Lu 1154 fois)
Travail sur l'opacite...
« sur: le 24-09-2004 a 16:21:13 »
Grand Mamamouchi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 15



Hare Krishna...

Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg