1

Possuo um script que fica lendo um .log basicamente em tempo real e o mostra em tela, mas a questão é que ele inicia com o DOM, gostaria que ele iniciasse apenas a partir do click no botão, poderiam me ajudar?

<?php
if (isset($_GET['ajax'])) {
    $sessionID = 'log'.$_GET['s'];
    session_id($sessionID);
    session_start();
    $handle = fopen('/\\cordas\instance-8480\log\server.log', 'r');
    if (isset($_SESSION['offset'])) {
        $data = stream_get_contents($handle, -1, $_SESSION['offset']);
        echo nl2br($data);
    } else {
        fseek($handle, 0, SEEK_END);
} 
  $_SESSION['offset'] = ftell($handle);
  exit();
}

  $randomSession = rand();
    $(document).ready(function( ) {
        $.repeat(1000, function() {
            $.get('automacao_tela.php?ajax&s=<?=$randomSession;?>', 
                function(data) {
                $('#tail').append(data);
            });
        });
    });

<form action="?automacao=ok" method="POST">
    <button type="submit" class="log-btn" >INICIAR PROCESSO</button>
</form>

<div id="tail" class="widget-stats-list-log">
    Starting up...
</div>

----- Adição de codigo----

<body>
    <div class="automacao-container">
        <div class="automacao-box">
            <div class="row">
                <div class=" col-sm-3">
                    <div class="stats-widget">
                        <div class="widget-header">
                            <h2>Automação</h2>
                        </div>
                        <div class="widget-stats-list" id="lerLog">
                            <form action="?automacao=ok" method="POST">
                                <button type="submit" class="log-btn">INICIAR PROCESSO</button>
                            </form>
                        </div>
                    </div>
                    <div class="stats-widget" style="height: 495px;">
                        <div class="widget-header">
                            <h2>Parâmentros</h2>
                        </div>
                        <div class="widget-stats-list">
                        </div>
                    </div>
                </div>

                <div class=" col-sm-9">
                    <div class="stats-widget">
                        <div class="widget-header">
                            <h2>Log de Automação</h2>
                        </div>
                        <div id="tail" class="widget-stats-list-log">
                            Starting up...
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $('#lerLog').on('click', function( ) {
            $.repeat(1000, function() {
                $.get('automacao_tela.php?ajax&s=<?=$randomSession;?>', 
                    function(data) {
                    $('#tail').append(data);
                });
            });
        });                               
  </script>
</body>

1 Resposta 1

2

Matheus, você precisa criar um elemento que será clicado para chamar a função.

<div id='lerLog'>Ao clicar aqui a leitura do log acontecerá</div>

Ótimo! Feito isso coloque a função dessa maneira:

 $('#lerLog').on('click', function( ) {
        $.repeat(1000, function() {
            $.get('automacao_tela.php?ajax&s=<?=$randomSession;?>', 
                function(data) {
                $('#tail').append(data);
            });
        });
    });

Mudança aplicada:

$(document).ready()

Essa chamada quer dizer que toda vez que o documento estiver pronto para uso (Quando a página termina de carregar completamente) A função criada por você irá acontecer. leia um pouco mais sobre a .ready()

Então criamos o botão, definimos um id para ele e atribuímos a chamada .on() que trabalha com o elemento quando diferentes situações acontecem. Neste caso estamos usando o 'click' (onclick). Saiba mais sobre o .on()

Lendo o seu código novamente, me deparei com o button com o texto INICIAR PROCESSO. Caso seja ele o responsável pela leitura log adicione: id='lerLog' para funcionar com a função.

19
  • Bom Dia Bsalvo, fiz tudo como comentou, coloquei o id no botão e introduzi o Onclick na função, só que agora ela não lê o log não inicia, e se eu tirar o onClick na função, ela funciona normalmente, já não sei mais oque fazer :/
    – Matheus
    Commented 28/07/2017 às 12:18
  • Calma que vamos resolver, faça um teste e crie uma div para ser clicada. Esqueça o button e teste agora em um div. Não esqueça de me trazer o feedback!
    – Bsalvo
    Commented 28/07/2017 às 12:20
  • Bom dia, ainda não funcionou mesmo com uma div, irei colocar meu código todo na resposta pode ser ? para que assim possa analisar melhor e dizer no que estou errando ?
    – Matheus
    Commented 28/07/2017 às 12:45
  • Coloque ai, a função que eu disponibilizei já deveria estar funcionando
    – Bsalvo
    Commented 28/07/2017 às 12:47
  • colocado como uma resposta abaixo
    – Matheus
    Commented 28/07/2017 às 12:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .