Bonjour,
voici ce que j'essai de realiser, un formulaire composé de 5 etapes, a chaques etapes de fini il me faut toujours voir les champs mais les mettre en disabled et faire disparaitre le bouton de validation.

Voici un bout de 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
		<!-- Lien pour la feuille de style générale ici! -->
		<link rel="stylesheet" media="All" type="text/css" title="Info Centre" href="style/style.css" />
 
		<!-- Le favicon est là! -->
		<link rel="icon" type="image/png" href="../templates/images/favicon.png" />
		<!--[if IE]>
			<link rel="shortcut icon" type="image/x-icon" href="templates/images/favicon.ico" />
		<![endif]-->
 
		<script src="include/prototype.js" type="text/javascript"></script>
		<script src="include/scriptaculous.js" type="text/javascript"></script>
		<script src="include/effects.js" type="text/javascript"></script>
 
	</head>
 
	<body>
 
 
		<div id="corps"> <!-- Corps du site, comprenant les éléments de navigations, les menus ainsi que les informations à afficher -->
 
			<div id="buste">
 
				<h2>Fomulaire de renseignement des bases de données pour Sql Info Centre</h2>
 
				<div id="partie1">
					<form id="connexionSrv" onsubmit="partie1();return false;">
						<fieldset>
							<legend>Partie 1</legend>
							<label for="select_type">
								Type de serveur :
							<label>
							<select name="type_server" id="select_srv" <?php echo $disabled; ?>>
								<option value="1">Sql Server 2005</option>
								<option value="2">Sql Server 2000</option>
								<option value="3">Mysql</option>
							</select><br/>
 
							<label for="srv">
								Votre serveur :
							<label>
							<input type="text" name="srv" id="srv" value="<?php echo $srv; ?>" <?php echo $disabled; ?> /> ex : sqlchpt<br />	
							<button>
								Ok
							</button>
						</fieldset>
					</form>	
					<div id="loading"></div>
				</div>
				<script type="text/javascript">
					function partie1()
					{
						var params = Form.serialize($('connexionSrv'));
 
						new Ajax.Request(
							'partie2.php',
							{
								asynchronous:true,
								method: 'post',
								onSuccess: function(){
 
									$('partie2').show();
								},
								onFailure: function(){
									alert('Echec de la requete');
								},
								onLoading: function(){
									$('loading').innerHTML = '<img src="loader.gif" />'; 
								},
								onComplete: function(){
									$('loading').innerHTML = '';
								}
 
							});
					}
				</script>					
 
				<div id="partie2" style="display:none;">
					<form>
						<fieldset>
							<legend>Partie 2</legend>
						</fieldset>
					</form>
				</div>
 
				<div id="partie3" style="display:none;">
					<form>
						<fieldset>
							<legend>Partie 3</legend>
						</fieldset>
					</form>
				</div>
 
				<div id="partie4" style="display:none;">
					<form>
						<fieldset>
							<legend>Partie 4</legend>
						</fieldset>
					</form>
				</div>
 
				<div id="partie5" style="display:none;">
					<form>
						<fieldset>
							<legend>Partie 5</legend>
						</fieldset>
					</form>
				</div>
 
			</div>
 
		</div>	
 
 
	</body>
 
</html>
merci par avance.