[syntaxe] appel fonction pour cacher un formulaire

**helene38250** · 26/11/2008, 08h28

Bonjour,
J'aimerai appeler ma fonction javascript lorsque mon bouton est actionné.
voici mon code:

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
 
<html>
	<head>
		<title>Fiche de lot tri final</title>
		<script type="text/javascript">
			cacher(information_process)
			{
				objet = document.getElementById(information_process);
				if(objet.style.visibility == 'hidden')
				{
					objet.style.visibility == 'visible'
				}else
				{
					objet.style.visibility == 'hidden'
				}
			}
		</script> 
	</head>
	<body>
 
 
 
		<form method="post" name="information_process" action="http://localhost/planprod/Carnet de lot/FT/index.php"> 
			<fieldset> <div id="information_process" style="visibility:visible">
				<legend> Information process </legend>
				<p>Choisissez un Process:</p>
				<select name = "process" id = "menuprocess">
					<?php
                                                $resultat = mysql_query("select libelle_process from process") or die ("Requête non executée.");
 
                                                while ($ligne = mysql_fetch_array($resultat))
                                                {
                                                        echo '<option>'.$ligne['libelle_process'].'</option>';
                                                }
                                        ?>
				</select>
 
				<br><br>Quantité<input type="text" name="qte">
				<input type="submit" value="Valider" name="Information_process"  onclick="cacher()" action="self.location.href='http://localhost/planprod/Carnet de lot/FT/index.php'">
</body>
</html>

Lorsque l'on clique sur le bouton valider j'aimerai que ma fonction cacher s'exécute afin de cacher ce formulaire.
Merci pour votre aide

**RomainVALERI** · 26/11/2008, 09h30

Je vois deux premiers problèmes :

- il manque le mot-clef "function" devant la signature de ta fonction pour qu'elle soit déclarée correctement

Code :

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

1
2
3
4
5
 
function cacher(information_process)
{
   // ta fonction
}

- à l'appel de ta fonction, tu ne lui passes pas l'argument id demandé

Code :

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

1
2
onclick="cacher('information_process');"

Il se peut qu'il y ait autre chose je n'ai pas encore regardé dans le détail (pas le temps tout de suite) mais en tout cas ces deux problèmes sont déjà rédhibitoires ^^

**helene38250** · 26/11/2008, 09h45

J'ai changer mon code :

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
 
function cacher(idp)
	{
		var objet = document.getElementById(idp);
		if(objet.style.visibility == 'hidden')
		{
			objet.style.visibility = 'visible';
		}else
		{
			objet.style.visibility = 'hidden';
		}
	}
 
	</script> 
 
 
	</head>
	<body>
 
		<form method="post" name="information_process" action="http://localhost/planprod/Carnet de lot/FT/index.php"> 
			<fieldset> 
 
					<legend> Information process </legend>
					<div id="info_process" style="visibility:visible" ><!--style="display:block"-->
					<p>Choisissez un Process:</p>
					<select name = "process" id = "menuprocess">
						<?php
                                                        $resultat = mysql_query("select libelle_process from process") or die ("Requête non executée.");
 
                                                        while ($ligne = mysql_fetch_array($resultat))
                                                        {
                                                                echo '<option>'.$ligne['libelle_process'].'</option>';
                                                        }
                                                ?>
					</select>
 
					<br><br>Quantité<input type="text" name="qte"></div>
					<input type="submit" value="Valider" name="Information_process" onclick="cacher('info_process')">

Le problème c'est que ce code ne cache pas le formulaire lorsque je clique sur le bouton valider .

**Bovino** · 26/11/2008, 10h40

Normal, tu ne lui as pas donné d'id !
De plus, attention, la propriété visibility va te cacher ton formulaire mais conserver son emplacement, tu auras droit à un bloc blanc, pour le cacher sans garder ses dimensions, passe plutôt par la propriété display.
Ensuite, tu risques de ne pas voir grand chose car tu caches ton form sur un bouton submit, donc immédiatement après avoir caché ton formulaire, celui-ci va être soumis et la page rechargée.

**helene38250** · 26/11/2008, 10h58

En cherchant un peu je suis arrivée donc enfaite j'ai ma fonction javascript et je l'appelle en php un fois que mon bouton a été actionné par quelqu'un.
Voici le code:

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
 
<html>
	<head>
		<title>Fiche de lot tri final</title>
		<script type="text/javascript">
function cacher(idp)
	{
		var objet = document.getElementById(idp);
		if(objet.style.display == "block")
		{
			objet.style.display = "none";
		}else
		{
			objet.style.display = "block";
		}
	}
 
 
		</script> 
 
 
	</head>
	<body>
 
		<form method="post" name="information_process" action="http://localhost/planprod/Carnet de lot/FT/index.php"> 
			<fieldset> 
 
					<legend> Information process </legend>
					<div id="info_process" style="display:block" ><!--style="display:block"-->
					<p>Choisissez un Process:</p>
					<select name = "process" id = "menuprocess">
						<?php
                                                        $resultat = mysql_query("select libelle_process from process") or die ("Requête non executée.");
 
                                                        while ($ligne = mysql_fetch_array($resultat))
                                                        {
                                                                echo '<option>'.$ligne['libelle_process'].'</option>';
                                                        }
                                                ?>
					</select>
 
					<br><br>Quantité<input type="text" name="qte">
					<input type="submit" value="Valider" name="Information_process"> <!--onclick="affCache('info_process');"-->
					</div>
 
				<?php
					if (isset ($_POST['Information_process']))
					{
						echo "<script type='text/javascript'> cacher('info_process')</script>";
					}
</fieldset>
</body>
</html>

MErci pour votre aide

[syntaxe] appel fonction pour cacher un formulaire

JavaScript

Discussions similaires

Partager

Partager