Rendre bouton invisible

**maysa** · 26/06/2007, 11h52

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 :

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

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.

**Auteur** · 26/06/2007, 11h57

bonjour,

Code javascript :

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

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

**maysa** · 26/06/2007, 12h15

Voui ça marche !
merci...

**maysa** · 26/06/2007, 14h56

Bien finalement j'ai toujours un problème !

fonction :

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

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

1
2
 
<input type="checkbox" name="rembourser[]"  value="<?=$tabDonnee['numNote'];?>" onclick="VerifFom();" />

bouton qui doit s'afficher ou non

Code :

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

  <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

**E.Bzz** · 26/06/2007, 15h01

Bonjour,

Envoyé par maysa

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

Oui et c'est normal :

Code :

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

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

**SpaceFrog** · 26/06/2007, 15h01

faut juste revoir la syntaxe ...

Code :

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

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

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

Code :

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

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

ou

Code :

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

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

ou encore passer par la syntaxe getElementsByName ...

**maysa** · 26/06/2007, 15h08

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

Code :

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

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";*/
			}

**SpaceFrog** · 26/06/2007, 15h14

tu as un table dans ton form ?

**SpaceFrog** · 26/06/2007, 15h16

Code :

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

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

l'utilisation du [] dans le name ne sert que coté serveur ...

**maysa** · 26/06/2007, 15h16

oui....pourquoi ?

un table avec tr et td..
les tr contienne chacun un input type checked....

**SpaceFrog** · 26/06/2007, 15h21

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

il faut alors faire

Code :

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

document.getElementsByTagName('table').getElementsByName('rembourser[]')[i].checked==false

**maysa** · 26/06/2007, 15h29

ça me dit que

Code :

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

document.getElementsByTagName('table').getElementsByName

n'est pas une fonction

pourtant avant midi ça marchait...sniff

**Auteur** · 26/06/2007, 15h33

tu peux nous montrer le code HTML de ton formulaire ?

**maysa** · 26/06/2007, 15h38

oui bien sur

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

**maysa** · 26/06/2007, 16h56

bon j'ai testé ça..

Code :

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

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

et j'ai toujours cette erreur has no properties !

c'est une histoire de dingue ce truc ?!

**SpaceFrog** · 26/06/2007, 17h01

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

Code :

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

getElemementById('trucmachin')[i]

est une ineptie ...

as tu essayé

Code :

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

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

avec

Code :

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

name='lenom[]'

ou

Code :

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

document.getElementsByName('lenom')[i]

avec

Code :

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

name='lenom'

**maysa** · 26/06/2007, 17h26

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

Code :

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

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

Merci de ton aide...

**SpaceFrog** · 26/06/2007, 17h27

et avec ton table intercalé ?

Code :

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

document.forms[0].getElementsByTagName('table')[0].getElementsByName("remb[]")[i]

**maysa** · 26/06/2007, 17h30

avec j'ai ceci

Code :

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

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

**SpaceFrog** · 26/06/2007, 17h31

même sans ça marche ...

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

Rendre bouton invisible

JavaScript

Discussions similaires

Partager

Partager