JQuery Migration – Plugin Autocomplete

The jQuery Autocomplete plugin got a successor recently, the jQuery UI Autocomplete. In this guide we’ll look at the old plugin API step-by-step, and how to migrate to the new API.

At first it may look like the new plugin supports barely any of the old options. We’ll see how all the old options can be implemented using the three new options and the six events.

The old plugin had two arguments: data or url, and options. Lets start with that data-or-url argument. With the new autocomplete plugin, you’ll just pass the data or url to the source option.

So, with the old plugin you’d have this code:

JavaScript:
$(“input”).autocomplete([“a”, “b”, “c”]);

And that becomes, easy enough:

JavaScript:
$(“input”).autocomplete({
source: [“a”, “b”, “c”]
});

Soucer: http://www.learningjquery.com/2010/06/autocomplete-migration-guide

Lançada nova versão do jQuery UI

Foi liberado para download ontem a nova versão do jQuery UI. Esta é a quarta versão de correção liberada para o jQuery UI 1.8, trazendo correção em bugs e algumas novas funcionalidades. Algumas das correções e adições desta versão incluem:

– Adicionado: informação no header de todos os arquivos CSS

– Corrigido: Demo para animação de cor não funciona

– Corrigido: botões de diálogo são acessados em ordem errada utilizando tab

– Adicionado: Dialog: expõe API .position()

– Corrigido: Erro na tradução do datepicker para pt-BR

A lista completa de bugs corrigidos e as adições desta versão podem ser conferidas no changelog. O changelog contém todas as mudanças das versões 1.8.3 e 1.8.4, pois elas foram lançadas com um tempo mínimo de diferença.

É possível realizar o download diretamente do site oficial do projeto, onde é possível encontrar pacotes com temas entre outras coisas.

– jQuery UI 1.8.4

– jQuery UI 1.8.4 themes

Para maiores informações sobre esta versão, confira o anúncio desta versão no blog do projeto, onde também foi disponibilizado um guia para quem planeja realizar um upgrade no seu projeto da versão 1.8.2 para a 1.8.4.

Fonte: http://www.infoq.com/br/

JQuery JSon combo dinamico

Para fazer um combo dinamico com JQuery e JSon é muito simples!

crie um arquivo JSon com o nome situacao.json e com o seguinte conteudo:

{“situacao”:[{“id”:2,”nome”:”FECHADO”},{“id”:3,”nome”:”ANDAMENTO”},{“id”:1,”nome”:”ABERTO”}]}

e um arquivo html com o seguinte conteudo:

<html>
<head>
<script src=”./js/jquery.js”></script>

<script>
$(document).ready(function(){

$.getJSON(“situacao.json”,
function(data){
$.each(data.situacao, function(i,item){
$(“#links”).append(“<option value='”+item.nome+”‘>”+item.nome+”</option>”);
});
});
});
</script>

</head>
<body>
<select id=”links”>
</select>

</body>
</html>

Até mais.

 ———————————

Ale, tenta esse código

 <html>
<
head>
<
script src=“http://code.jquery.com/jquery-latest.js”></script>
<script>
$(document).ready(function(){
$.getJSON(
“Estados.json”,function(data){
$.each(data.Estados,
function(i,item){
$(
“#IDESTADO”).append(“<option value='”+item.nome+“‘>”+item.nombre+“</option>”);
});
});
});
</script>
</
head>
<
body>
<
select id=“IDESTADO”>
</select>
</
body>
</
html>