Para empezar tengo ese formulario html:
Código HTML:
<html>
<head>
<link rel = "StyleSheet" type = "text/css" href = "StyleUpload.css"/>
<script language = "JavaScript" type = "text/javascript">
document.oncontextmenu = function SecondClickOff() { return false; }
</script>
</head>
<body>
<h1 class = "select_msg">Seleccione un archivo</h1>
<form action = "UploadProcess.php" method = "POST" enctype = "multipart/form-data">
<input type = "file" name = "archivo" size = "55" class = "button"/>
<p></p>
<p class = "msg"><strong>Nota:</strong> Los archivos subidos al servidor estan localizados en la carpeta
<a href = "../data/UPLOADS">"UPLOADS"</a>
</p>
<br>
<input name = "subir" type = "submit" value = "Subir" class = "button"/>
<input name = "action" type = "hidden" value = "upload"/>
</form>
</body>
</html>
Quisiera hacer que al pulsar el boton "Subir" desaparezca este boton y se reemplaze por una imagen gif de cargando mientras se sube el archivo al servidor.
Hay alguna forma de hacerlo? He buscado mucho y he intentado muchas cosas pero ni siquiera me aproximo a lo que busco, espero que me puedan ayudar :)
Se que con JavaScript es posible.
Saludos! =D