Verrou sur un champ

bonjour,

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></title>
<style type="text/css">
<!--
#idBtValider{
 display: none;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
function modifierValeur()
{
 var el;
 el = document.getElementById("idChamp");
 
 if (el.readOnly)
 {
   if (confirm('Modifier cette valeur ?'))
   {
    document.getElementById("idBtValider").style.display = "block";
    el.readOnly=false;
    el.focus();
   }
 }
}
 
function valider()
{
  var el;
  el = document.getElementById("idChamp");
  el.readOnly=true;
  document.getElementById("idBtValider").style.display = "none";
}
 
//-->
</script>
 
</head>
 
<body>
 
<input type="text" readonly="readonly" value="valeur importante" id="idChamp" onclick="modifierValeur()">
<input type="button" value="Valider" id="idBtValider" onclick="valider()">
 
 
</body>
 
</html>

l'utilisateur doit cliquer dans le champ pour le modifier puis appuyer sur un bouton pour désactiver le champ.