apparition de DIV en fondu.

**levirus93700** · 13/06/2008, 18h59

Salut

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.

Merci d'avance.

**Bovino** · 14/06/2008, 12h13

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

**Auteur** · 14/06/2008, 13h51

voici un code élaboré à partir de cette documentation

Code html :

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

**levirus93700** · 14/06/2008, 14h26

Merci c'est exactement ce que je cherchais.
Merci encore.

**SpaceFrog** · 15/06/2008, 11h09

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

Sinon il devait y avoir une paire de script comme ça dans les contributions ...

**Auteur** · 15/06/2008, 11h41

Compliqué et fastidieux

J'ai jugé la succession de if et else nécessaire...

**SpaceFrog** · 15/06/2008, 12h54

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

**Auteur** · 15/06/2008, 14h33

Envoyé par SpaceFrog

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

c'était donc une boutade ?

apparition de DIV en fondu.

JavaScript

Discussions similaires

Partager

Partager