[JQUERY] - Problema
24/08/2010 00:00
0
Pessoal, to tentando usar o JQuery, mas não tá funcionando.

A biblioteca do jquery está sendo importada corretamente, isso já testei. Mas não tá executando o evento no loginForm. Eu gostaria que o loginForm fosse mostrado, com aquele efeito do show e tal. Sendo que do jeito que tá, não mostra o loginForm, ele simplesmente fica oculto.

O código é o seguinte:

<head>
<meta name='layout' content='main' />
<title>Carteiro Veloz &#58;&#58; Marketing Digital &#58;&#58; Tela de Login</title>
</head>
<script type=&quot;javascript&quot;>
$(document).ready(function(){
$('#loginForm').show('slow')
});
</script>
<body>
<div id=&quot;mensagens&quot;>
<g&#58;if test='${flash.message}'>
<div class='message'>${flash.message}</div>
</g&#58;if>
</div>
<div id='loginForm' style=&quot;display&#58;none&quot;>
<form action='/carteiro_veloz_grails/usuario/login' method='POST' id='loginFormulario' class='cssform' autocomplete='on' align=&quot;left&quot;>

<label for='login'>Login ID&#58;</label>
<input type='text' name='login' id='login' /><br />


<label for='senha'>Senha&#58;</label>
<input type='password' class='senhaInput' name='senha' id='senha' /><br />


<input type='submit' class=&quot;botao&quot;value='Login' />
</form>
</div>
</body>
Tags: Grails


0
Por padrão o Grails usa o prototype como biblioteca javascript
e o prototype usa o mesmo atalho $ para ela.
Entao vc deve usar o jQuery chamando todos os metodos dele com o nome completo ou criar um outro atalho, e antes de usar qualquer outro metodo do jQuery, chamar o metodo no exemplo abaixo &quot;jQuery.noConflict();&quot;
Exemplo tirado do: <!-- m --><a class="postlink" href="http://docs.jquery.com/Using_jQuery_with_Other_Libraries">http://docs.jquery.com/Using_jQuery_wit ... _Libraries</a><!-- m -->

<html>
<head>
<script src=&quot;prototype.js&quot;></script>
<script src=&quot;jquery.js&quot;></script>
<script>
jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery(&quot;div&quot;).hide();
});

// Use Prototype with $(...), etc.
$('someid').hide();
</script>
</head>
<body></body>
</html>
24/08/2010 00:00


0
Resolvido, mas não era essa a solução.

A solução foi: colocar a tag <script> dentro da tag <head> ou <body>. Não estava dando conflito com a biblioteca padrão, porque no Config.groovy eu especifiquei que a biblioteca padrão era a JQuery.

Segue o código resolvido:

<head>
<meta name='layout' content='main' />
<title>Carteiro Veloz &#58;&#58; Marketing Digital &#58;&#58; Tela de Login</title>

<script type=&quot;text/javascript&quot;>
$(document).ready(function(){
$(&quot;#loginForm&quot;).slideToggle('slow');
})
</script>

</head>


<body>

<div id=&quot;mensagens&quot;>
<g&#58;if test='${flash.message}'>
<div class='message'>${flash.message}</div>
</g&#58;if>
</div>

<div id='loginForm' style=&quot;display&#58;none&quot;>
<form action='/carteiro_veloz_grails/usuario/login' method='POST' id='loginFormulario' class='cssform' align=&quot;left&quot; autocomplete=&quot;on&quot;>

<label for='login'>Login ID&#58;</label>
<input type='text' name='login' id='login' /><br />


<label for='senha'>Senha&#58;</label>
<input type='password' class='senhaInput' name='senha' id='senha' /><br />


<input type='submit' class=&quot;botao&quot;value='Login' />
</form>
</div>
</body>

24/08/2010 00:00


0
estou com o mesmo problema, substitui o '$' por 'jQuery', porem usando o seletor normal, por exemplo jQuery("#algumID") nao da erro, mas nao retorna o elemento...

alguem tem alguma ideia?
como configura o jquery como padrao no lugar da prototype?
15/12/2011 14:50



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