Pesquisar na Comunidade
Mostrando resultados para as tags ''jquery''.
Encontrado 5 registros
-
CSS com JQuery masoq Função "css();" no JQuery, pra que serve ? É meio que obvio... Mas agora você vai ver as funções que ela tem U_u Retornando o valor do atributo: // CSS .elemento { background-color: blue; } // HTML <div class="elemento"></div> // JAVASCRIPT com JQUERY var elemento = $(".elemento"); alert("Cor do Background: " + elemento.css("background-color")); // RESULTADO: // Cor do Background: blue Setando valor do atributo: // CSS .elemento { background-color: blue; } // HTML <div class="elemento"></div> // JAVASCRIPT com JQUERY var elemento = $(".elemento"); alert("Cor do Background: " + elemento.css("background-color")); elemento.css("background-color", "yellow"); alert("Cor do Background: " + elemento.css("background-color")); // RESULTADO: // Cor do Background: blue // Cor do Background: yellow Setando multiplos valores de um atributo: // CSS .elemento { background-color: blue; width: 70%; } // HTML <div class="elemento"></div> // JAVASCRIPT com JQUERY var elemento = $(".elemento"); alert("Cor do Background: " + elemento.css("background-color") + " | " + elemento.css("width")); elemento.css("background-color", {"width": "30%", "background-color": "black"}); alert("Cor do Background: " + elemento.css("background-color") + " | " + elemento.css("width")); // RESULTADO: // Cor do Background: blue | 70% // Cor do Background: black | 30% Só mais um tutorial ai pra area de HTML/Javascript não falecer ;-; vlw galera até a próxima depois tem mais tutorial tem um cara me chamando no Discord chatinho chamado Ragnar né kkk tenho que flw ;-;
-
Callback simples Primeiramente, oque é "Callback" em JQuery ? segundo a documentação do JQuery "Callback" é: A callback function is executed after the current effect is 100% finished. Uma função executada após a função atual estar 100% terminada. Exemplo de callback já integrado ao JQuery: $("#botao").on('click', function() { alert("Botão clicado"); $("#elementoDistinto").fadeOut("slow", function() { alert("Outro elemento sumiu."); $(this).fadeIn("slow", function() { alert("Outro elemento apareceu, achou que eu tinha sumido abestado"); }); }); }); // O ELEMENTO DISTINTO SOME APÓS O BOTÃO SER CLICADO // O ELEMENTO DISTINTO APÓS O MESMO SUMIR AO CLICAR DO BOTAO // O ALERTA "apareceu" É ENVIADO QUANDO O ELEMENTO ESTIVER 100% DENTRO DO DOM Espero que tenham gostado dessa explicação simples '-' Até mais, na próxima explico como fazer um callback com as suas próprias funções.
-
Resolvendo problema de Tooltip em elemento dinamicamente adicionado. Mas... Que tal "problema" é esse ? Estava fazendo um site, esse site tem um "modal" entitulado "Regras", só que, este modal é um arquivo .html externo. Ou seja ele não está direto na página. Ao clicar de um botão eu executo uma função para importar esse arquivo para a página abrindo-o. Dentro desse "modal" tem um "tooltip". Creio que você já saiba oque é um tooltip. Se você importar a função do tooltip na página que você está e não na dinamicamente adicionada ela só ira funcionar na sua página. E então, como resolvo esse problema ? A Função do tooltip atualmente na documentação do Bootstrap está assim: $(function() { $('[data-toggle="tooltip"]').tooltip(); }); Porém ele só ira funcionar se você trocar esta função acima, pela abaixo ou semelhantes. $(document).on('mouseenter','[data-toggle="tooltip"]', function(){ $(this).tooltip('show'); }); $(document).on('mouseleave','[data-toggle="tooltip"]', function(){ $(this).tooltip('hide'); }); $(document).on('mouseover', '[data-toggle="tooltip"]', function() { $(this).tooltip('toggle'); }); $('[data-toggle="tooltip"]).on('mouseover', function() { $(this).tooltip('toggle'); }); Espero ter ajudado quem estava com esse problema como eu Valeu galera, um tutorialzinho só pra distrair né, até a próxima :)
-
Escondendo e Mostrando elementos Neste caso estamos escondendo o elemento com id "#tutorial" <script> $(document).ready(function(){ $("#tutorial").click(function(){ $(this).hide(); }); }); </script> Neste caso estamos mostrando o elemento com id "#tutorial" <script> $(document).ready(function(){ $("#tutorial").click(function(){ $(this).show(); }); }); </script> Neste caso estamos escondendo o elemento com id "#tutorial" com velocidade "1000" <script> $(document).ready(function(){ $("#tutorial").click(function(){ $(this).hide(1000); }); }); </script> Neste caso estamos mostrando elemento com id "#tutorial" com velocidade "1000" <script> $(document).ready(function(){ $("#tutorial").click(function(){ $(this).show(1000); }); }); </script> E por final, neste caso estaremos mostrando e escondendo o elemento de id "#tutorial" com apenas um método <script> $(document).ready(function(){ $("#tutorial").click(function(){ $(this).toggle(); }); }); </script>
-
Aeew consegui! Gente finalmente eu achei um método para atualizar uma div, ou qualquer elemento dinâmico em uma página PhP ou HTML! Aqui um exemplo de página sem o código! Ela está assim! Mas os números só atualizam ao dar f5 na página! Agora se criarmos um arquivo chamado info.php! E colocar o código dos players online lá: info.php <html> <body> <?php $server = file_get_contents("http://mcapi.ca/query/jogar.minecraftmania.com.br/info"); $info = json_decode($server); $maxplayers = $info -> players -> max; $onlineplayers = $info -> players -> online; $status = $info -> status; if ($status = true) { echo ("Temos $onlineplayers / $maxplayers jogadores online!"); } else { echo ("byyee"); } ?> </body> </html> index.php <html> <head> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript"> var tempo = window.setInterval(carrega, 1000); function carrega() { $('#online').load('online.php'); } </script> </head> <body> <div id="online"> </div> </body> </html> Teste o código aqui: viciogamesbr.com Vou explicar o index.php! Nele temos as tags padrões HTML! Depois chamamos o JQuery com um script na head! Depois criamos um intervalo 1000. E a function carrega()! Que em tal div com a ID "online" irá carregar tal arquivo! No caso o "online.php"! Criamos a DIV "online"! E pimba! Temos uma página que carrega automaticamente os números da quantidade de players online! Se não entendeu nada, comente porquê to apressado! Tou assistindo o impeachment da DIlma daí to digitando tudo bugado! Expliquei algo errado? Me corrija e ajude aos outros!
