Utiliser un div comme zone d'upload de fichier
samedi 31 mai 2014 à 18:08 Ecirtam, le 31/05/2014 à 18:08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script> function mv_input(e){
document.getElementById('file').style.left=e.clientX-20 + "px";
document.getElementById('file').style.top=e.clientY-20 + "px";
}</script>
</head>
<body>
<input type="file" name="file" id="file" style="position:absolute;opacity:0;">
<div onmousemove="mv_input(event)" style="background-color:#B4FFB4;font-size:15em;height:300px;width:300px;text-align:center;">⎗</div>
</body>
</html>
(Permalink)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script> function mv_input(e){
document.getElementById('file').style.left=e.clientX-20 + "px";
document.getElementById('file').style.top=e.clientY-20 + "px";
}</script>
</head>
<body>
<input type="file" name="file" id="file" style="position:absolute;opacity:0;">
<div onmousemove="mv_input(event)" style="background-color:#B4FFB4;font-size:15em;height:300px;width:300px;text-align:center;">⎗</div>
</body>
</html>
(Permalink)