javascript et compatibilité sous firefox3
Bonjour a tous!
j'ai un code js qui fonctionne correctement sous IE 5+ mais qui fait des siennes sous FF 3. J'ai remarqué que le problème était directement lié au DOCTYPE puisque lorsque je le retire... plus de probleme...
J'aimerais donc que vous m'aidiez svp à trouver mon erreur. (je n'ai pas trouvé tout seul!)
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
</head>
<html>
<div id="titrediv_482">
<div style="float:left; width:250px;"><b>. MON AGENDA</b></div>
<a href="#" onclick="affiche_cache();return false">
<div id="interro"><img src="styles/prosilver/imageset/icon_help.gif" /></div>
<div id="reduction" style="display:none;"><img src="styles/prosilver/imageset/reduction.gif" /></div>
</a>
<div id="information" style="clear:both; display: none; color:#1F1F1F">
<div style="width:50px; height:20px; float: left; clear:both; margin:3px;">
<img src="styles/prosilver/imageset/info.gif" alt="">
</div>
<div style="width:405px; float: left; text-align:justify">
Je retrouve dans <i>mon agenda</i> toute ma richesse: mon argent disponible, mon épagne,
mes actions, mes emprunts bancaires ect...
</div>
</div>
</div>
<script type="text/javascript">
function affiche_cache()
{
if (interro.style.display == "none")
{
var hFinal = 12; //Hauteur finale du div "titrediv_482" (la hauteur une fois que ça aura fini de déplier !)
var hActuel = 96; //Hauteur initiale du div "titrediv_482" (la hauteur dès le début !)
var hFinalle = 371; //Hauteur finale du div "gauche_contenu" (la hauteur une fois que ça aura fini de déplier !)
var hActuelle = 287; //Hauteur initiale du div "gauche_contenu" (la hauteur dès le début !)
var timer;
var fct = function ()
{
hActuel -= 12; //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
hActuelle += 12; //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
titrediv_482.style.height = hActuel + 'px';
gauche_contenu.style.height = hActuelle + 'px';
if( hActuel == hFinal)
{
clearInterval(timer); //Arrête le timer
interro.style.display = ""; // Affiche le div interro
reduction.style.display = "none"; // cache le div reduction
}
};
information.style.display = "none"; // Cache le div "information"
fct(); // éxécute la fonction fct
timer = setInterval(fct,24); //Toute les 40 ms
}
else
{
var hFinal = 96; //Hauteur finale du div "titrediv_482" (la hauteur une fois que ça aura fini de déplier !)
var hActuel = 12; //Hauteur initiale du div "titrediv_482" (la hauteur dès le début !)
var hFinalle = 275; //Hauteur finale du div "gauche_contenu" (la hauteur une fois que ça aura fini de déplier !)
var hActuelle = 371; //Hauteur initiale du div "gauche_contenu" (la hauteur dès le début !)
var timer;
var fct = function ()
{
hActuel += 12; //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
hActuelle -= 12; //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
titrediv_482.style.height = hActuel + 'px';
gauche_contenu.style.height = hActuelle + 'px';
if( hActuel == hFinal)
{
clearInterval(timer); //Arrête le timer
information.style.display = ""; // Affiche le div information
interro.style.display = "none"; // Cache le div interro
reduction.style.display = ""; // Affiche le div reduction
}
};
fct();
timer = setInterval(fct,24); //Toute les 40 ms
}
}
</script>
</html> |
Merci d'avance à tous ceux qui se pencheront sur ce problème!
Bonne journée à tous!
