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: 299

verificar se as imagens foram carregadas

13-10-2010 20:45

olá galera do codigosnaweb!voltei e trouxe uma dúvida!, tenho um script no qual ele verifica se a imagem foi carregada , e caso não ele mostra um alert!,tudo isso com javascript ,bem até ai tudo bem, o script funciona e tal,mas gostaria de saber como faço pra ele ao invés de um alert abrir uma página?[ window.open("link URl ");]e colocar if pra várias imagens?(código 1 )

Código 1(alterado)

// neste gostaria de colocar várias imagens e caso alguma não carrege ele retorna ao erro,que no caso seria um [ window.open("link URl ");] contendo uma pagina de erro!

//imagino que o código esteja errado,mas é só para ter uma ideia!
<html> <head> </head> <body> <img src="logo.gif" src="logo.gif" src="logo.gif" src="logo.gif" onerror="window.open("erro.html "); /> </body> </html>


Código original

//código original sem alterações!
<html> <head> </head> <body> <img src="logo.gif" onerror="alert('Uma das imagens não carregou!Notifique ao ADM')" /> </body> </html>

fui claro?espero que sim!

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

verificar se as imagens foram carregadas

13-10-2010 21:18

O segundo código está certo, só que não sei se vai abrir o documento, porque os navegadores tem bloqueador de popup.

Se vai trabalhar com várias imagens, teria que fazer vários img src.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

verificar se as imagens foram carregadas

14-10-2010 19:58

fazer vários img src.ok! mas como coloco apenas uma alerta? ou seja o novo código vai possuir varios img.src mas quando todos ou apenas uma imagem nao carregar ele mostra o alert!, no caso vai existir um único alerta para todos os img.src :|



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

verificar se as imagens foram carregadas

14-10-2010 22:08

Fiz um exemplo abaixo

Tem um script que soma 1 a cada vez que a função é chamada pelo onerror, e adiciona esse valor ao input text.
Sendo 3 figuras, se ouver erro nas 3, mostrará um 3 no input, se nenhuma tem erro, vai mostrar o valor padrão, 0.
<script type="text/javascript"> function Erro() { atual = document.getElementById("valor").value; document.getElementById("valor").value = eval(atual)+eval(1); } </script> <input type="text" id="valor" value="0"> <img src="teste.gif" onerror="Erro()"> <img src="teste.gif" onerror="Erro()"> <img src="teste.gif" onerror="Erro()">

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

verificar se as imagens foram carregadas

15-10-2010 20:22

Muito criativo WEB! show mesmo!,mas só queria pedir mais uma coisinha se não for incomodar!tem como fazer a função [<input type="text" id="valor" value="0">] aparecer sem ser em caixa? ou seja aparecer somente o número! ao invés do Box azul ?



Muito obrigado!
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

verificar se as imagens foram carregadas

15-10-2010 20:32

WEB encontrei a resposta! seria por meio do [<style type="text/css">]ou seja com ajuda do CSS,consegui mostrar apenas o número e ainda mudei a cor do mesmo!


Obrigado ! Até a próxima
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

verificar se as imagens foram carregadas

16-10-2010 12:07

Eu usei a caixa só para mostrar a interação, poderia fazer também direto no JS, mas, se conseguiu blz.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

verificar se as imagens foram carregadas

16-10-2010 12:43

sim está funcional!Obrigado, :clap: mas só pra saber ,como seria esse método de mostrar direto no JS?



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

verificar se as imagens foram carregadas

16-10-2010 13:07

Seria assim

<script type="text/javascript"> valor = 0; function Erro() { valor+= 1; } window.onload = function() { if(valor!="0") { alert("alguma imagem não foi carregada"); //location.href=""; // retire a // antes do location e adicione o documento a ser redirecionado entre o " e " } } </script> <img src="teste.gif" onerror="Erro()"> <img src="teste.gif" onerror="Erro()"> <img src="teste.gif" onerror="Erro()">

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

verificar se as imagens foram carregadas

16-10-2010 14:05

Novamente muito obrigado e parabéns! :wink:

me ajudou muito!vlwwww


abraço.
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

verificar se as imagens foram carregadas

19-10-2010 18:20

Web sugiu mais uma dúvida neste código,que seria como faço pra abrir o [ location.href="erro.html"; } ] em um iframe? ou seja como dizer para ele que abra a página erro.html em um iframe?tentei trocar por [ window.open("erro.html", "nome-do-iframe", ""); ] mas não funcionou no Firefox. :sad:



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

verificar se as imagens foram carregadas

19-10-2010 19:07

Esse window.open está certo. Verifica se o name do frame está certo.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

verificar se as imagens foram carregadas

19-10-2010 19:39

web tinha um erro no fechamento da função, [ }] resolvir o problema ,
obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

verificar se as imagens foram carregadas

19-10-2010 21:58

flw
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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