Jump to content
  • 0
Sign in to follow this  
Ted2370

Onclick de HTML1 agir no HTML2

Question

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

<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Nao sei</title>
</head>

<body>

    <div class="body">

        <div class="Lateral">
            <div class="bgEstate">
                <h1 class="txtCenter" id="txtcaixa">Caixa Fechado</h1>
            </div>

            <div>
                <p class="txtInputtop" id="txtInput">Insira o Valor Inicial do Caixa</p>
            </div>
            <!--Insere o Valor Inicial do Caixa-->
            <input type="number" name="initValor" id="initValor" class="txtInput">
            <input type="button" value="Abrir Caixa" class="button" onclick="estateCaixa()" id="buttonEstate">


        </div>
        <div>
            <div class="listProdutos">
                <p id="ttitle">Insira o ID do produto <input type="number" name="idProd" id="idProd" class="inputnum">
                    <input type="button" value="Ok" onclick="ok()">
                </p>
                <h3 id="title">Lista de Produtos</h3>
                <p class="DiviList"> ID - Lanches</p>
                <p class="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>
                <p class="DiviList"> ID - Cachorro Quente</p>
                <p class="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>
                <p class="DiviList"> ID - Porções</p>
                <p class="list">
                    34 - Batata Frita</br>
                    35 - Batata Frita c/ Ched e Bac</br>
                    36 - Lombo</br>
                    37 - Calabresa</br>
                    38 - Churrasco
                </p>
                <p class="DiviList"> ID - Bebidas</p>
                <p class="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>
        <div class="Total">
            <div class="inputnum">

            </div>

            <div>
                <h1>Capital Adquirido</h1>
            </div>
            <div class="TotalProdutos">

            </div>

        </div>
    </div>



    <script src="./js/main.js"></script>
    <script src="./js/database.js"></script>

    <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-analytics.js"></script>
</body>

</html>

HTML2

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-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>
    <input type="text" name="cadname" id="cadname">
    <p>Insira o Preço do Produto</p>
    <input type="number"  name="cadname" id="cadvalue" step=".01" lang="nb">
    <input type="button" value="Confirmar" onclick="cadastrar()">

    <script src="./js/main.js"></script>

</body>
</html>

js

const { app, BrowserWindow } = require('electron')



