Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

11-11-2012 05:14

Olá, Kleber!

Eu gostaria de saber como chamo a função deste código, pois ele carrega juntamente com a página:

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js”></script> <style type=”text/css”> .barrel_roll { -webkit-transition: -webkit-transform 4s ease; -webkit-transform: rotate(360deg); -moz-transition: -moz-transform 4s ease; -moz-transform: rotate(360deg); -o-transition: -o-transform 4s ease; -o-transform: rotate(360deg); transition: transform 4s ease; transform: rotate(360deg); } </style> <script type=”text/javascript”> jQuery(function(){ jQuery(‘body’).addClass(‘barrel_roll’); setTimeout(function(){ jQuery(‘body’).removeClass(‘barrel_roll’); },4000); }); </script>

;)

MOVIDO PARA JAVASCRIPT
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

11-11-2012 11:53

Se quer chamar o evento ao clicar em um botão, por exemplo, troca

jQuery(function(){

por

$("#id_do_botao").click(function() {
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

11-11-2012 23:32

Nada! :/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $("#teste").click(function() { jQuery('body').addClass('barrel_roll'); setTimeout(function(){ jQuery('body').removeClass('barrel_roll'); },4000); }); </script> <title>Documento sem t&iacute;tulo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <style type=”text/css”> .barrel_roll { -webkit-transition: -webkit-transform 4s ease; -webkit-transform: rotate(360deg); -moz-transition: -moz-transform 4s ease; -moz-transform: rotate(360deg); -o-transition: -o-transform 4s ease; -o-transform: rotate(360deg); transition: transform 4s ease; transform: rotate(360deg); } </style> <body> aaaa aaaa <a href="#" id="teste">a</a> </body> </html>

0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

12-11-2012 08:19

A função deve ficar assim

<script type="text/javascript"> jQuery(function(){ $("#teste").click(function() { jQuery('body').addClass('barrel_roll'); setTimeout(function(){ jQuery('body').removeClass('barrel_roll'); },4000); }); }); </script>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

12-11-2012 18:39

Não funcionou, Kleber. :/

Mas encontrei uma alternativa:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script> $(document).ready(function(){ $('#barrelRoll').click(function(){ $('html').addClass('roll'); return false; }); }); </script> <style type="text/css"> .roll{ animation-name:roll; animation-duration: 4s; animation-interation-count:3; -o-animation-name:roll; -o-animation-duration: 4s; -o-animation-interation-count:3; -moz-animation-name:roll; -moz-animation-duration: 4s; -moz-animation-interation-count:3; -webkit-animation-name:roll; -webkit-animation-duration: 4s; -webkit-animation-interation-count:3; } @keyframes roll{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} } @-moz-keyframes roll{ from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} } @-webkit-keyframes roll{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-o-keyframes roll{ from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)} } </style><a href="#" id="barrelRoll">Teste!</a>


;)
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

12-11-2012 19:20

A versão que postei, testei aqui e funcionou também.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

12-11-2012 22:55

Não sei por que, mas aqui não quer funcionar! :s

E não há muita diferença entre os dois códigos...
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

12-11-2012 22:58

Talvez seja a versão do seu jQuery. Aqui a versão que eu tenho é v1.8.0 e funcionou.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

12-11-2012 23:24

Sem sucesso! :/


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script type="text/javascript"> $("#teste").click(function() { jQuery('html').addClass('barrel_roll'); setTimeout(function(){ jQuery('html').removeClass('barrel_roll'); },4000); }); }); </script> <title>Documento sem t&iacute;tulo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <style type=”text/css”> .barrel_roll { -webkit-transition: -webkit-transform 4s ease; -webkit-transform: rotate(360deg); -moz-transition: -moz-transform 4s ease; -moz-transform: rotate(360deg); -o-transition: -o-transform 4s ease; -o-transform: rotate(360deg); transition: transform 4s ease; transform: rotate(360deg); } </style> <body> aaaa aaaa <a href="#" id="teste">a</a> </body> </html>

0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 13:09

Antes de

$("#teste").click(function() {

Falta

$(document).ready(function() {

Repara as aspas no style

<style type=text/css>
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 15:22

Ah, é... Nossa, hahahah! Vlw, Kleber!


Só complementando: para que o link não seja ativado (com o # na URL), basta acrescentar return false; depois de jQuery('html').removeClass('barrel_roll');
},4000);
.

Ou seja:

jQuery('html').removeClass('barrel_roll'); },4000); return false; }); });

Estou certo?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 20:34

Você pode usar

$("#teste").click(function(event) {

em seguida

event.preventDefault();
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 21:37

Aaah, beleza!

Por que não funciona no IE? :/
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 21:40

Realmente não funcionou. Tem que ver no site do autor do script, se tem alguma referência a isso.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 21:45

É um efeito que o Google também usa, ao digitarmos "do a barrel roll" na pesquisa.

Em ambos os casos, não funciona! :s
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 21:56

Eu acesse esse link https://www.google.com.br/#sclient=psy- ... .r_pw.r_qf.

O efeito é mostrado no Firefox, mas não no IE.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Como chamar a função do script e impedir o carregamento auto

13-11-2012 23:22

Sim, no IE não funciona. Que coisa! :s

Você usa o Firefox? Só ele?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como chamar a função do script e impedir o carregamento auto

14-11-2012 11:57

Só uso Firefox, mas algumas vezes uso o IE para testar scripts. Esse realmente não funciona no IE. Tem que pesquisar na net se tem alguma alternativa.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado