Blog dos RelaxosSamo nozes!

Como já dito no post de apresentação do CI-Scaffold, ele é um gerador de CRUD para CodeIgniter.

Adicionamos uma nova versão no googlecode do ci-scaffold, o ci-scaffold 0.91, agora com suporte a banco de dados PostgreSQL.

É isso ai

A nova versão do JQuery saiu no começo do mês de Janeiro, a 1.4.1, com novas funcionalidades, onde podemos destacar:

Todos os códigos abaixo foram testados a partir do seguinte html:

<form>
    <div id="div-nome">
        <label for="nome">Nome:</label>
        <input id="nome" />
     </div>
     <div>
        <label for="email">E-mail:</label>
        <input id="email" />
     </div>
     <div>
        <label for="endereco">Endereço:</label>
        <input id="endereco" />
     </div>
     <div class="submit">
        <input type="submit" value="Salvar" />
     </div>
</form>

Nova forma de criação de objetos DOM: Cria objetos DOM de forma simplificada:

$('<button />', {
    attr: {
      type: 'button'
    }, 
    css: {
      fontWeight:'bold'
    },
    html: 'Botao'
}).appendTo('body')

Os exemplos abaixo adicionam o botão dinamicamente

delay: Adiciona um timer (temporizador) para execução dos itens subsequentes em uma fila. Funciona em efeitos que utilizam de queue para funcionar, que rodam de tempos em tempos, como por exemplo o fadeIn, fadeOut, slideUp, slideDown…

$('#nome').fadeOut('normal').delay(3000).fadeIn('normal')

detach: Remove um elemento da tela, a partir de um filtro de uma lista já existente.

$('input').detach(':submit').css('border', '1px solid blue')

first: Retorna o primeiro elemento como objeto jQuery de uma lista

$('input').first().css('border', '1px solid black')

last: Retorna o último elemento como objeto jQuery de uma lista

$('input').last().css('font-weight', 'bold')

focusin: Evento que representa o onfocus do javascript, no momento em que se poe o foco no objeto.

$('input').focusin(function(){
  $(this).css('background', 'lightgray')
})

focusout: Evento que representa o onblur do javascript, no momento em que se perde o foco do objeto.

$('input').focusout(function(){
  $(this).css('background', 'white')
})

has: Retorna se existe um objeto na lista de filhos (childNodes) do elemento atual.

alert($('form').has('input').length)
alert($('form').has('select').length)

parentsUntil: Retorna todos os elementos pai (parentNode) do elemento em questão até antes de encontrar o seletor que for passado.

$(':submit').parentsUntil('body').css('margin', '10px')

prevUntil: Retorna todos os elementos anteriores ao elemento em questão até antes de encontrar o seletor que for passado.

$('input:submit').prevUntil('form').css('background', 'red')

unwrap: Remove o elemento pai ao elemento em questão e insere o elemento novamente na mesma posição sem o elemento pai.

$('input:submit').unwrap()

jQuery.parseJSON: Trata a string JSON retornando o objeto gerado.

var json = $.parseJSON('[1, 2, "relaxos"]')
alert(json[2])

É isso ai

Fala galera! Sábado, dia 30/01/2010 teremos um Coding Dojo, organizado pela comunidade .NET Architects.

Este Coding Dojo dará início ao grupo de Dojo do .NET Architects, que fará encontros regulares focando os dojos nas diversas linguagens e tecnologias .NET.

Local: Unip Jaguaré – São Paulo – SP
Horário: à partir das 10hs
Data: sábado, 30/01/2010

Confira o mapa do local e faça sua incrição aqui: http://dojo.dotnetarchitects.net
Totalmente gratuito!

Não existem pré-requisitos para participar, basta ter vontade e comparecer!

Saiba mais sobre Coding Dojo aqui.

Abraços, nos vemos lá!

Vinicius Quaiato – http://viniciusquaiato.com