Rendre bouton invisible

Version imprimable

26/06/2007, 10h52
maysa

Rendre bouton invisible
Re bonjour !

Je souhaite à présent, mettre un bouton invisible tant qu'on a pas coché de checkbox...
pour celà j'utilise cette fonction :
Code:

1 2 3 4 5 6 7 function VerifFom() { if (document.Note.rembourser.checked == true) document.Note.Remboursement.visible=true; else document.Note.Remboursement.visible=false; }
avec l'action body onLoad et onClick sur le champ rembourser.

Seulement rien n'y fait...
est ce que cela peut aussi venir de ma feuille de style ?
Cordialement.
26/06/2007, 10h57
Auteur
bonjour,
Code:

1 2 document.Note.Remboursement.style.visibility="hidden"; //"visible"
tu peux également télécharger la doc CSS :
http://www.developpez.net/forums/showthread.php?t=881
26/06/2007, 11h15
maysa

Voui ça marche !
merci...

Bien finalement j'ai toujours un problème !

fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function VerifFom() { var bouton = document.Note.btnRemboursement; var i=0; while (document.Note.rembourser+i.checked==false) { bouton.style.visibility="hidden"; i++; } bouton.style.visibility="visible"; }
Checkbox
Code:

1 2 <input type="checkbox" name="rembourser[]" value="<?=$tabDonnee['numNote'];?>" onclick="VerifFom();" />
bouton qui doit s'afficher ou non

Code:

<input class="bouton" type="submit" name="Remboursement" id="btnRemboursement" value="Rembourser" />

et j'ai malheureusement l'erreur document.Note.rembourser[i] has no properties...

je suis perdue ! help :bug:

26/06/2007, 14h01
E.Bzz

Bonjour,

Citation:

Envoyé par maysa

et j'ai malheureusement l'erreur document.Note.rembourser[i] has no properties...

Oui et c'est normal :

Code:

while (document.Note.rembourser[i].checked==false)

Ceci dit, mieux vaut utiliser les ID pour faire référence aux objets de la page ...

A+

EDIT : mais tu vas avoir d'autres pb : ton code n'est pas bon
26/06/2007, 14h01
SpaceFrog

faut juste revoir la syntaxe ...

Code:

document.Note.rembourser+i.checked==false

ça c'est vraiment n'importe quoi ... désolé !

Code:

document.forms['Note'].elements['rembourser['+i+']'].checked==false

ou

Code:

document.forms['Note'].elements['rembourser'][i].checked==false

ou encore passer par la syntaxe getElementsByName ...

J'ai essayé avec getElementById, getElementsByName et j'ai toujours la meme réponse, : has no properties

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function VerifFom()
 
			{
 
	  		   var i=0;
				while (document.getElementsByName['rembourser'][i].checked==false)
				{ 
						document.NoteFrais.Remboursement.style.visibility="hidden";
				      i++;				
				}
				document.NoteFrais.Remboursement.style.visibility="hidden";*/
			}

26/06/2007, 14h14
SpaceFrog

tu as un table dans ton form ?
26/06/2007, 14h16
SpaceFrog

Code:

document.getElementsByName['rembourser[]'][i].checked==false

l'utilisation du [] dans le name ne sert que coté serveur ...
26/06/2007, 14h16
maysa

oui....pourquoi ?

un table avec tr et td..
les tr contienne chacun un input type checked....
26/06/2007, 14h21
SpaceFrog

parcequ'il arrive que le table masque les objets ...

il faut alors faire

Code:

document.getElementsByTagName('table').getElementsByName('rembourser[]')[i].checked==false
26/06/2007, 14h29
maysa

ça me dit que

Code:

document.getElementsByTagName('table').getElementsByName

n'est pas une fonction :(
pourtant avant midi ça marchait...sniff
26/06/2007, 14h33
Auteur

tu peux nous montrer le code HTML de ton formulaire ?

oui bien sur

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
 
<form id="NoteFrais" name="NoteFrais" method="post" action=""> 
 <table  width="95%" rules="all" bordercolor="#fff" border="1" align="center" >
	  <tr class="enteteTableau" >
      <td width="14%"><div align="center" >Date</div></td>	  
	    <td width="18%"><div align="center">nom</div></td>
      <td width="19%"><div align="center">Client</div></td>
      <td width="20%"><div align="center">Numéro de la note</div></td>
      <td width="29%"> <div align="center">Accepter le remboursement</div></td>		 
	  </tr>	 
	  <?
	  if ($ToLister==false)
	  {
	  	$mess = "<font color='white'>il n'y a aucun résultat</font>";
 
	  }
	  else
	  { 
	  foreach ($ToLister as $key => $tabDonnee)
		{
		 	($key%2!=0) ? $style =firstLigne : $style = secondLigne;		 
		?> 
		<tr class="<?=$style ?>">
			<td  width="14%"><div align="center"><?=modifieFormatDate($tabDonnee[date]); ?></div></td>	  
		  <td><?=$tabDonnee[nom];?></td>
      <td><?=$tabDonnee["nomClient"];?></td>
			<td width="20%"><a href="noteFraisEnCoursRemboursementDetail.php?numNote=<?=$tabDonnee['numNote'];?>" target="_blank">Note N° <?=$tabDonnee["numNote"];?> 
			   <img src="../images/yeux.png" alt="voir" width="24" height="13" border="0" /></a></td>
			<td><div align="center">
			<script>
 
			   <input type="checkbox" name="rembourser[]"  value="<?=$tabDonnee['numNote'];?>" onclick="VerifFom();" />
			   </div></td>
		</tr> 
 <?	}
  } ?>
  </table>
