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...
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.
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.
12/11/2009 00:00
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.
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.
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.
12/11/2009 00:00
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 "alert("Olá, eu fui carregado com sucesso!")" 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...
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="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main" />
<g:set var="entityName" value="${message(code: 'form.label', default: 'Form')}" />
<title><g:message code="default.create.label" args="[entityName]" /></title>
<g:javascript library="jquery"/>
<g:javascript src="jquery/jquery.meio.mask.js"/>
<jq:jquery>
$(function(){
$('input[name="telefone"]').setMask('phone');
}
</jq:jquery>
</head>
....
....
....
<td valign="top" class="value ${hasErrors(bean: formInstance, field: 'telefone', 'errors')}">
<g:textField name="telefone" value="${fieldValue(bean: formInstance, field: 'telefone')}" />
</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...
Meu create.gsp está assim:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main" />
<g:set var="entityName" value="${message(code: 'form.label', default: 'Form')}" />
<title><g:message code="default.create.label" args="[entityName]" /></title>
<g:javascript library="jquery"/>
<g:javascript src="jquery/jquery.meio.mask.js"/>
<jq:jquery>
$(function(){
$('input[name="telefone"]').setMask('phone');
}
</jq:jquery>
</head>
....
....
....
<td valign="top" class="value ${hasErrors(bean: formInstance, field: 'telefone', 'errors')}">
<g:textField name="telefone" value="${fieldValue(bean: formInstance, field: 'telefone')}" />
</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="jquery"/>
<g:javascript src="jquery/jquery.meio.mask.js"/>
<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.
Para quem interessar, assim ficou meu <head>
<g:javascript library="jquery"/>
<g:javascript src="jquery/jquery.meio.mask.js"/>
<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
Os melhores blogs de TI (e em português) em um único lugar!
