Uma barra de navegação no orçamento

[Frank K Hosaka]

Depois de dois anos estudando o PHP, o HTML e o JavaScript, finalmente eu consegui montar um código para navegar entre os orçamentos. Até ontem, eu só tinha um botão para recuar um orçamento de cada vez. Com esse novo navegador eu posso recuar até 10 orçamentos, não preciso mais recuar dez vezes até chegar no orçamento desejado:

<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
    function mostrar(){navegacao.style="display:block"}
    function ocultar(){navegacao.style="display:none"}
    function anterior(ped){location.replace('?anterior='+ped)}
    function posterior(ped){
        ped=ped+18
        location.replace('?anterior='+ped)}
</script>
<div style='width:300;margin:0 auto'>
<input type=submit value='Barra de Navegação do Orçamento' onclick=mostrar()>
<?php
$style="display:none";
$where="";
$mysqli=new mysqli("localhost","root","","laravel");
if(isset($_GET['anterior'])){
    $anterior=$_GET['anterior'];
    $where="where ped <= $anterior";
    $style="display:block";}
$query=$mysqli->query("select * from tbpedido $where order by ped desc limit 10");
echo "<div id=navegacao style=$style><table><th>Dia<th>Pedido<th>Total";
while($row=$query->fetch_assoc()){
    $ped=$row['ped'];
    echo "<tr><td>".$row['dia'];
    echo "<td><a href=?ped=$ped>$ped</a>";
    echo "<td>".$row['total'];}
echo "</table>
    <input type=submit value=anterior onclick=anterior($ped)>
    <input type=submit value=posterior onclick=posterior($ped)>
    <input type=submit value=cancelar onclick=ocultar()>
    </div></div>";

 

Editado Junho 8, 2023 por Frank K Hosaka