Detector automático de Flash [JS + HTML]

Olá, desta vez estou trazendo um script que detecta se o Adobe Flash está ativado. Se este não estiver ativado, ele envia um alerta que dá a opção aos usuários para ativar o Flash com um clique do mouse.

Primeiro, criamos uma função antes dos flashvars na client.php:

Código:

var callback = function(e) {
 
 if(!e.success) {
 document.getElementById("clienterror").style.display = "block";
 }
 else {
 document.getElementById("clienterror").style.display = "none";
 }
 };

Agora invocamos essa função com o swfobject. Procure uma linha semelhante à seguinte:

Código:

swfobject.embedSWF(BaseUrl + "Habbo.swf", "client", "100%", "100%", "10.0.0", "xxx", flashvars, params, null, callback);

No último parâmetro é onde a função é invocada.

Agora, precisamos adicionar o HTML e o CSS desse alerta. Encontre um bom lugar para adicionar uma div e adicione o seguinte:

Código:

<style>
  #clienterror{color:#FFFFFF;background:#000000;font-family:'Ubuntu';padding:48px 12px;width:100%;height:100%;display:none;position:fixed;top:0;left:0;text-align:center;z-index:1000000;}#clienterror p{width:445px;margin:0 auto;font-family:'Ubuntu';font-size:24px;text-align:center;padding:20px 0;}#clienterror a{margin:0 auto;margin-bottom:10px;display:block;}#clientdcerror{color:#FFFFFF;background:#000000;background:rgba(0,0,0,0.85);font-family:'Ubuntu';padding:48px 12px;width:100%;height:100%;display:none;position:fixed;top:0;left:0;text-align:center;z-index:1000000;}#clientdcerror p{width:445px;margin:0 auto;font-family:'Ubuntu';font-size:24px;text-align:center;padding:20px 0;}#clientdcerror a{margin:0 auto;margin-bottom:10px;display:block;}
  </style>
  <div id="clienterror">
<p>Ah não!<br/><br/>Não foi possível ativar o Adobe Flash Player no seu navegador.<br/><br/>Você pode tentar ativar o Flash Player usando o botão abaixo ou baixá-lo diretamente no site da Adobe.</p>
<a href="http://www.adobe.com/go/getflashplayer"><img src="{url}/static/client/images/activate-flash.png" onmouseover="" style="cursor: pointer;"></a>
</div>

Essa imagem verde é chamada activate-flash.png e você pode encontrá-la aqui: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Imagens em espanhol porque esse tutorial foi retirado de um fórum espanhol.
Créditos no Final do Tópico.

Imagens:

Alerta:

Opção para ativar o flash depois de apertar o botão verde::

Muito interessante, vai ajudar muitas pessoas.

Seu belingue, mais otima funçao

Espero que funcione ;)