| 12
 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
 
 | <!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
function getfile(){
	document.getElementById("hiddenfile").click();
    document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value;
	document.getElementById("selectedfile").focus();
 
}
 
function simulateClick() {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.getElementById("checkbox"); 
  var canceled = !cb.dispatchEvent(evt);
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}
 
 
</script>
 
    </head>
 
 
<body>
<input type="file" name="hiddenfile" id="hiddenfile" style="display:none" />
<input type="text" name="selectedfile" id="selectedfile"  />
<input type="image" src="compass.gif" onclick="getfile()"  />
 
</body>
 
</html> | 
Partager