Código Javascript não roda no Chrome

[brendo 0]

Olá pessoal, estou com dificuldade de fazer um script rodar no Chrome...
O form:

 

<div align="left">
<form name="photo" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"];?>" id="formcrop" method="post">
<input type="file" name="image" size="30" id="btn-crop-search" style="border:1px inset #808080; background-color: #FFFFFF;" />
<input type="submit" name="upload" value="OK" id="btn-crop-ok" />
</form>
</div>

 

O script:

 

<script type="text/javascript">
$(document).ready(function(ex) {
    $("#btn-crop-ok").click(function(event) {
        $("#loaderCrop").load('loader.php');
    });
});
</script>
<div id="loaderCrop"></div>

 

Então, ao clicar no OK, um página aparece (loader.php) até que o upload seja feito. E só depois deve atualizar a página com reloadcrop.php
No IE, roda legal, mas no Chrome, não.

 

Vejam exemplo:

http://infosoftbh.ueuo.com/

http://infosoftbh.ueuo.com/teste/crop2.zip

Alguém sabe o que pode ser?
Desde já, agradeço!

[William Bruno 1501]

em vez de disparar no onclick do botão, dispare no onsubmit do form.

[brendo 0]

Não funcionou no Chrome!

E no botão não tem o comando onclick, só pega a id.

[paulojuchem 20]

ajuda a gente a te ajudar

 

<script type="text/javascript"> 

$(document).ready(function(ex) {     
     console.log("teste");
     //verifica se esta entrando aqui
      $("#btn-crop-ok").click(function(event) {         
           console.log("outro teste");
           //verifica se esse evento esta sendo disparado no chrome
           $("#loaderCrop").load('loader.php');     
       }); 
}); 
</script> 

<div id="loaderCrop"></div>

[brendo 0]

Pessoal, muito obrigado, mas assim rodou no Chrome também:

 

<script type="text/javascript">
$(document).ready(function(ex) {
$("#btn-crop-ok").click(function(event) {
$("#loaderCrop").html("<img src='../images/icons/loading_blue.gif'>");
});
});
</script>
<div id="loaderCrop" style="display:block; position:absolute; left:317px; top:200px;"></div>

Façam o teste... http://infosoftbh.ueuo.com

[brendo 0]

Parece que o Chrome deixa funcionar qndo ele quer, hoje o loading gif, não está mais aparecendo!

Se eu fizer alguma alteração no script, mandar para o servidor, abrir este endereço
e depois
Fazer 2ª alteração mandar para o servidor e abrir o endereço (retornar o script para nº#5)....
O GIF APARECE!
kkkkkkkkkkk... o pessoal do Chrome é maluco!

[brendo 0]

RESOLVIDO!
Tirei uma idéia deste site: http://www.sistemabasico.com.br/2012/02/18/simples-tutorial-upload-ajax-php/

Ficou assim:
Form do botão OK:

<form name="photo" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"];?>" id="formcrop" method="post" target="crop" onsubmit="startUpload();">
<input type="file" name="image" size="30" id="btn-crop-search" style="border:1px inset #808080; background-color: #FFFFFF;" />
<input type="submit" name="upload" value="OK" id="btn-crop-ok" />
</form>

Javascript

<script type="text/javascript">
function startUpload(){
document.getElementById('upload_process').style.visibility = 'visible';    
return true;  
}
</script>

div

<div align="center" id="upload_process"></div>

css

#upload_process {
z-index:100;
position:absolute;    
visibility:hidden;    
text-align:center;    
width:690px;    
height:444px;
background:url(../images/icons/loading_blue.gif) no-repeat center;
margin:0px;    
padding:0px;  
top:0;
left:0; 
background-color:#fff;    
border:0px solid #ccc;
}

 

Obrigado a todos!