[syntaxe] appel fonction pour cacher un formulaire

Version imprimable

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

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

26/11/2008, 09h30
RomainVALERI

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

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:

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

J'ai changer mon code :

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

26/11/2008, 10h40
Bovino

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.

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:

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