function createWindow() {
  // Cria uma janela de navegação.
  let win = new BrowserWindow({
    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)

 

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By ferreiradealmeida
      Prezados(as), boa tarde.
       
      Já trabalhei com webdesign e desenvolvimento frontend, mas faziam anos que não mexia com isso. Hoje sou advogado.
       
      Elaborei uma assinatura para e-mail em HTML, que quando aberta no navegador é exibida corretamente:
       

       
      Ocorre que quando a assinatura é inserida na mensagem (Microsoft Outlook 2016) a disposição dos elementos se mostra desconfigurada, assim permanecendo se a mensagem for enviada:
       

       
      Devem ter notado que a imagem que fica acima das informações é uma imagem de fundo. Já tentei também "background" na <table>, mas neste caso, apesar de aparecer no navegador a imagem sequer aparece na assinatura:
       
      <div style="max-width:716px; max-height:200px; position:relative;"> <img src="http://www.fafadv.com.br/images/assinatura.jpg" alt="imagem-assinatura" /> <div style="position:absolute; top:0px; bottom:0px; left:0px; right:0px;"> <table border="0" cellpadding="0" cellspacing="0" width="716" height="200" style="max-width:716px; max-height:200px;"> <tr> <td rowspan="3" style="width:242px;"></td> <td rowspan="3" style="width:340px; font-family:Gadugi; font-size:14px; padding:5px;"> <p><strong><span style="font-size:18px;">Daniel A. Ferreira de Almeida</span></strong><br> <span style="font-size:16px;">Advogado - OAB/SP 424.237</span></p> <p style="margin-top:-7px;">(16) 9 9373-2552<br> (16) 3421-7783</p> <p style="margin-top:-7px;"><a href="mailto:ferreiradealmeida@fafadv.com.br" style="font-family:Gadugi; font-size:14px; color:#000;"> ferreiradealmeida@fafadv.com.br</a><br> <a href="http://www.fafadv.com.br" style="font-family:Gadugi; font-size:14px; color:#000;">www.fafadv.com.br</a></p> <p style="margin-top:-7px;">Rua Marino Bruno Regini, nº 270, Sala 02<br> Nova Ribeirânia - Ribeirão Preto/SP, CEP 14096-710</p> </td> <td style="width:125px; height:67px; text-align:center;"> <a href="https://www.facebook.com/adv.faf/"> <img src="http://www.fafadv.com.br/images/logo-facebook.png" alt="logo-facebook" style="margin-top:10px;"> </a> </td> </tr> <tr> <td style="width:125px; height:66px; text-align:center;"> <a href="https://www.instagram.com/faf.adv/"> <img src="http://www.fafadv.com.br/images/logo-instagram.png" alt="logo-instagram" style="margin-top:10px;"> </a> </td> </tr> <tr> <td style="width:125px; height:67px; text-align:center;"> <a href="https://www.linkedin.com/company/faf-adv"> <img src="http://www.fafadv.com.br/images/logo-linkedin.png" alt="logo-linkedin" style="margin-bottom:5px;"> </a> </td> </tr> </table> </div> </div> Serei grato se alguém souber o que ocorre e puder colaborar.
       
      Obrigado.
    • By Kefatif
      Prezados boa tarde.
       
      Preciso bloquear a edição de um date input de forma que só seja possível selecionar a data através do calendário.
       
      Alguém pode me ajudar?
       
      Utilizo php, html e js.
       
      <input type="date" value="<?php echo $data ?>" name="datacoleta" class="form-control" required style="width:100%;">  
      Agradeço desde já.
    • By Kefatif
      Prezados boa tarde.
       
      Preciso bloquear a edição de um date input de forma que só seja possível selecionar a data através do calendário.
       
      Alguém pode me ajudar?
       
      Utilizo php, html e js.
       
      <input type="date" value="<?php echo $data ?>" name="datacoleta" class="form-control" required style="width:100%;">  
      Agradeço desde já.
    • By Thiago Duarte
      Eu tenho uma página que abri um alert ao clicar no link , só que nao cadastra e nem funciona o login.
       
       <div class="btn-box">          <a class="btn btn-color venobox vbox-item" data-toggle="modal" href="javascript:void(0)" onclick="openRegisterModal();">Start now Free </a>             <img src="images/seta.png"> </div>  
      <div class="modal-body">                               <div class="box">                                  <div class="content">                                     <!-- Login Form -->                                     <div class="loginBox">                                        <form id="login-modal" role="form"  method="post" action="#">                                           <input type="hidden" name="param" value="logar" />                                           <!-- Success/Alert Notification -->                                           <p class="lm-success"><i class="icon icon_check_alt2"></i> <strong>Congratulation! Login modal validation is working. Implement your code.</strong></p>                                           <p class="lm-failed"><i class="icon icon_close_alt2"></i><strong> Something went wrong! Insert correct value.</strong></p>                                           <!-- Input Fields -->                                           <input id="lm-email" class="form-control input-lg" type="text" placeholder="Email" name="email" required="">                                           <input id="lm-password" class="form-control input-lg" type="password" placeholder="Password" name="senha" required="">                                           <!-- Login Button -->                                           <input type="submit" class="btn btn-color" value="Login">                                           <!-- <button class="btn btn-color">Login</button> -->                                        </form>                                     </div>                                     <!-- /End Login Form -->                                  </div>                               </div>                               <!-- /End Login Form Box -->                               <div class="box">                                  <!-- Signup Form -->                                  <div class="content registerBox" style="display:none;">                                     <form id="signup-modal" role="form" method="post" action="?go=cadastrar">                                        <!-- Success/Alert Notification -->                                        <p class="sm-success"><i class="icon icon_check_alt2"></i> <strong>Congratulation! Signup modal validation is working. Implement your code.</strong></p>                                        <p class="sm-failed"><i class="icon icon_close_alt2"></i><strong> Something went wrong! Insert correct value.</strong></p>                                        <!-- Input Fields -->                                        <input id="sm-email" class="form-control input-lg" type="text" placeholder="Email" name="email" required="">                                        <input id="sm-password" class="form-control input-lg" type="password" placeholder="password" name="password">                                        <input id="sm-confirm" class="form-control input-lg" type="password" placeholder="Repeat password" name="senha-confirm">                                        <!-- Signup Button -->                                        <!--  <button class="btn btn-color">Create an account</button> -->                                        <input type="submit" class="btn btn-color" value="Create an account">                                     </form>                                  </div>                                  <!-- /End Signup Form -->                               </div>                               <!-- /End Signup Form Box -->                            </div>  
      e em baixo do </html> coloquei
        <?php           $param = (empty($_POST['param'])) ? 'error' : $_POST['param'];           if($param == 'logar'){       //if($_POST['param'] == 'logar'){             $email = $_POST['email'];             $password = $_POST['password'];             $query1 = mysql_num_rows(mysql_query("SELECT * FROM usuario WHERE email = '$email' AND password = '$password'")) or die(mysql_error());             if($query1 == 1){           // print "<script>alert('logou');</script>";              print "<script>window.location.replace('dashboard/index.php');</script>";           }else{              echo "<script>alert('User and password do not match.'); history.back();</script>";           }        }        if(@$_GET['go'] == 'cadastrar'){           // $dominio_gratis = $_POST['dominio_gratis'];          $email = $_POST['email'];          $password = $_POST['password'];          $date_register = date("m-d-Y");                // if(empty($dominio_gratis)){           //     echo "<script>alert('Preencha todos os campos para se cadastrar.'); history.back();</script>";           // }else          if(empty($email)){           echo "<script>alert('Fill in all the fields to register.'); history.back();</script>";            }elseif(empty($password)){           echo "<script>alert('Fill in all the fields to register.'); history.back();</script>";        }else{           $query1 = mysql_num_rows(mysql_query("SELECT * FROM usuario WHERE email = '$email'"));           if($query1 == 1){            echo "<script>alert('User already exists.'); history.back();</script>";          }else{            mysql_query("insert into usuario (email, password, date_register, plan) values ('$email','$password','$date_register', '0')");            header("Location: dashboard/dashboard.php");         }      }   }   ?>  
      Alguem pode ajudar?
    • By violin101
      Caros Amigos,
       
      saudações...
       
      Desculpa a recorrer ao auxílio dos amigos, mas estou com um pequeno problema que não estou conseguindo entender.
       
      A página inicial do meu Sistema tem um CAROUSEL com um SLIDER que deveria iniciar junto com a página. 
      INFELIZMENTE algumas vezes não inicia e para EXECUTAR o o Slider deve pressionar F5.
       
      Algumas vezes quando o Slider inicia depois de um período para o LOOP, não entendo isso.
       
      Abaixo o código do SLIDER.
      /*----------------------------------------*/ /* 01. Main Slider Ativação e Velocidade do Slide /* /* Como consigo resolver esse problema para o Slider INICIAR com um LOOP infinito /* sem ter que ficar atualizando a página ? /* /*----------------------------------------*/ $(".slider_active").owlCarousel({ loop: true, margin: 0, nav: true, autoplay: true, infinite: true, items: 1, autoplayTimeout: 10000, navText: ["<i class='fa fa-caret-left'></i>", "<i class='fa fa-caret-right'></i>"], dots: true, autoHeight: true, lazyLoad: true });  
      Grato,
       
      Cesar
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.