mar 17

 

Olá,

Recentemente criei um plugin para o jQuery que cria um menu dropdown apartir de um elemento e um evento associado.

Por exemplo, você pode fazer o menu aparecer ao clicar sobre um botão ou ao clicar duas vezes sobre uma imagem.

O funcionamento é bem simples e já vem com um estilo padrão bem elegante.

Testei nos navegadores:

FF 3, Chrome 10, IE9, IE8, Opera 10.

 

Demo:

http://www.prsolucoes.com/dropDownMenu

 

Download:

http://www.prsolucoes.com/dropDownMenu/dropDownMenu.zip

 

Imagem:

jul 2

Olá,

Recentemente tive a necessidade de trocar todo o código javascript que estava usando prototype para jquery, porém surgiu o seguinte problema, todos os elementos que eu precisava buscar pelo ID tinha um ponto (.) no ID, por exemplo:

<input type=”text” id=”individualCustomer.name” value=”" />

Mas se você usar o jquery da forma normal para pegar este elemento pelo ID, você não vai conseguir, algo como:

<script type=”text/javascript”>

alert($(‘individualCustomer.name’).val());

</script>

Isso porque no jquery pensa que o que está depois do ponto, e uma classe (class).

Então como resolver?

Após vários testes, descobri a seguinte solução:

<script type=”text/javascript”>

alert($(‘individualCustomer\\.name’).val());

</script>

O que mudou? Bastou colocar duas barras antes do ponto, assim: “\\.”

Com isso você faz um escape da barra e deixa pro jquery trocar o que sobrar, que será “\.”, pelo próprio ponto.

Bem simples a solução, mas não tinha encontrada nada sobre isso no Google, e quase refatorei todo o código, mas o problema é que o próprio framework Wicket do Java, adiciona o ponto no namespace quando um componente faz parte de uma hierarquia, como uma caixa de texto de um form.