Champ invisible dans une DIV

Version imprimable

Bonjour,

J'utilise une fonction qui permet d'afficher/cacher une DIV.
Quand le contenu de la DIV est du texte, cela fonctionne mais dès que je rajoute un champ cela ne fonctionne pas.

Voila le code javascript :

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
function DivStatus( nom, numero )
{
	var divID = nom + numero;
	if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
		{
			Pdiv = document.getElementById( divID );
			PcH = true;
		}
	else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
		{
			Pdiv = document.all[ divID ];
			PcH = true;
		}
	else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
		{
			Pdiv = document.layers[ divID ];
			PcH = true;
		}
	else
		{
 
			PcH = false;
		}
	if ( PcH )
		{
			Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
		}
}
 
/*
* Inverse les divs: Cache les divs visible et montre le divs cachés :)
*/
function InverseTout( nom )
{	
	var NumDiv = 1;
	if ( document.getElementById ) // Pour les navigateurs récents
		{
			while ( document.getElementById( nom + NumDiv ) )
				{
					SetDiv = document.getElementById( nom + NumDiv );
					DivStatus( nom, NumDiv );
					NumDiv++;
				}
		}
	else if ( document.all ) // Pour les veilles versions
		{
			while ( document.all[ nom + NumDiv ] )
				{
					SetDiv = document.all[ nom + NumDiv ];
					DivStatus( nom, NumDiv );
					NumDiv++;
				}
		}
	else if ( document.layers ) // Pour les très veilles versions
		{
			while ( document.layers[ nom + NumDiv ] )
				{
					SetDiv = document.layers[ nom + NumDiv ];
					DivStatus( nom, NumDiv );
					NumDiv++;
				}
		}
}

Et voici l'appel de la fonction:

Code:

1
2
3
4
5
6
7
8
<a href="javascript:InverseTout( 'mondiv' )">Ajouter un fournisseur</a><br /><br />
<div class="cachediv" name="mondiv1" id="mondiv1">
<div style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px; width:30%;">
<br>
<input type='text' name='fourni' value='' size='66'/>
<?php echo 'Mon texte'; ?>					
</div>
</div>

Comment ça se fait?

Merci

28/01/2009, 10h27
E.Bzz

Bonjour,

Citation:

Envoyé par afrodje

cela fonctionne mais dès que je rajoute un champ cela ne fonctionne pas.

Ah ?

Faudrait préciser un peu là, non ? :aie:

A+
28/01/2009, 10h41
le_chomeur

de plus ce serait bien de voir l'exemple complet qui ne marche pas , pas que le echo mon texte ;)
28/01/2009, 10h47
afrodje

Citation:

Envoyé par E.Bzz

Bonjour,
Ah ?

Faudrait préciser un peu là, non ? :aie:

A+

Oups...

Comme je voulais dire, le DIV affiche uniquement le texte (et non le champ).

Dans l'exemple, il affiche que "Mon texte", le champ de nom "fourni" ne s'affiche pas. Pourtant il est dans la DIV.

Merci.
28/01/2009, 10h50
Bovino

Et ton input, il n'aurait pas une déclaration CSS pour le masquer par hasard ?
28/01/2009, 11h17
le_chomeur
+1 avec bovino

genre un
Code:

1 2 3 tadiv input{ display:none; }
??
28/01/2009, 11h31
afrodje
Citation:

Envoyé par Bovino

Et ton input, il n'aurait pas une déclaration CSS pour le masquer par hasard ?
Citation:
Envoyé par le_chomeur

+1 avec bovino

genre un

Code:

1 2 3 tadiv input{ display:none; }

??
Non non même pas.
Car j'ai fais un fichier de test, et je n'ai pas de CSS (sauf pour cacher la div)
Code:

1 2 3 4 5 6 7 .cachediv { visibility: hidden; overflow: hidden; height: 1px; margin-top: -1px; position: absolute; }
28/01/2009, 11h47
le_chomeur

post la page complète générée :)
28/01/2009, 11h47
E.Bzz

Tu as essayé CTRL+F5 (si tu as ajouté l'input en dernier) ?

A+