TESTE Embed

Time to get back

Então é isso, depois de muito tempo sem escrever estou voltando! Irei postar algumas coisas referentes ao MongoDB. Estou fazendo um curso fornecido pela 10Gen na https://education.mongodb.com. Trata-se do curso M101J, Mongo for Java Developers. Sendo assim, aguardem um pouco mais :)

Prototipação de Telas

Site excelente para criar Mockups de interface. Muito bom e fácil.


http://builds.balsamiq.com/b/mockups-web-demo/

Manipulando select e option com jQuery

Neste post vou tentar expor como criar dinamicamente elementos option dentro de um elemento select previamente escrito no seu HTML utilizando JQuery.

Antes de comecármos, é importante que você já tenha o JQuery adicionado ao seu fonte.

Após isso, vamos criar inicialmente um elemento select vazio dentro do corpo do HTML.

<br /><select name="minhaSelect" id="minhaSelect"></select><br />

Para que o script funcione é necessário que ele esteja após todo o fonte, antes do final da tag body. Além de ser uma boa pratica pois, os elementos JS só serão executados após a renderização do HTML, previne que os scripts tentem executar ações sobre elementos ainda não criados.

Vamos criar primeiro uma função que crie um elemento option utilizand DOM.

<br />function createOption(texto,valor){<br /> var meuOption = document.createElement('option');<br /> return meuOption;<br />}<br />

É importante que esta função apenas crie um option vazio pois para o IE não funciona se o option for preenchido com valores de value e text e após inseridos no select.


Agora, o grande momento. Vamos adicionar este option, até o momento vazio, dentro no nosso select.


<br />$('#minhaSelect').append($(createOption()).attr("value",'0').text("SELECIONE"));<br />

O que isso quer dizer?
Vamos separar este fonte.

Neste momento estamos chamando, via JQuery, o select que criamos anteriormente

<br />$('#minhaSelect');<br />


Utilizando a função append do JQuery, é possível adicionar um elemento, neste caso o option.
<br />$('#minhaSelect').append($(element));<br />

Para não precisarmos escrever dentro do append o option, vamos fazer a chamada da nossa função, que executa a criação de um elemento option via DOM. Mais elegante que uma String :)

<br />$('#minhaSelect').append($(createOption()));<br />

Acabou??? Ainda não! Lembra que este option está vazio? Pois é... É neste momento em que iremos adicionar os atributos de valor e configurar o texto que irá aparecer para o usuário. Para isso, utilizamos o attr e o text.

<br />$('#minhaSelect').append($(createOption()).attr("value",'0').text("SELECIONE"));<br />

Simples assim :)

Site muito bom para quem gosta de trabalhar com CSS.

http://css-tricks.com/

Vídeos, Snippets, Downloads.... Enfim.. um baita acervo!

RegExp para Validar Estrutura de Email

Expressão regular para validação de endereço de email:
<br />^[\\_-w-]+(\\.[\\w-]+)*@([\\w-]+\\.)+[a-zA-Z]{2,7}$<br />

Tabela Periódica dos Elementos

Lembra da tabela periódica de química? Digamos que ela sofreu uma adaptação bem interessante.

Vale a pena conferir:
Tabela Periódica dos Elementos