[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:
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 :: Marketing Digital :: Tela de Login</title>
</head>
<script type="javascript">
$(document).ready(function(){
$('#loginForm').show('slow')
});
</script>
<body>
<div id="mensagens">
<g:if test='${flash.message}'>
<div class='message'>${flash.message}</div>
</g:if>
</div>
<div id='loginForm' style="display:none">
<form action='/carteiro_veloz_grails/usuario/login' method='POST' id='loginFormulario' class='cssform' autocomplete='on' align="left">
<label for='login'>Login ID:</label>
<input type='text' name='login' id='login' /><br />
<label for='senha'>Senha:</label>
<input type='password' class='senhaInput' name='senha' id='senha' /><br />
<input type='submit' class="botao"value='Login' />
</form>
</div>
</body>
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 "jQuery.noConflict();"
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 -->
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 "jQuery.noConflict();"
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="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").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:
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 :: Marketing Digital :: Tela de Login</title>
<script type="text/javascript">
$(document).ready(function(){
$("#loginForm").slideToggle('slow');
})
</script>
</head>
<body>
<div id="mensagens">
<g:if test='${flash.message}'>
<div class='message'>${flash.message}</div>
</g:if>
</div>
<div id='loginForm' style="display:none">
<form action='/carteiro_veloz_grails/usuario/login' method='POST' id='loginFormulario' class='cssform' align="left" autocomplete="on">
<label for='login'>Login ID:</label>
<input type='text' name='login' id='login' /><br />
<label for='senha'>Senha:</label>
<input type='password' class='senhaInput' name='senha' id='senha' /><br />
<input type='submit' class="botao"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?
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
Os melhores blogs de TI (e em português) em um único lugar!
