なぜ私の関数beginLoadingは表示された動作をしませんか？

Question

mootoolsを使ってajaxのアップロードファイルを開発していますが、ロードするというHTMLのpタグにメッセージを表示しようとしていますが、ユーザーがボタンを押しても送信ボタンを押しても表示されない

 #f1_upload_process{ 
      z-index:100; 
      position:absolute; 
      visibility:hidden; 
      text-align:center; 
      width:400px; 
      margin:0px; 
      padding:0px; 
      background-color:#fff; 
      border:1px solid #ccc; 
     } 
     </style> 



    <p id="f1_upload_process">Loading...<br/></p> 

    <p id="result"></p> 

    <form method="post" action="" enctype="multipart/form-data"> 

     <label for="file">Subir un archivo</label> 
     <input type="file" name="file" id="fileArchivo" /> 
     <input type="submit" name="submit" id="btnSubir" value="upload file" /> 

    <iframe name="iframUpload" id="iframeUpload" type="file" style="display:none"></iframe> 


     </form> 

と私のmootols：解雇され、任意のアドバイス？私はちょうどこの簡単な方法で、これは私のコードです

助けてくださいしたい、私は、私もチュートリアルに従う理由を理解しないが、私は知りませんアヤックス

window.addEvent("domready",function(){ 
    cargarIndex();         
}); 


function cargarIndex() 
{ 
    var prueboRequest = new Request({ 
    method: 'POST', 
    url: '../CONTROLLER/inicio.php', 
    onRequest: function() {}, 
    onSuccess: function(texto, xmlrespuesta){ 
    document.getElementById('subirarchivo').innerHTML= texto; 
    $('btnSubir').addEvent('click',function(){beginUploading()}); 
    }, 
    onFailure: function(){alert('Error!');} 
    }).send(); 


} 

function beginUploading(){ 


    document.getElementById('f1_upload_process').style.display = "visible"; 
     //$(''#f1_upload_process').css({display:'none'}); 
     return true; 


// return true; 
} 

Answer 1

CSSで

あなたは