-
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 tentando iniciar uma Api de rotas no nodejs é da o seguinte erro:
C:\Users\arifu\ntask-api\node_modules\consign\lib\consign.js:121
/**
^
Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\l\ntask-api\models\tasks.js from C:\Users\arifu\ntask-api\node_modules\consign\lib\consign.js not supported.
tasks.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules.
Instead either rename tasks.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in C:\Users\l\ntask-api\package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead).
at Object.newLoader [as .js] (C:\Users\l\ntask-api\node_modules\pirates\lib\index.js:121:7)
at Consign.into (C:\Users\l\ntask-api\node_modules\consign\lib\consign.js:231:15)
at file:///C:/Users/l/ntask-api/index.js:11:3 {
code: 'ERR_REQUIRE_ESM'
Ja troquei type: module para type: commonjs e dá outros erros como na importação do express.
package.json
{ "name": "ntask-api", "version": "1.0.0", "description": "API de gestão de tarefas", "main": "index.js", "type": "module", "scripts": { "start": "babel-node index.js" }, "author": "l", "dependencies": { "@babel/cli": "^7.0.0", "@babel/core": "^7.0.0", "@babel/preset-env": "^7.0.0", "consign": "^0.1.2", "express": "^4.18.2" }, "devDependencies": { "@babel/core": "^7.0.0", "@babel/node": "^7.0.0", "@babel/preset-env": "^7.23.3" } }
index.js
import express from 'express'; import consign from 'consign'; const app = express(); consign() .include("models") .then("libs/middlewares.js") .then("routes") .then("libs/boot.js") .into(app);
-
