Tag Archives: javascript

0

Link no botão do arquivo flash

2 de junho de 2011   Dicas e Códigos
flash_icon

Para inserir um arquivo flash em sua html sem que no código fonte venha  escrita a extensão “swf” é muito simples, basta passar a extensão para dentro de um arquivo externo de JavaScript, com a extensão .js , observe o exemplo abaixo:

1º – passo: crie o arquivo flash.js com o seguinte código:

function carregaFlash(url,arquivo,largura,altura)
{
var caminho=arquivo+'.swf?endereco='+url;
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+largura+'" height="'+altura+'">');
//if (navigator.appName.indexOf('Microsoft') != -1 && msieversion() < 7)
//{      largura=largura+4;
//}
document.write('<param name="movie" value="'+caminho+'">');
document.write('<param name="quality" value="high">');
document.write('<param name="wmode" value="transparent">');
document.write('<param name="AllowScriptAccess" value="sameDomain">');
document.write('<param name="menu" value="false">');
document.write('<embed src="'+caminho+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+largura+'" height="'+altura+'" wmode="transparent"></embed>');
document.write('</object>');
}

2º passo: inclua seu arquivo js na html, entre as tags <head></head> da sua página com o caminho abaixo:


<script type="text/javascript" src="flash.js"></script>

3º passo: coloque no seu <body></body> a chamada do seu arquivo swf:

<script>
carregaFlash('http://www.tocadigital.com.br','nome_do_seu_arquivo_sem_ponto_swf',300,300);
</script>

Veja o exemplo o código funcionando:
http://www.tocadigital.com.br/biblioteca/flash.html

Baixe o exemplo do botão:
http://www.tocadigital.com.br/biblioteca/flash.fla

Baixe o código js:
http://www.tocadigital.com.br/biblioteca/flash.txt

Leia Mais
0

Função simples e prática para carregar páginas em AJAX

27 de abril de 2011   Dicas e Códigos
o3-AJAX

Tanto o Mozilla Firefox como o Internet Explorer às vezes fazem com que uma página enviada via AJAX não seja carregada adequadamente.
Aqui temos um exemplo simples que corrige estas falhas, e faz com que arquivos como flash, e scripts sejam carregados sem erros, para isso iremos utilizar a tecnologia do jQuery, e usar o API do Google, para que seja carregado mais rapidamente:

1º – colocamos nas tags HEAD da nossa index  os APIs para JQuery, Ajax, etc…

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"
type="text/javascript">
</script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"
type="text/javascript">
</script>

2º criamos  o seguinte script:

<script type="text/javascript" >
function abreURL(url,metodo,onde){
   if(metodo=='POST'){
      // metodo post
       $.post(url, function(data) {
      // página do carregador (loading)
       $("#carregador").show();
       $( "#"+onde).load(url);
      });
   }
   else if(metodo=='GET'){
      // metodo get
      $.get(url, function(data) {
     // página do carregador (loading)
      $("#carregador").show();
     $( "#"+onde).load(url);
    });
  }
}
</script>

3º Agora criamos na HTML o link que irá passar a função do AJAX e enviar a página e suas e se tiver também, as requisições junto:

<a onclick="abreURL('pagina_nova.php?id=10','GET','conteudo')" href="#">
Abrir na div conteúdo
</a>

4º depois criamos na nossa index a div que irá receber a página e os parâmetros:

<div id="conteudo">
<div id="carregador">Carregando...</div>
Aqui irá carregar a pagina nova e os dados do banco de id=10.</div>

Pronto.

Após colocar estas construções, seu site já estará navegando via Ajax.

Baixe este exemplo:
Modelo AJAX com jQuery

Leia Mais