Discussion :

[Enthau]

Bonjour,

J'ai un soucis avec Firefox 2 :
j'ai une div que je cache (display:none) et un bouton. Lorsque je clique sur ce bouton, la div apparait (display:block). Si je reclique sur le bouton, elle disparait (display:none) et ainsi de suite.
Le soucis avec Firefox 2, c'est que lorsque je clique pour faire diparaitre la div, on ne la voit plus mais la place qu'elle utilisait reste (comme si au lieu de faire un display none je la rendait seulement invisible). Et si je reclique pour la faire réapparaitre, elle réapparait mais la "place vide" laissé le coup d'avant se met en dessous.
Donc si je clique plusieurs fois sur le bouton, ma page s'étire en longueur (succession d'espaces vide...).
Par contre, tout marche très bien avec IE et FF3.
Est-ce un problème de FF2 ? Ca se corrige ?

Merci
Tony

[Bisûnûrs]

Difficile de se prononcer sans le moindre morceau de code ..

[Enthau]

Désolé, voici mon code :

PHP

Code :

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
58
59
60
61
62
63
64
65
66
67
68
<table cellspacing="0" width="98%" border="0" bgcolor="white">
	<tr width="100%">
		<td>
		<table width="100%">
			<tr>
				<td align="left"> 
					<font face="Helvetica" color="black" size=2>
<?php
if($idpseudo > 0)
{
	echo "Salut à toi, <i><b>".$_COOKIE['pseudo']."</b></i>";
}
else
{
?>
	Pour participer, <b>connecte-toi</b> !!!
<?php
}
?>			
					</font>
				</td>
				<td align="right"> 	
					<font face="Helvetica" color="black" size=2>
<?php
if($idpseudo > 0)
{
?>		
			<a  onclick="supprimerConnexion();" style="cursor:pointer;"><b>Déconnexion</b></a>
<?php
}
else
{
?>
			<a  onclick="afficherConnexion();" style="cursor:pointer;"><b>Connexion</b></a>
<?php
}
?>					
					</font>
				</td>
			</tr>
		</table>
		</td>
	</tr>	
	<tr id="tr_conn" style="display:none;" align="center">
		<td>
		<table width="730px" cellspacing="0" border="0" align="center" bgcolor="#e5e5ff" height="60px" style="border-collapse : collapse;border : 4px ridge #aaaafa;border-spacing: 5px;">
			<tr align="center">
				<td width="40%">
					<font face="Arial Black" color="black" size=2>
					Login : <input type="text" name="login" size="20">
					</font>
				</td>
				<td width="40%">
					<font face="Arial Black" color="black" size=2>
					Password : <input type="password" name="password" size="20">
					</font>
				</td>
				<td width="10%" style="border-right:1px dashed #aaaafa;">
					<input type="submit" value="OK" name="logger">
				</td>
				<td width="10%">
					<a style="font-family:cursive,fantasy,arial;color: black;font-weight:bold;font-size:12px;text-decoration: none;" href="index.php?connect=0&old=<?php echo $_GET['forum']; ?>">S'inscrire</a>
				</td>
			</tr>
		</table>
		</td>
	</tr>
</table>

et Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
//  Afficher / Masquer pour la connexion au forum
function afficherConnexion()
{
	if(document.getElementById("tr_conn").style.display == "none")
	{
		document.getElementById("tr_conn").style.display = "block";
	}
	else
	{
		document.getElementById("tr_conn").style.display = "none";
	}
}

[Bisûnûrs]

Merci de mettre le code généré par le navigateur et non le code PHP.