Rendre bouton invisible

Version imprimable

Voir 40 message(s) de cette discussion en une page

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

Voir 40 message(s) de cette discussion en une page