apparition de DIV en fondu.

Version imprimable

13/06/2008, 18h59
levirus93700

apparition de DIV en fondu.

Salut http://forum.telecharger.01net.com/d...smilies/16.gif
Je voudrais faire apparaître un div (un bloc) en fondu, c'est a dire que la personne cliquerai sur un bouton et le div apparaîtrai.:aie:

Merci d'avance. http://forum.telecharger.01net.com/d...smilies/13.gif
14/06/2008, 12h13
Bovino

Compliqué (en fait, surtout fastidieux) à faire soi-même... Heureusement, des frameworks comme Prototype/Scriptaculous ou jQuery le font très simplement.

Prototype
script.aculo.us
jQuery

voici un code élaboré à partir de cette documentation

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<html>
<head>
 
<title></title>
 
<script type="text/javascript">
<!--
var opacite = 0;
function montreDiv()
{
  var obj = document.getElementById("idDiv");
  opacite++;
  
  if (obj.style.filter) // IE
  {
    obj.style.filter = "alpha(opacity=" + opacite + ")";
  }
  else
  {
    if (obj.style.MozOpacity) //FF
    {
      obj.style.MozOpacity = opacite/100;
    }
    else
    {
      if (obj.style.opacity)  // FF et Opera (?)
      {
        obj.style.opacity = opacite/100;
      }
      else
      {
        if (obj.style.KhtmlOpacity) //Konqueror (Linux), Safari(MacOS)
        {
          obj.style.KhtmlOpacity = opacite/100;
        }
      }
    }
  }
  
  if (opacite<100)
    setTimeout("montreDiv()","20");
}
//-->
</script>
 
</head>
 
<body>
<input type="button" value="cliquez ici" onclick="montreDiv()"/>
 
<div style="border: 3px ridge #555555; width: 300px; height: 300px; background-color:#555555; -moz-opacity: 0; filter: alpha(opacity=0); opacity:0" id="idDiv">&nbsp;
</div> 
 
</body>
 
</html>

14/06/2008, 14h26
levirus93700

Merci c'est exactement ce que je cherchais.
Merci encore.:yaisse2::aie:
15/06/2008, 11h09
SpaceFrog

Auteur ...
que c'est compliqué et fastidieux ;)

Sinon il devait y avoir une paire de script comme ça dans les contributions ...
15/06/2008, 11h41
Auteur

Compliqué et fastidieux 8O

J'ai jugé la succession de if et else nécessaire...
15/06/2008, 12h54
SpaceFrog

Citation:

Envoyé par Bovino

Compliqué (en fait, surtout fastidieux) à faire soi-même... Heureusement, des frameworks comme Prototype/Scriptaculous ou jQuery le font très simplement.

Prototype
script.aculo.us
jQuery

;):mouarf:
15/06/2008, 14h33
Auteur

Citation:

Envoyé par SpaceFrog

Auteur ...
que c'est compliqué et fastidieux

c'était donc une boutade ? :lol: