Plugins do JQuery
11/11/2009 00:00
0
Alguem ja conseguiu alguma vez instalar com sucesso manualmente um plugin do JQuery para usar numa aplicação Grails? To apanhando demais nisso, tento instalar o plugin JQuery Masked Input copiando seu arquivo js para web-app/js/jquery com a finalidade de colocar uma mascara de telefone em um textfield e ate agora nao consegui. Tentei varios exemplos pesquisando no google ma nenhum funcionou comigo...
Tags: Ferramentas/Plugins


0
Sugestão: pode ser que o plugin até esteja instalado corretamente, porém você tenha digitado algo errado no seu javascript.
Existe um plugin para o Firefox chamado Firebug que tem um console javascript aonde é possível ver se ocorreu algum erro na execução dos scripts da sua página, assim como também permite a execução de comandos digitados por você na interface de linha de comando.

Outro ponto interessante: pode ser que o arquivo javascript não esteja sendo referenciado corretamente também. Isto é muito comum de acontecer.

Ambos os problemas você pode verificar com o Firebug.


0
kicolobo, fiz o q vc recomendou mas o firebug nao acusou nada de errado. Inclusive se vc quiser acessar e verificar por si só tlvz enxergue alguma coisa q eu nao esteja vendo...

Acessa: <!-- m --><a class="postlink" href="http://200.129.168.18:8080/Formulario/form/create">http://200.129.168.18:8080/Formulario/form/create</a><!-- m -->

O campo que quero usar a mascara é o telefone.
12/11/2009 00:00


0
Eis que encontrei o problema! (ou não!) <!-- s:D --><img src="{SMILIES_PATH}/icon_biggrin.gif" alt=":D" title="Very Happy" /><!-- s:D -->

Faça o seguinte: abra a página que me indicou e, em seguida, use o comando do Firefox que expõe o código fonte da página.
Em seguida, dê uma olhada nas referências que você az aos arquivos Javascript.
Clique em um dos links e você receberá a resposta do Tomcat informando que a referência aos arquivos .js está incorreta.

Como está incorreta, os arquivos não são carregados e, consequentemente, não são executados e nem vão aparecer no Firebug.


0
Vou ter q t pedir desculpas, essa referencia errada do jquery.masked.input fiz de proposito pra fazer uns testes. O teste que fiz foi seguindo uma dica sua em outro tópico, colocar um &quot;alert(&quot;Olá, eu fui carregado com sucesso!&quot;)&quot; no arquivo js pra ver se ele estava sendo carregado. Agora corrigi e vi que os alerts aparecem, o q indica q estão sendo carregados! Vc pode acessar aquele msm link e confirmar isso

Mas a dúvida do pq motivo nao funciona permanece...
12/11/2009 00:00


0
Bem, estou de maos atadas agora. Nao faço ideia do que fazer para utilizar máscaras de texto no Grails. Até alterei o plugin do jQuery que faz isso, o meioMask (<!-- m --><a class="postlink" href="http://www.meiocodigo.com/projects/meiomask/">http://www.meiocodigo.com/projects/meiomask/</a><!-- m -->).

Meu create.gsp está assim:

<head>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; />
<meta name=&quot;layout&quot; content=&quot;main&quot; />
<g:set var=&quot;entityName&quot; value=&quot;${message(code: 'form.label', default: 'Form')}&quot; />
<title><g:message code=&quot;default.create.label&quot; args=&quot;[entityName]&quot; /></title>
<g:javascript library=&quot;jquery&quot;/>
<g:javascript src=&quot;jquery/jquery.meio.mask.js&quot;/>
<jq:jquery>
$(function(){
$('input[name=&quot;telefone&quot;]').setMask('phone');
}
</jq:jquery>
</head>
....
....
....
<td valign=&quot;top&quot; class=&quot;value ${hasErrors(bean: formInstance, field: 'telefone', 'errors')}&quot;>
<g:textField name=&quot;telefone&quot; value=&quot;${fieldValue(bean: formInstance, field: 'telefone')}&quot; />
</td>
...
...
...

E usei o seguinte site como referencia desse plugin (<!-- m --><a class="postlink" href="http://e-fabrica.com/blog/2009/06/08/mascarando-campo-input-com-meiomask/">http://e-fabrica.com/blog/2009/06/08/ma ... -meiomask/</a><!-- m -->)

Se alguem souber a solução, favor avisar! Tendei tudo q me veio a kbeça e nada deu certo...
12/11/2009 00:00


0
Graças ao SENHOR, eis que consegui resolver! Com o firebug consegui detectar os problemas com javascript e agora as máscaras estão funcionando corretamente.

Para quem interessar, assim ficou meu <head>

<g:javascript library=&quot;jquery&quot;/>
<g:javascript src=&quot;jquery/jquery.meio.mask.js&quot;/>
<g:javascript>
(function($){
$(
function(){
$('input:text').setMask();
}
);
})(jQuery);
</g:javascript>
<g:javascript>
(function($) {
$.mask.masks.siape = {mask: '9999999'};
})(jQuery);
</g:javascript>

No link do meu post anterior se consegue entender como usar o meio mask.
13/11/2009 00:00



Ainda não faz parte da comunidade???

Para se registrar, clique aqui.


Aprenda Groovy e Grails com a Formação itexto!

Newsletter Semana Groovy

Assinar

Envie seu link!


Livro de Grails


/dev/All

Os melhores blogs de TI (e em português) em um único lugar!

 
Creative Commons
RSS Grails Brasil é mantido por itexto Consultoria.
Em caso de problemas contacte Henrique Lobo Weissmann (Kico) por e-mail: kico@itexto.com.br
Todo o conteúdo presente neste site adota o Creative Commons como licença padrão.
Ver: 4.14.0
itexto