Bonjour tout le monde,
Dans mon exemple suivant j'essai d'afficher des calques (des div) en fonction de la valeur de mon select :
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
 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
	function afficheCalques(f){
		if(f==1){
			document.getElementById('c1').style.visibility='visible';
			document.getElementById('c2').style.visibility='hidden';
			document.getElementById('c3').style.visibility='hidden';
		}else if(f==2){
			document.getElementById('c2').style.visibility='visible';
			document.getElementById('c1').style.visibility='hidden';
			document.getElementById('c3').style.visibility='hidden';
		}else if(f==3){
			document.getElementById('c3').style.visibility='visible';
			document.getElementById('c1').style.visibility='hidden';
			document.getElementById('c2').style.visibility='hidden';
		}
	}
</script>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
  <label>test :
  <select name="select" onchange="afficheCalques(this.value)">
    <option value="0">..........</option>
    <option value="1">rrr</option>
    <option value="2">fff</option>
    <option value="3">ggg</option>
  </select>
  </label>
  <p>
  	<div id="c1" style="LEFT:40px; TOP:40px;visibility:hidden">
		calque 1 : <input name="t1" type="text" />
	</div>
  	<div id="c2" style="LEFT:40px; TOP:40px;visibility:hidden">
		calque 2 : <input name="t2" type="text" />
	</div>
  	<div id="c3" style="LEFT:40px; TOP:40px;visibility:hidden">
		calque 3 : <input name="t3" type="text" />
	</div>
  </p>
</form>
</body>
</html>
tout marche bien sauf le positionnement de mes calques, malgré que j'ai donné les mêmes valeurs top et left, mes calques ne s'affiche pas dans la même position.

autre chose, est ce que ça peut me poser des problèmes lors du submit de mon formulaire?

et merci d'avance de votre aide.