Eu criei 2 arquivos html: index.html e index2.html
o index é o html principal, e o index2 eu chamo atraves de um window.open
até ae esta tudo certo
mas estou tentando criar uma função onclick que, ao ser acionada no html2, altere um texto localizado no html principal
Desculpa pelo código estar extremamente bagunçado, é apenas um app para treinar, ja que sou bem leigo na programação
(Function Cadastrar se encontra no final do JS, onde estou tento problemas)
(o ID se encontra no meio do HTML1)
HTML1
<!DOCTYPE html><htmllang="pt-BR"><head><linkrel="stylesheet"href="style.css"><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Nao sei</title></head><body><divclass="body"><divclass="Lateral"><divclass="bgEstate"><h1class="txtCenter"id="txtcaixa">Caixa Fechado</h1></div><div><pclass="txtInputtop"id="txtInput">Insira o Valor Inicial do Caixa</p></div><!--Insere o Valor Inicial do Caixa--><inputtype="number"name="initValor"id="initValor"class="txtInput"><inputtype="button"value="Abrir Caixa"class="button"onclick="estateCaixa()"id="buttonEstate"></div><div><divclass="listProdutos"><pid="ttitle">Insira o ID do produto <inputtype="number"name="idProd"id="idProd"class="inputnum"><inputtype="button"value="Ok"onclick="ok()"></p><h3id="title">Lista de Produtos</h3><pclass="DiviList"> ID - Lanches</p><pclass="list"id="productlist">
01 - Misto </br>
02 - Misto Milho</br>
03 - Misto Catupiry</br>
04 - Misto Cheddar</br>
05 - Bauru</br>
06 - X-Burguer</br>
07 - Americano</br>
08 - X-Milho</br>
09 - X-Salada</br>
10 - X-Egg</br>
11 - Lombo</br>
12 - X-Batata Palha</br>
13 - Calabresa</br>
14 - Bacon</br>
15 - CalaBacon</br>
16 - CalaFrango</br>
18 - Galinhao</br>
19 - Costelão</br>
20 - X Tudo
</p><pclass="DiviList"> ID - Cachorro Quente</p><pclass="list">
21 - Dog Normal</br>
22 - Dog Duplo</br>
23 - Dog Cheddar</br>
24 - Dog Catupiry</br>
25 - Dog Milho</br>
26 - Dog Queijo</br>
27 - Dog Frango</br>
28 - Dog Especial</br>
29 - Dog Calabresa</br>
30 - Dog Bacon</br>
31 - Dog Pure</br>
32 - Dog Costela</br>
33 - Dog Tudo
</p><pclass="DiviList"> ID - Porções</p><pclass="list">
34 - Batata Frita</br>
35 - Batata Frita c/ Ched e Bac</br>
36 - Lombo</br>
37 - Calabresa</br>
38 - Churrasco
</p><pclass="DiviList"> ID - Bebidas</p><pclass="list">
39 - Água</br>
40 - Regri Lata</br>
41 - Cerveja Lata</br>
42 - Suco de Laranja</br>
43 - Corote</br>
44 - Taubaína 2L</br>
45 - Coca/Fanta 1.5L</br>
46 - Skol Beats
</p></div></div><divclass="Total"><divclass="inputnum"></div><div><h1>Capital Adquirido</h1></div><divclass="TotalProdutos"></div></div></div><scriptsrc="./js/main.js"></script><scriptsrc="./js/database.js"></script><scriptsrc="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script><scriptsrc="https://www.gstatic.com/firebasejs/7.2.2/firebase-database.js"></script><scriptsrc="https://www.gstatic.com/firebasejs/7.2.2/firebase-analytics.js"></script></body></html>
HTML2
<!DOCTYPE html><htmllang="pt-BR"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Document</title><style>
body{text-align: center;background-color: blue;}
h5{color: white;font-size:20pt;text-align: center;}#cadname{color: black;}
p{font-size:15pt;color: white;}</style></head><body><h5>CADASTRO DE PRODUTOS</h5><p>Insira o Nome do Produto</p><inputtype="text"name="cadname"id="cadname"><p>Insira o Preço do Produto</p><inputtype="number"name="cadname"id="cadvalue"step=".01"lang="nb"><inputtype="button"value="Confirmar"onclick="cadastrar()"><scriptsrc="./js/main.js"></script></body></html>
js
const{ app,BrowserWindow}= require('electron')function createWindow(){// Cria uma janela de navegação.let win =newBrowserWindow({
width:800,
height:600,
fullscreen:true,
webPreferences:{
nodeIntegration:true}})// e carregar o index.html do aplicativo.
win.loadFile('index.html')
win.setMenu =false}function ok(){let win2 = window.open('index2.html','','width=400,height=400, fullscreen=false, resizable=no, ')}function estateCaixa(){if(window.document.getElementById('txtcaixa').textContent =='Caixa Fechado'){
window.document.getElementById('txtcaixa').textContent ='Caixa Aberto'
window.document.getElementById('txtcaixa').style.background ='green'
window.document.getElementById('buttonEstate').value ='Fechar Caixa'//window.alert('O caixa foi aberto!')
window.document.getElementById('initValor').setAttribute('disabled','disabled')
window.document.getElementById('txtInput').textContent ='Capital Inicial do Caixa é:'}else{
window.document.getElementById('txtcaixa').textContent ='Caixa Fechado'
window.document.getElementById('txtcaixa').style.background ='red'
window.document.getElementById('buttonEstate').value ='Abrir Caixa'// window.alert('O caixa foi fechado!')
window.document.getElementById('initValor').removeAttribute('disabled')
window.document.getElementById('txtInput').textContent ='Insira o Valor Inicial do Caixa'}}function cadastrar(){let cad = window.document.getElementById('productlist')
cad.textContent ='Apenas Teste'}
app.on('ready', createWindow)
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>
Boa noite..
Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
nao acontece nada.. segue o trecho do codigo do menu..
<div class="collapse navbar-collapse" id="navbarsExample09">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>
<li class="nav-item dropdown1">
<a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>
<li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>
<ul class="dropdown-menu" aria-labelledby="dropdown01">
<li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>
<li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>
<li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>
<li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>
<li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>
<li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>
</ul>
</li>
<li class="nav-item active"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>
</ul>
</div>
Massagem Tantrica em Curitiba
Tantra Curitiba
Massagem Tântrica
Tantra
Julio Darshan
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
Eae gente
Bom, o problema é o seguinte
Eu criei 2 arquivos html: index.html e index2.html
o index é o html principal, e o index2 eu chamo atraves de um window.open
até ae esta tudo certo
mas estou tentando criar uma função onclick que, ao ser acionada no html2, altere um texto localizado no html principal
Desculpa pelo código estar extremamente bagunçado, é apenas um app para treinar, ja que sou bem leigo na programação
(Function Cadastrar se encontra no final do JS, onde estou tento problemas)
(o ID se encontra no meio do HTML1)
HTML1
HTML2
js
Compartilhar este post
Link para o post
Compartilhar em outros sites