<input class="bouton" type="submit" value="Retour &agrave; l'accueil" name="accueil"/>
       <input class="bouton" type="submit" name="Remboursement" value="Rembourser" />
</form>

26/06/2007, 15h56
maysa

bon j'ai testé ça..

Code:

alert(document.NoteFrais.getElementsById('box')[i].checked)

et j'ai toujours cette erreur has no properties ! :bug: :bug: :bug: :bug: :bug:

c'est une histoire de dingue ce truc ?!
26/06/2007, 16h01
SpaceFrog

Non là c'est tout à fait normal ... un id doit être unique sur la page donc

Code:

getElemementById('trucmachin')[i]

est une ineptie ...

as tu essayé

Code:

document.getElementsByName('lenom[]')[i]

avec

Code:

name='lenom[]'

ou

Code:

document.getElementsByName('lenom')[i]

avec

Code:

name='lenom'
26/06/2007, 16h26
maysa

Oui j'ai essayé et j'en reviens toujours à la meme chose...

Code:

Erreur : document.getElementsByName("remb[]")[i] has no properties

:bug:
Merci de ton aide...
26/06/2007, 16h27
SpaceFrog

et avec ton table intercalé ?

Code:

document.forms[0].getElementsByTagName('table')[0].getElementsByName("remb[]")[i]
26/06/2007, 16h30
maysa

avec j'ai ceci

Code:

Erreur : document.forms[0].getElementsByTagName("table")[0].getElementsByName is not a function

par contre j'ai mis getElementsByName[nom[]][0] avec 0 à la place de i et ça marche...donc ça serait mon i qui ne fonctionne pas....

même sans ça marche ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body>
 
<form>
	<table>
		<tr>
			<td><input name='elt[]' id='un'/></td>
			<td><input name='elt[]' id='deux'/></td>
			<td><input name='elt[]' id='trois'/></td>
		</tr>
	</table>
</form>
 
<script type="text/javascript">
for(i=0;i<3;i++){
alert(document.getElementsByName('elt[]')[i].id)
}
</script>	
</body>

tu dois avoir un problème ailleurs ...

26/06/2007, 16h34
maysa

et quand je mets à 1 j'ai has no properties... bizarre...
j'utilise un while mais ça doit etre la meme chose...
26/06/2007, 16h37
E.Bzz

Citation:

Envoyé par maysa

et quand je mets à 1 j'ai has no properties... bizarre...

Dans ton dernier code posté, il n'y a qu'un radio correspondant à "rembourser".

Ceci explique peut-être celà ?

A+
26/06/2007, 16h40
SpaceFrog

ben ta boucle while n'as pas de fin et donc tu arrive à un indice de i qui n'existe pas dasn les inputs ...

d'ou la necessité de faire une boucle for ...
ou mettre un test if elt[i] ...

non je ne pense pas, le but du jeu c'est d'afficher le bouton que quand une checkbox est cochée, donc le nombre ne change pas...
j'ai testé ceci...
Code:

1 2 3 4 5 6 7 8 9 10 11 function verifBox() { var i=0; while(document.getElementsByName('remb[]')[i].checked==false) { alert(i); document.remboursement.valRemb.style.visibility='hidden'; i++; } document.remboursement.valRemb.style.visibility='visible'; }
donc en fait, ça marche si je laisse mon alert...sinon ça ne marche pas c'est has not properties ...

26/06/2007, 16h49
SpaceFrog

ça ne peut pas marcher tu arrives forcément à une valeur de i supérieur aux indice des elements ...

remplace ton while par une boucle for et tout ira bien ...

eh bien finalement ça marche...
voici la fonction
Code:

1 2 3 4 5 6 7 8 9 10 11 function verifBox() { var i=0; while(document.getElementsByName('remb[]')[i].checked==false) { document.remboursement.valRemb.style.visibility='hidden'; i++; } document.remboursement.valRemb.style.visibility='visible'; }
Merci à ceux qui se sont penchés sur mon problème....

26/06/2007, 16h55
SpaceFrog

très mauvaise option la boucle while tourne à l'infini ...
ou doit s'arreter sur une erreur ...
27/06/2007, 12h32
maysa

Ah ? pourtant le while est de bonne augure puisque je veux qu'il s'arrete dès qu'un élément est coché...donc dès que ça arrive il sort..
j'ai mis une autre condition dans le while...&& fin de tableau...;
27/06/2007, 12h35
SpaceFrog

oui il vaut mieux ajouter un test de fin au cas ou aucun ne soit coché ...

une boucle for aurait évité le test de fin ...
27/06/2007, 12h38
maysa

Merci spaceFrog ;-)