Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

10-05-2013 21:38

Olá pessoal, estou com dificuldade de fazer um script rodar no Chrome...
Meu 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>

Meu 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 até que o upload seja feito.
No IE, rodar legal, mas no Chrome, não.

Alguém sabe o que pode ser?
Desde já, agradeço!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

10-05-2013 22:20

O que acontece no Chrome? Tem o link do plugin?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

12-05-2013 13:36

No Chrome a <div id="loaderCrop"></div> não aparece, o upload é feito tudo certo, mas fica na mesma página até o upload acontecer e só muda depois que o upload é realizado normalmente.
UPLOAD
if (isset($_POST["upload"])) { //pega informações $userfile_name = $_FILES['image']['name']; $userfile_tmp = $_FILES['image']['tmp_name']; $userfile_size = $_FILES['image']['size']; $filename = basename($_FILES['image']['name']); $file_ext = substr($filename, strrpos($filename, '.') + 1); if((!empty($_FILES["image"])) && ($_FILES['image']['error'] == 0)) { if (($userfile_size > $max_file) || ($userfile_name > 0)) { // UPDATED ERROR CHECK $error= "Sua foto excedeu o limite máximo permitido de 1MB.\\nEscolha outra foto."; } elseif ($file_ext != 'jpg') { echo "<script language='javascript'>alert('Somente arquivos com a extensão JPG são permitidos!');history.go(-1);</script>"; exit; } } else { $error= "Você não selecionou nenhuma foto!"; } //Se está tudo OK, prossegue if (strlen($error)==0){ if (isset($_FILES['image']['name'])){ move_uploaded_file($userfile_tmp, $large_image_location); chmod($large_image_location, 0777); $width = getWidth($large_image_location); $height = getHeight($large_image_location); //cria a imagem menor if ($width > $max_width){ $scale = $max_width/$width; $uploaded = resizeImage($large_image_location,$width,$height,$scale); }else{ $scale = 1; $uploaded = resizeImage($large_image_location,$width,$height,$scale); } } header("Location: reloadcrop.php"); exit(); } } if(strlen($error) > 0) { echo "<script language='javascript'>alert('$error');history.go(-1);</script>"; exit; }

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

12-05-2013 17:03

Aparentemente não tem nada errado. Se quizer zipar o script todo, e postar o link, posso testar aqui.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

12-05-2013 20:35

Por favor, olha ele funcionando neste teste: http://infosoftbh.ueuo.com

Guia: Minha foto
Botão: Inserir
Faça o upload de uma imagem
O script deve funcionar ao ser clicado o OK

No Chrome não roda!
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

12-05-2013 20:38

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

12-05-2013 21:15

Vou ver o link.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

12-05-2013 21:25

Testei seu código no Opera, funcionou correto, depois testei no Chrome Versão 26.0.1410.64 m, e também funcionou. Cortou a imagem certo. Depois apareceu uma imagem vermelha rodando, imagino que seja a página que você falou que não aparecia.

Coloca essa página que deve aparecer enquanto está carregando no mesmo diretório do script. Deve aparecer mais rápido.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

13-05-2013 04:12

Primeiro tem que aparecer loader.php e depois reloadcrop.php, as duas tem o gif vermelho, porém o loader.php não faz nada, só aparece enquanto o usuário espera o upload e depois do upload é que aparece reloadcrop.php que vai atualizar a página para mostrar a nova imagem, caso o usuário a troque.

No Chrome, Firefox, etc, o loader.php não é carregado enquanto o usuário espera o upload, a página fica parada, estática e só depois do upload é que há a atualização da página com a reloadcrop.php.

Eu preciso que a loader.php apareça enquanto o upload é realizado, através deste script:
<script type="text/javascript"> $(document).ready(function(ex) { $("#btn-crop-ok").click(function(event) { $("#loaderCrop").load('loader.php'); }); }); </script> <div id="loaderCrop"></div>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

13-05-2013 12:40

Talvez o botão btn-crop-ok não seja o botão que deva carregar o load. Tem que dar uma analisada no script.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

13-05-2013 12:54

Muito obrigado pela força e paciência, amigo!
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

13-05-2013 14:49

web, eu coloquei o plugin mais completo, juntamente com a tabela SQL, caso queira testar OFF.
http://infosoftbh.ueuo.com/teste/crop2.zip
Obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

13-05-2013 17:05

Depois dou uma olhada.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

14-05-2013 10:29

Dei uma olhada no seu código, mas não rodou aqui muito bem. O botão de enviar foto, está carregando a imagem em uma nova janela, ao invés de mostrar a janela.

Tenta o seguinte:

<script> $(document).ready(function() { $('#seu_botao').click(function() { setTimeout("evento()", 5000); }); }); </script>

Nesse código acima foi feito o seguinte, o botão id seu_botao, vai receber o clique. Depois de clicado, vai ter um intervalo de 5000 = 5 segundos. Após isso, vai ser carregado a função evento(). Essa função carregaria a sua função do upload.

function evento() { // função do evento }

Você tem que procurar do seu script, se tem a chamada direta da função, sem o click, e chamar dentro da função evento.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

14-05-2013 20:28

Mas web, assim o loader.php será isolado, eu não quero isolá-lo... eu quero é que ele seja carregado antes do reloadcrop.php

O loader.php é invisível, somente vai aparecer o gif vermelho até que o upload da foto seja realizado.
vc fez o teste no IE? viu como é que acontece?
O estranho aqui está no porquê que o gif vermelho não aparece no Chrome... será que o Chrome torna o gif tbm invisível? será que ele está sim, carregando o loader.php, mas é o gif que não tá aparecendo?
doido demais, não!!!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

14-05-2013 21:06

Testei agora no IE, e funcionou. Não percebi no seu código, se a div está invisível "display none". Se estiver, dá um show(), tipo:

$("#btn-crop-ok").click(function(event) { $("#loaderCrop").show(); $("#loaderCrop").load('loader.php'); });

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

15-05-2013 22:29

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

No IE continua mostrando, mas o Chrome não...
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

15-05-2013 22:35

Então não imagino o que possa ser. O mais provável é ser um bug no navegador Chrome.
O ideal seria procurar se há outras opções do mesmo script, e testar já antes no Chrome.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

15-05-2013 22:59

To testando tudo no Chrome... foi aí que descobri este "detalhe"
É muito "doido", né? Por que o Chrome não lê certos scripts!!!
Vai entender...

Este foi o script mais simples!
Vou tentar um maior e com mais detalhes em ajax loding... o foda é pesar demais, pois só estou fazendo tudo mais simples e leve!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

16-05-2013 07:24

Para ganhar espaço no mercado, acabam inventando os navegadores para competir com outros, e esquecem de deixá-los iguais em suporte a scripts. :rofl:
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

17-05-2013 03:25

Verdade... sou a favor de monopólios... rsrs
Mas assim, web, 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

E muito obrigado "pela força"!
Deus o ilumine!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

17-05-2013 09:00

Na hora que tentei carregar o link estava off. Uma dica, coloca um title nessa imagem do loading, caso ela demore a carregar, a pessoa vê o texto do title.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

17-05-2013 13:28

Obrigado pela dica!

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....
O GIF APARECE!
kkkkkkkkkkk... o pessoal do Chrome é maluco!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código Javascript não roda no Chrome

17-05-2013 13:34

:)
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 120
Sexo: Masculino

Código Javascript não roda no Chrome

17-05-2013 14:23

NO CHROME:
Se eu fizer isso, colocar no servidor e rodar:
<script type="text/javascript"> $(document).ready(function(ex){ $("#loader").hide(); $("#btn-crop-ok").bind("change",function(ex){ //$("#btn-crop-ok").click(function(event) { $("#loader").show(); $("#loader").load("",function(response){ //$("#loaderCrop").load('loader.php'); $("#loader").hide(); }); }); }); </script> <div id="loader" style="display:block; position:absolute; left:315px; top:200px;"> <img src="../images/icons/loading_blue.gif" /></div>

(ATUALIZO O FRAME COM O BOTÃO DIREITO)... NÃO VAI RODAR "LEGAL"... O GIF APARECE NA HORA QUE ATUALIZA A PÁGINA SOMENTE!

Mas depois eu retorno o script para:
<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>

(ATUALIZO O FRAME COM O BOTÃO DIREITO)... O GIF APARECE NA HORA DO UPLOAD

Acabei de fazer... e tá lá... rodando legal! kkkk
0

Quem está online

Usuários navegando neste fórum: Google [Bot]