<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Leo Caseiro &#187; evento</title>
	<atom:link href="http://leocaseiro.com.br/tag/evento/feed/" rel="self" type="application/rss+xml" />
	<link>http://leocaseiro.com.br</link>
	<description>programação e desenvolvimento web (php, MySQL, JavaScript, jQuery, Wordpress, etc)</description>
	<lastBuildDate>Wed, 02 May 2012 14:34:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Solução em Javascript para Imagens inexistentes no servidor</title>
		<link>http://leocaseiro.com.br/evento-onerror-javascript-imagens-inexistentes/</link>
		<comments>http://leocaseiro.com.br/evento-onerror-javascript-imagens-inexistentes/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 12:00:25 +0000</pubDate>
		<dc:creator>Leo Caseiro</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[evento]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://leocaseiro.com.br/?p=189</guid>
		<description><![CDATA[Saiba como utilizar o evento onerror do JavaScript para substituir falhas de imagem(&#60;img&#62;) ou até janela(window). Com certeza você já passou por algum deste problemas:   O seu site precisava de uma imagem e ela não estava mais lá. A imagem &#8230; <a href="http://leocaseiro.com.br/evento-onerror-javascript-imagens-inexistentes/">Continuar lendo <span class="meta-nav">&#8594;</span></a>
Artigos Relacionados:<ol>
<li><a href='http://leocaseiro.com.br/shuffle-do-php-no-javascript/' rel='bookmark' title='Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP'>Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP</a></li>
<li><a href='http://leocaseiro.com.br/includes-js/' rel='bookmark' title='Como chamar um Javascript externo dentro de um js tipo include'>Como chamar um Javascript externo dentro de um js tipo include</a></li>
<li><a href='http://leocaseiro.com.br/acesso-externo-php-ajax-crodomain/' rel='bookmark' title='Liberar acesso externo no PHP para AJAX (crossdomain)'>Liberar acesso externo no PHP para AJAX (crossdomain)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Saiba como utilizar o <strong>evento onerror do JavaScript</strong> para substituir falhas de imagem(<em>&lt;img&gt;</em>) ou até janela(window).</p>
<ul> Com certeza você já passou por algum deste problemas:  </p>
<li>O seu site precisava de uma imagem e ela não estava mais lá.</li>
<li>A imagem não foi carregou corretamente e nem Deus sabe o motivo.</li>
<li>O seu script de UpLoad deu problema e corrompeu o arquivo antes de subir para o seu</li>
<li>servidor.</li>
<li>O nome da imagem está errado no seu banco de dados</li>
</ul>
<p>Comigo foi assim, estava criando uma galeria de vídeos que devia exibir um screenshot(na agência chamamos de <em>frame</em>), mas acontece que tínhamos alguns vídeos que ainda não possuíam o screenshot. E tendo todos os dados necessários para serem exibidos no site, menos o screenshot, deveriam ser listados na HOME.<br />
<span id="more-189"></span><br />
O que fazer neste caso?<br />
Criar um código php do tipo <strong>if file_exists()</strong>?<br />
Conheço uma opção melhor e nativa do JavaScript.</p>
<p><strong>Evento OnError</strong></p>
<p>Como funciona o evento OnError?<br />
Funciona ao contrário do evento OnLoad que é a resposta de uma imagem (ou uma janela) que foi carregada com sucesso(ta aí o nome OnLoad = Carregou com Sucesso)</p>
<p>Assim que o browser interpretar um erro de carregamento de uma imagem(também pode ser utilizado em um window, como uma PopUp), ele executa o método OnError.</p>
<p>Como e onde utilizar o método OnError?</p>
<pre class="brush: javascript">
&lt;img src=&quot;imagem-nao-existe.gif&quot; onerror=&quot;this.onerror=null; this.src=&#039;thumb-video-default.jpg&#039;&quot; /&gt;
</pre>
<p><a title="Exemplo do evento OnError funcionando" rel="external" href="http://exemplos.leocaseiro.com/imagem-inexistente-no-servidor.html">Exemplo do evento OnError em funcionamento</a>.</p>
<p>Artigos Relacionados:<ol>
<li><a href='http://leocaseiro.com.br/shuffle-do-php-no-javascript/' rel='bookmark' title='Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP'>Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP</a></li>
<li><a href='http://leocaseiro.com.br/includes-js/' rel='bookmark' title='Como chamar um Javascript externo dentro de um js tipo include'>Como chamar um Javascript externo dentro de um js tipo include</a></li>
<li><a href='http://leocaseiro.com.br/acesso-externo-php-ajax-crodomain/' rel='bookmark' title='Liberar acesso externo no PHP para AJAX (crossdomain)'>Liberar acesso externo no PHP para AJAX (crossdomain)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://leocaseiro.com.br/evento-onerror-javascript-imagens-inexistentes/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

