-
Conteúdo Similar
-
Por ILR master
Fala pessoal, tudo bem?
Tô tentando fazer um pre-loading, mas não consigo de jeito algum.
Quero mostrar uma animação enquanto a página é carregada e depois de caregada, esconder a animação e mostrar conteúdo.
Aguém pode me ajudar?
Segue código abaixo
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PÁGINA LOAD</title>
<style type="text/css">
.loadclass {
border: 2px solid #f3f3f3; /* Light grey */
border-top: 4px solid #ffc401; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.conteudo {
display:none;
}
</style>
<script>
function loading(){
document.getElementsByClassName('loadclass')[0].style.display="none";
document.getElementsByClassName('conteudo').style.display="block";
}
</script>
</head>
<body onLoad="loading()">
<div class="loadclass"></div>
<div class="conteudo">SEU CONTEUDO AQUI DENTRO!!!</div>
</body>
</html>
-
Por ILR master
Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
<script>
function alerta()
{
if (window.confirm("Você realmente quer sair?")) {
window.open("sair.html");
}
}
</script>
Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
Alguém pode me ajudar?
-
Por Giovanird
Olá a todos!
Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
Preciso que a pagina inclusa já inicie carregada
Meu código JavaScript e a DIV com a pagina PHP
<script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>
-
Por Thiago Duarte
Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
Alguem pode me ajudar?
-
Por belann
Olá!
Estou fazendo o upload de arquivos com fetch dessa forma
fetch(url, {
method: 'POST',
headers: {'Content-Type': 'multipart/form-data',},
body: formData
}).catch((error) => (console.log("Problemas com o Upload"), error));
estou usando input type=file
e criando uma const formData = new FormData();
mas não faz e não dá nenhum erro.
estou fazendo o upload com a url="http://localhost/dashboard/dados".
-
Olá pessoal,
Estou com um problema... Sou muito leigo em javascript e comecei a estudar tem pouco tempo.
Estava querendo substituir os alerts por uma janela modal mais bonita. Consegui achar um código na internet que auxilia muito nisso. Peguei ele e estou tentando aplicar no meu script.
Nesse código ao ser clicado em um link ou um botão, ele pega a class ou id dos mesmos e abre a janela, sendo uma janela simples de alerta ou uma janela de confirmação só que estilizadas.
No meu código estou tentando validar os dados enviados do formulário e, caso o campo não for preenchido, ao invés de mostrar o convencional alert, estou tentando implementar essa janela modal.
Eu até consegui fazer que ela apareça caso o campo não esteja preenchido. O problema é que tenho que se dou um clique nada acontece, mas quando dou o segundo clique ela aparece normalmente, dai em diante ela funciona normalmente, mas se atualizo a pagina tenho que dar dois cliques para que funcione.
E se preencho o nome ela também aparece.
Se alguém souber e poder me ajudar ficaria grato.
Compartilhar este post
Link para o post
Compartilhar em outros sites