Ir para conteúdo
acneto.frc

document is not defined

Por , em Javascript

Recommended Posts

acneto.frc    0

acneto.frc
Postado

Tenho uma aplicação WEB NodeJs+Javascript. Na minha view (FILTROS PARA RELATÓRIO) além dos inputs tenho um radio button onde seleciono o tipo de do relatório que será gerado. No meu Controller tenho acesso aos campos inputs (type=text) normalmente mas não tenho acesso aos inputs (type=radio). Abaixo vou colocar parte do código.

  

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- As 3 meta tags acima *devem* vir em primeiro lugar dentro do `head`; qualquer outro conteúdo deve vir *após* essas tags -->
        <title><%= title %></title>

        <link rel="stylesheet" type="text/css" media="screen" href="/estilos/estilos.css" />
    </head>

    <body>

        <header>
                <nav class="menuBase">
                    <ul>
                        <li><a href="/">Início</a></li>
                        <li><a href="/estagio/relatorios">Voltar</a></li>
                        <li><a href=""> </a></li>
                    </ul>
                </nav>
        </header>
                
        <main class=frmRelFiltros>
            <ul class="nav nav-tabs">
                <li class="active" id="home-tab"><a data-toggle="tab" href="#pagina1">Relatório de Contratos</a></li>
            </ul>
        
            <div class="tab-content">
                    <div id="pagina1" class="tab-pane fade in active">
                        <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos">

    <!--
    primeira linha 
    -->    
                            <br>
                            <div class="filtros" style="margin:15px">
                                <div class="row">
                                    <div class="form-group col-md-6 col-md-offset-0"> 
                                        <label>Código Contrato.:</label>                            
                                        <input type="text" name="cod_ini" value="0"/>  A  <input type="text" name="cod_fim" value="999999" />
                                        <br> <br>
        
                                        <label>Ativo/Inativo...:</label>                            
                                        <input type="text" name="atv_ini" value="A"/>  A  <input type="text" name="atv_fim" value="Z" />
                                        <br> <br>
            
                                        <label>Data Cadastro...:</label>                            
                                        <input type="text" name="cad_ini" value="01/01/2000"/>  A  <input type="text" name="cad_fim" value="31/12/2090" />
                                        <br> <br>
        
                                        <label>Data Vigência...:</label>                            
                                        <input type="text" name="vig_ini" value="01/01/2000"/>  A  <input type="text" name="vig_fim" value="31/12/2090" />
                                        <br> <br>
        
                                        <label>Sit. Contrato...:</label>                            
                                        <input type="text" name="sit_ini" value="0"/>  A  <input type="text" name="sit_fim" value="99" />
                                        <br> <br>
        
                                        <label>Código do Curso.:</label>                            
                                        <input type="text" name="cur_ini" value="1"/>  A  <input type="text" name="cur_fim" value="99" />
                                        <br> <br>
                                        
                                    </div>

                                    <div class="form-group col-md-6 col-md-offset-0"> 
                                        <label>Código da Empresa.:</label>                            
                                        <input type="text" name="emp_ini" value="1"/>  A  <input type="text" name="emp_fim" value="9999" />
                                        <br> <br>
        
                                        <label>Centro Integração.:</label>                            
                                        <input type="text" name="cie_ini" value="1"/>  A  <input type="text" name="cie_fim" value="999"/>
                                        <br> <br>
                                        
                                        <label>Valor da Bolsa....:</label>                            
                                        <input type="text" name="vlr_ini" value="1"/>  A  <input type="text" name="vlr_fim" value="99999999"/>
                                        <br> <br> <br>

                                        <div id="opcoesRelContratos" >
                                            <p>Selecione o Tipo do Relatório:</p>

                                            <input type="radio" id="tipoRel" name="padrao" value="padrao" checked=true>
                                            <label for="padrao">Padrao-Conferência</label><br>

                                            <input type="radio" id="tipoRel" name="faixa" value="faixa">
                                            <label for="faixa">Faixa Salarial-Estatístico</label><br>

                                            <input type="radio" id="tipoRel" name="alunos_empresas" value="alunos_empresas">
                                            <label for="alunos_empresas">Identificação de Alunos por Empresa</label> <br>

                                            <input type="radio" id="tipoRel" name="entregas" value="entregas">
                                            <label for="entregas">Pastas de Estágios Entregues</label><br>

                                            <input type="radio" id="tipoRel" name="contratos_vencer" value="contratos_vencer">
                                            <label for="contratos_vencer">Contratos a Vencer 30 dias</label> <br>

                                        </div>
                                        
                                    </div>
                                </div>
                            </div>    
                            <br>                               
    <!--
    botões de acão
    --> 

                            <div class="btn-acao" style="margin-bottom: 0px;">
                                <div class="row">
                                    <div class="col-md-2 col-md-offset-1">
                                        <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button>

                                    </div>

                                    <div class="col-md-2 col-md-offset-1">
                                        <button type="button" id="btn-cancelarRel" class="btn btn-primary btn-block">Voltar</button> 
                                    </div>     
                                </div>
                            </div>
                            <br>
                        </form>
                    </div>  <!-- tab pagina 1 -->
                </div>              
        </main>

    <!-- JavaScript (Opcional) -->
    <!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
       
    <script type="text/javascript" src="/js/funcoesCliente.js"></script>
    <script type="text/javascript" src="/js/script.js"></script>    
    
  </body>
  
