O Desenvolvedor é um blog de www.andafter.org
Chris Benseler
Tentando acompanhar todo esse mundo de novidades internetísticas que aparecem a cada dia. Não vejo problema em ficar horas na frente de um PC (sim, PC, nada de Mac!) programando e desenvolvendo - contanto que seja para web - e entusiasta do Linux.
Status
Karma: 3951
Opiniões: 30
Mais deste autor
Ajax Libraries API
Este texto foi classificado como BomPor Chris Benseler
27 de Maio de 2008
Use as bibliotecas javascript mais bacanas - e deixe o Google hospedá-las pra você!
Acompanhe O Desenvolvedor por Feeds!
Mais uma vez, está lá o Google oferecendo serviços para facilitar a vida dos desenvolvedores.
Dessa vez, lançaram um serviço no qual hospedam algumas famosas bibliotecas javascript no servidor e que você pode usá-las de lá. Nesse momento, as bibliotecas disponíveis são: jQuery, prototype, script.aculo.us, MooTools e Dojo.
A forma de se utilizar é simples: primeiro você referencia a biblioteca javascript do Google:
<script src="http://www.google.com/jsapi"></script>
Depois, você precisa (1) carregar a biblioteca quer utilizar e, (2) dentro da função de callback dela, poderá utilizar a sua biblioteca normalmente, como se tivesse carregado da forma tradicional.
No exemplo abaixo, eu criei uma página que usa as bibliotecas prototype e script.aculo.us e faz uma div ser arrastável pela tela - um exemplo simples de como começar o uso da AJAX Libraries API do Google:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ajax Libraries API</title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
//1 - carrega bibliotecas prototype e scriptaculous
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.1");
//2 - na função de callback, crio uma div que pode ser arrastada usando um objeto da script.aculo.us
google.setOnLoadCallback(function() {
new Draggable($("drag"));
});
</script>
<style type="text/css">
div#drag {
width:100px; height:50px; cursor:pointer; border:1px solid #FF0000;
}
</style>
</head>
<body>
<div id="drag">drag me</div>
</body>
</html>
Qual a vantagem?
Você não precisa se preocupar em estar sempre com a última versão de cada biblioteca - o Google hospedará sempre a última versão estável, e caso você não especifique qual você quer usar, ele disponibilizará essa -, terá sempre acesso às últimas (e mais bacanas) bibliotecas javascript que estão disponíveis na web e não precisar se preocupar em setar cabeçalhos de cachê, entre outras vantagens.
No site do AJAX Libraries API, há explicações de como carregar todas as bibliotecas, e referências mais específicas. Vale a pena :)
Fonte: http://googlesystem.blogspot.com/2008/05/google-hosts-popular-javascript.html
Você também pode gostar...
Comentários
[Responder este comentário]
