Ir para conteúdo
violin101

PHP - Abrir e Fechar janela

Recommended Posts

Caros amigos, saudações.

 

Estou com uma pequena dúvida.

 

Estou escrevendo um Sistema que tem vários Módulos.

 

O módulo principal tem:
Estoque | Compras | Expedição | Vendas

Minha dúvida:
como faço após Acessar o Módulo Principal e Escolher o Módulo que quero trabalhar,

eu possa fechar o Módulo aberto por exemplo: Estoque, sem alterar o Módulo principal e outros se estiver aberto ?



Grato,

 

Cesar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, correto hoje em dia é usar alguma biblioteca para fazer isto, VueJs, React, para deixar mais reativo.

Mas voce pode usar um Js para fazer isto.

Exemplo Jquey usando modal:

Logo abaixo um exemplo com vuejs

 

<?php

if (isset($_GET['modulo'])) {
    // Mock
    $modulos = [
        'estoque' => '<h1>Módulo Estoque</h1><p>Conteúdo do módulo de Estoque...</p>',
        'compras' => '<h1>Módulo Compras</h1><p>Conteúdo do módulo de Compras...</p>',
        'expedicao' => '<h1>Módulo Expedição</h1><p>Conteúdo do módulo de Expedição...</p>',
        'vendas' => '<h1>Módulo Vendas</h1><p>Conteúdo do módulo de Vendas...</p>'
    ];

    $modulo = $_GET['modulo'];
    if (isset($modulos[$modulo])) {
        echo $modulos[$modulo] . '<a href="#" class="close-module" data-module="' . $modulo . '">Fechar Módulo</a>';
    }
    exit;
}

if (isset($_GET['close_modulo'])) {
    $modulo = 'modulo_' . $_GET['close_modulo'];
    exit;
}

$modulos = [
    'modulo_estoque' => 'Estoque',
    'modulo_compras' => 'Compras',
    'modulo_expedicao' => 'Expedição',
    'modulo_vendas' => 'Vendas'
];
?>
<!DOCTYPE html>
<html>

<head>
    <title>Sistema Principal</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.open-module').on('click', function(e) {
                e.preventDefault();
                var module = $(this).data('module');
                $('#moduleContent').load('?modulo=' + module, function() {
                    $('#moduleModal').modal('show');
                });
            });

            $(document).on('click', '.close-module', function(e) {
                e.preventDefault();
                var module = $(this).data('module');
                $.get('?close_modulo=' + module, function() {
                    $('#moduleModal').modal('hide');
                    updateModuleStatus();
                });
            });

            function updateModuleStatus() {
                $('#modulos_abertos').load(' #modulos_abertos > *');
            }

            setInterval(updateModuleStatus, 5000);
        });
    </script>
</head>

<body>
    <div class="container">
        <h1>Módulo Principal</h1>
        <ul>
            <li><a href="#" class="open-module" data-module="estoque">Estoque</a></li>
            <li><a href="#" class="open-module" data-module="compras">Compras</a></li>
            <li><a href="#" class="open-module" data-module="expedicao">Expedição</a></li>
            <li><a href="#" class="open-module" data-module="vendas">Vendas</a></li>
        </ul>



        <!-- Modal -->
        <div class="modal fade" id="moduleModal" tabindex="-1" aria-labelledby="moduleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="moduleModalLabel">Módulo</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" id="moduleContent">
                        <!-- Conteúdo do módulo será carregado aqui -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>


Exemplos simples usando vuejs:

modules.php:

<?php
header('Content-Type: application/json');

if (isset($_GET['modulo'])) {
    // Mock data for modules
    $modulos = [
        'estoque' => '<h1>Módulo Estoque</h1><p>Conteúdo do módulo de Estoque...</p>',
        'compras' => '<h1>Módulo Compras</h1><p>Conteúdo do módulo de Compras...</p>',
        'expedicao' => '<h1>Módulo Expedição</h1><p>Conteúdo do módulo de Expedição...</p>',
        'vendas' => '<h1>Módulo Vendas</h1><p>Conteúdo do módulo de Vendas...</p>'
    ];

    $modulo = $_GET['modulo'];
    if (isset($modulos[$modulo])) {
        echo json_encode(['content' => $modulos[$modulo]]);
    } else {
        echo json_encode(['content' => 'Módulo não encontrado']);
    }
    exit;
}

echo json_encode(['error' => 'Nenhum módulo especificado']);
?>


index.html

<!DOCTYPE html>
<html>
<head>
    <title>Sistema Principal</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <div id="app" class="container">
        <h1>Módulo Principal</h1>
        <ul>
            <li><a href="#" @click.prevent="openModule('estoque')">Estoque</a></li>
            <li><a href="#" @click.prevent="openModule('compras')">Compras</a></li>
            <li><a href="#" @click.prevent="openModule('expedicao')">Expedição</a></li>
            <li><a href="#" @click.prevent="openModule('vendas')">Vendas</a></li>
        </ul>

        <h2>Módulos Abertos:</h2>
        <div id="modulos_abertos">
            <div v-for="(modulo, index) in modulosAbertos" :key="index">
                <p>{{ modulo.nome }} <button @click="closeModule(index)">Fechar</button></p>
            </div>
        </div>

        <div v-if="moduleContent" class="mt-4">
            <div v-html="moduleContent"></div>
            <button class="btn btn-secondary" @click="moduleContent = ''">Fechar Módulo Atual</button>
        </div>
    </div>

    <script>
        new Vue({
            el: '#app',
            data: {
                modulosAbertos: [],
                moduleContent: ''
            },
            methods: {
                openModule(module) {
                    axios.get('modules.php?modulo=' + module)
                        .then(response => {
                            this.moduleContent = response.data.content;
                            if (!this.modulosAbertos.find(m => m.nome === module)) {
                                this.modulosAbertos.push({ nome: module });
                            }
                        })
                        .catch(error => {
                            console.error("There was an error opening the module:", error);
                        });
                },
                closeModule(index) {
                    this.modulosAbertos.splice(index, 1);
                }
            }
        });
    </script>
</body>
</html>
 

Compartilhar este post


Link para o post
Compartilhar em outros sites

amigo Williams, saudações.

muito legal o seu exemplo, mas infelizmente no seu exemplo acima os módulos abre dentro de uma DIV.

 

o que preciso seria fechar a ABA do Navegador que estiver aberta.

 

talvez eu não tenha explicado corretamente, mas quando o usuário abrir um módulo esse módulo abre uma nova janela, seria assim:
 

modulo principal:
Controle
estoque | compras | requisições
 mod-1         mod-2            mod-3
 

Financeiro
Faturamento | Controle de Caixa
      mod-4                     mod-5
 

quando o usuário ABRE o Módulo Estoque(nova janela) ele vai trabalhar nessa opção.
quando o usuário ABRE o Módulo Financeiro(nova janela)  e  assim por diante.

ou seja,

quando abrir um módulo o sistema abre uma janela nova, com o TARJET _BLANK.

é nessa parte que estou em dúvida, fechar a Nova Janela sem fechar a Session toda, fechar apenas o Módulo aberto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendi, vou lhe mostrar um exemplo, voce adapta ao que você quer!

Mas adianto que você tem que entender de javascript, se ficar muito restrito ao php ou framework, você não conseguira fazer muita coisa, então estude Javascript, que isto nada tem haver com php!

 