</html>

 

 

Agora o código do routes e controllers. No controllers preciso acessar um elemento radio da view 

*** botão para submeter a view
<button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button>

*** rota a ser executada ao sonfirmar a execução do relatório
<form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos">

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
arquivo: contratosRoutes.js

var contratosControllers = require('../controllers/contratosControllers.js');
 
module.exports = (app) => {

    app.get('/contratos/relatorios/relContratos', contratosControllers.contratosRel);

    app.post('/contratos/relatorios/RelContratosPrint', contratosControllers.printContratosRel);

}

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
arquivo: contratosControllers.js

const alunosController = require('../models/contratosModels.js');

const cnf_ambiente = require('../../config/config.js');
 
const moment = require('moment');
 
module.exports = {
  
    printContratosRel, 
}  

function printContratosRel(req, res){

    console.log("Data Inicial Normal: "+req.body.cad_ini)
    console.log("Data Final Normal..: "+req.body.cad_fim)
    console.log("++++++++++++++++++++ DATA NO FORMATO DE ENTRADA APÓS O POST ++########################")    
  
// ++++++++++++ BAIXO O ERRO document is not defined
  
    var radios = document.getElementsById("tipoRel");
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            console.log("Escolhido: " + radios[i].value);
        }
    }

    cod_i = req.body.cod_ini;
    cod_f = req.body.cod_fim;
    atv_i = req.body.atv_ini;
    atv_f = req.body.atv_fim;

    cad_i = req.body.cad_ini;
    cad_f = req.body.cad_fim;
    
    vig_i = req.body.vig_ini;
    vig_f = req.body.vig_fim;
    sit_i = req.body.sit_ini;
    sit_f = req.body.sit_fim;
    cur_i = req.body.cur_ini;
    cur_f = req.body.cur_fim;
    emp_i = req.body.emp_ini;
    emp_f = req.body.emp_fim;
    cie_i = req.body.cie_ini;
    cie_f = req.body.cie_fim;
    vlr_i = req.body.vlr_ini;
    vlr_f = req.body.vlr_fim;
   
    console.log("Relatório >>>>>>>>>>>>>>>>>>>>>>>> "+cad_i + ' - '+ cad_f);    
    alunosController.buscarPrintContratosRel(
        cod_i, cod_f,
        vlr_i, vlr_f, 
        sit_i, sit_f, 
        cur_i, cur_f, 
        emp_i, emp_f,        
        cad_i, cad_f,        
        vig_i, vig_f,        
        atv_i, atv_f, 
        cie_i, cie_f,        
          function(err, result){
        if(result){
            console.log("Encontrei registro de contratos.... Vou tratar das datas..");
            for(var i = 0; i < result.length; i++ ){
                result[i].cea_dtcadastro = moment(result[i].cea_dtcadastro).format("DD/MM/YYYY");
                result[i].cea_dtalteracao = moment(result[i].cea_dtalteracao).format("DD/MM/YYYY");                
                result[i].cea_vigenciainicial = moment(result[i].cea_vigenciainicial).format("DD/MM/YYYY");
                result[i].cea_vigenciafinal = moment(result[i].cea_vigenciafinal).format("DD/MM/YYYY");

            }
        }

        if (err) {
            throw err;
        } else{
            res.render('estagios/relatorios/frm_relContratosPrint.ejs', 
                {title: 'Contratos', 
                nomeUsuario: global.nomeUsuario,
                codigoUsuario: global.codigoUsuario,
                nomeFormulario: req.originalUrl, 
                obj_contratos: result, 
            });
        }
    });
}

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • ILR master
      Abrir url na mesma janela
      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?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      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>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      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?
    • belann
      Nodejs não consigo rodar uma Api de rotas
      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);
    • belann
      Upload de arquivos com javascript
      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".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito