javascript no evento onload [Resolvido]

Formulários
#1

Boa Tarde,

Pessoal, implementei o exemplo animate.css da Camila Moreira, show de bola, funcionou beleza.

Fiz uma telinha de login, incluindo os eventos ficou muito legal mesmo, porém os eventos do exemplo estão no mouseover e mouseout, gostaria de incluir um no onLoad.

DO EXEMPLO
$( document ).ready(function() {
	$('#hidden_field_data_imglogin.scFormDataOdd.css_imglogin_line')
	  .mouseover(function() {
	    $('#hidden_field_data_imglogin.scFormDataOdd.css_imglogin_line').addClass('animated zoomInDown');
	   })
	   .mouseout(function() {
	    $('#hidden_field_data_imglogin.scFormDataOdd.css_imglogin_line').removeClass('animated zoomInDown');
	   });
});

//DO JEITO QUE EU QUERIA, ESTOU APANHANDO AQUI.

$( document ).ready(function() {
	$('#hidden_field_data_imglogin.scFormDataOdd.css_imglogin_line')
	  .onLoad(function() {
	    $('#hidden_field_data_imglogin.scFormDataOdd.css_imglogin_line').addClass('animated zoomInDown');
	   });
});

Alguém já usou esta classe “animate.css” com evento onLoad ?

Abraços.

Claudney

#2

no seu exemplo a onload já foi carregado, por isso não funciona.

$( document ).ready(function() { <-- aqui todo o documento já foi carregado inclusive a onload.

experimente remover o evento onload.

#3

Deu tb não, o que eu queria era ao abrir a tela animava a imagem acima dos campos de login.

Na mesma tela se passar como mouse funciona eu só queria que funcionasse sem ter que passar o mouse.

(perfumaria eu sei, mas me ajuda a entender esses eventos).

// para animar imagem de entrada mas não funciona.
?>

<?php
#4

Sabe usar temporizador?

Algo assim (não testei ok):

 $( document ).ready(function() {
      var mytime;
      mytime=setTimeout(function(){ 
      $('#hidden_field_data_imglogin.scFormDataOdd.css_imglogin_line').addClass('animated zoomInDown'); // vai adicionar a classe ao elemento após 1,5 segundos depois do carregamento do documento.
      clearTimeout(mytime);
    }, 1500);
});

Eu não vi esse vídeo da Camila, mas conheço esse plugin de animação.
Daqui pra frente só fazendo um teste prático.

#5

Vixi Haroldo, sou novo no mundo web/SC.

KKK.

Tenho noção tipo um evento no timer() do Delphi/VB ?

#6

Veja abaixo.

#7

Muito obrigado ao Expert SC. Haroldo, deu certinho.

Ficou da hora!

Valeu!

#8

Mostra como ficou.

*Respondi outro post seu.

#9

C fala o código ou a tela ?

#10

Um exemplo rodando,para se perceber na prática.

#11

Vou levantar e te mando o link qual e-mail ?

Claudney

#12

Mostra aqui para os membros verem, ou faz um video.

#13

Embora vou passar vergonha com vocês, vou fazer um video hoje a noite e posto ainda hoje.

Mas vou avisando ainda é “novato” em Haroldo!

Abraços muito obrigado.

Claudney

#14

Não precisa de voz, somente a imagem da app funcionando e já vai se acostumando, isso divulga a ferramenta e ajuda a comunidade.

#15

Bom dia.

Horoldo segue link da telinha de login.

https://youtu.be/wwnBTB8okiw

Claudney

#16

Parabéns, Claudney!!!

Ficou muito bom.

Obrigado por compartilhar.

#17

Opa, valeu mais os créditos são da Camila Moreira e do Haroldo que me ajudaram, só tive a ideia para dar um ar menos carrancudo no sistema.

Abraços.

Claudney