index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Sistema Principal</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
    <style>
        .open-flag {
            color: green;
            font-weight: bold;
            margin-left: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Módulo Principal</h1>
        <ul>
            <li><a href="#" class="open-module" data-module="estoque">Estoque</a><span id="flag-estoque"></span></li>
            <li><a href="#" class="open-module" data-module="compras">Compras</a><span id="flag-compras"></span></li>
            <li><a href="#" class="open-module" data-module="expedicao">Expedição</a><span id="flag-expedicao"></span></li>
            <li><a href="#" class="open-module" data-module="vendas">Vendas</a><span id="flag-vendas"></span></li>
        </ul>
    </div>

    <script>
        let openWindows = {};

        function checkWindowClosed() {
            for (let module in openWindows) {
                if (openWindows[module] && openWindows[module].closed) {
                    delete openWindows[module];
                    document.getElementById('flag-' + module).innerHTML = '';
                }
            }
        }

        setInterval(checkWindowClosed, 1000);

        document.querySelectorAll('.open-module').forEach(function(link) {
            link.addEventListener('click', function(e) {
                e.preventDefault();
                let module = this.getAttribute('data-module');
                if (openWindows[module] && !openWindows[module].closed) {
                    openWindows[module].focus();
                } else {
                    openWindows[module] = window.open('module.php?modulo=' + module, '_blank');
                    document.getElementById('flag-' + module).innerHTML = '(Aberto)';
                }
            });
        });

        window.addEventListener('beforeunload', function() {
            for (let key in openWindows) {
                if (openWindows[key] && !openWindows[key].closed) {
                    openWindows[key].close();
                }
            }
        });
    </script>
</body>
</html>


module.php
 

<?php
$modulo = isset($_GET['modulo']) ? $_GET['modulo'] : 'default';

$conteudos = [
    'estoque' => '<h1>Módulo Estoque</h1><p>Conteúdo do módulo de Estoque...</p>',
    'compras' => '<h1>Módulo Compras</h1><p>Conteúdo do módulo de Compras...</p>',
    'expedicao' => '<h1>Módulo Expedição</h1><p>Conteúdo do módulo de Expedição...</p>',
    'vendas' => '<h1>Módulo Vendas</h1><p>Conteúdo do módulo de Vendas...</p>',
];

$conteudo = isset($conteudos[$modulo]) ? $conteudos[$modulo] : '<h1>Módulo Não Encontrado</h1><p>Conteúdo não disponível.</p>';
?>
<!DOCTYPE html>
<html>

<head>
    <title>Módulo <?php echo htmlspecialchars($modulo); ?></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>

<body>
    <div class="container">
        <?php echo $conteudo; ?>
        <button onclick="window.close();" class="btn btn-secondary mt-3">Fechar Módulo</button>
    </div>
</body>

</html>


 

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

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos.
       
      Quando programava em DOS. utilizava algumas teclas de atalho para: SALVAR / EDITAR / EXCLUIR / IMPRIMIR.
      Por exemplo:
      Salvar ----> ALT+S
      Editar ----> ALT+E
      Excluir --> ALT+X
      Imprimir -> ALT+I

      no PHP tem como colocar esses ATALHOS nos button, para o usuário trabalhar com esses atalhos e como seria ?

      grato,
       
      Cesar
    • Por violin101
      Caros Amigos, saudações.
       
      Por favor, me perdoa em postar uma dúvida.
       
      Preciso criar uma Rotina onde o usuário possa buscar na Base de Dados de Produtos, tanto por Código e Descrição, ou seja:
      - caso o usuário digita o Código, mostra os dados do Produto.
      - caso o usuário digita a Descrição, mostra os dados do Produto
       
      Fiz uma Rotina, onde o usuário digita a DESCRIÇÃO com a função AUTOCOMPLETE.    <=== está funcionando certinho.
       
      Minha dúvida é como faço para DIGITAR o Código e mostrar os dados também.
       
      o meu AutoComplete na MODEL está assim.
      public function autoCompleteProduto($q){ $this->db->select('*' ) ->from('produtos') ->where('produtos.statusProd',1) ->like('descricao', $q) ->limit(5) ->order_by('descricao', 'ASC'); $query = $this->db->get(); if ($query->num_rows() > 0) { foreach ($query->result_array() as $row) { $row_set[] = ['label' => str_pad($row['idProdutos'], '5', '0', STR_PAD_LEFT).' - '.$row['descricao'], 'id' => $row['idProdutos'], 'descricao' => $row['descricao'], 'cod_interno' => $row['cod_interno'], 'prd_unid' => $row['prd_unid'], 'estoque_atual' => $row['estoque_atual'] ]; } echo json_encode($row_set); } }  
       
      no CONTROLLER está assim:
      public function autoCompleteProduto() { $this->load->model('estoque/lancamentos_model'); if (isset($_GET['term'])) { $q = strtolower($_GET['term']); $this->lancamentos_model->autoCompleteProduto($q); } }  
       
      na VIEW está assim:
      <div class="col-md-10"> <label for="idProdutos">Produto:</label> <input type="hidden" name="idProdutos" id="idProdutos"> <input type="text" class="form-control" id="descricao" name="descricao" style="font-size:15px; font-weight:bold;" placeholder="Pesquisar por descrição do produto" disabled> </div>  
      VIEW + JAVASCRIPT
       
      //Função para trazer os Dados pelo o AutoComplete. function resolveAutocomplete() { $("#descricao").autocomplete({ source: "<?php echo base_url(); ?>estoque/lancamentos/autoCompleteProduto/", minLength: 2, select: function (event, ui) { $("#idProdutos").val(ui.item.id); $("#cod_interno").val(ui.item.cod_interno); $("#descricao").val(ui.item.descricao); $("#prd_unid").val(ui.item.prd_unid); $("#estoque_atual").val(ui.item.estoque_atual); $("#qtde").focus(); } }); } // inicia o autocomplete resolveAutocomplete();  
      Grato,
       
      Cesar
    • Por belann
      Olá!
       
      Estou tentando criar um projeto laravel e está dando o seguinte erro 
      curl error 60 while downloading https://getcomposer.org/versions: SSL certificate problem: unable to get local issu
        er certificate
      Já tentei atualizar o composer, mas dá o mesmo erro acima.
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
×

Informação importante

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