What is a promise in Javascript?

Question

Caruso

Asked: 2020-01-28 23:47:02 +0800 CST 2020-01-28 23:47:02 +0800 CST 2020-01-28 23:47:02 +0800 CST

Submit button in floating strip not working

772

I have a floating button which displays options: open box, close box, and/or print respectively.

But I have the problem that all the buttons print, that is, they send the one submitof the form:

<form method="POST" action="views/modules/caja/reportecaja.php" >
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title" style="text-align: center;height: 10px;">DATOS DE SESION</h5>  
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-3">
                            <label>CAJERO.:</label>
                        </div>
                        <div class="col-sm-3">
                            <input type="hidden" name="nombre" value="<?php if (isset($_SESSION['username'])){echo $_SESSION['username'];}?>"/>
                            <label><?php if (isset($_SESSION['username'])){echo $_SESSION['username'];}?></label>
                        </div>
                        <div class="col-sm-3">
                            <label>HORA INICIO:<?php if (isset($_SESSION['inicio'])){echo $_SESSION['inicio'];}?></label>
                        </div> 
                        <div class="col-sm-3">
                            <label>HORA FIN:<?php  date_default_timezone_set("America/Argentina/Buenos_Aires");$horaactual=date("H:i:s"); echo $horaactual;?></label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <label> Efectivo:</label>
                            <label id="subtotal"></label>
                        </div>
                        <div class="col-sm-3">
                            <label>Cambio:</label>
                        </div>
                        <div class="col-sm-2">
                            <input class="form-control" type="text" name="cambio" placeholder="QUEDA EN CAJA" id="cambio"/>
                        </div>
                        <div class="col-sm-3">
                            <label>Total</label>
                            <label id="total"></label>
                        </div> 
                    </div>
                </div>
            </div> 
        </div> 
    </div>
	<div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title" style="text-align: center;height: 10px;">LISTADO DE MOVIMIENTOS DEL TURNO</h5>  
                </div>
            	<div class="card-body">
                <div class="table-responsive" >                  
                  <table id="resumen" class="table table-hover">
                    <title>Comprobantes</title>
                    <thead class="thead-dark">

                    </thead>
                    <tfoot>
                      <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>
                    </tfoot>
                    <tbody>

                    </tbody>
                  </table>
                </div>
              </div>
            </div>  
          </div>
          <div class="contenedor">
            <button class="botonF11" id="opciones" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="OPCIONES" style="color: black;">
              <span><i class="fas fa-tasks"></i></span>
            </button>
            <button class="btn2 botonF2" id="abrircaja" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="ABRIR CAJA" style="color: black;">
              <span><i class="fas fa-lock-open"></i></span>
            </button>
            <button class="btn2 botonF3" id="cerrarcaja" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="CERRAR CAJA" style="color: black;">
              <span><i class="fas fa-lock"></i></span>
            </button>
            <button class="btn2 botonF4" id="es" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="ENTRADA/SALIDA" style="color: black;">
              <span><i class="fas fa-dollar-sign"></i></span>
            </button>
            <button class="btn2 botonF5" id="imprimir"  data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="IMPRIMIR" style="color: black;">
              <span><i class="fas fa-print"></i></span>
            </button>
          </div>
        </div>
      </form>

How can I include a button and only this one calls the form.

I work with FPDF.

1 Answers

Voted

kmevi10 · Answer 1 · 2020-01-29T02:56:01+08:00

You can block it by JS with the onclick event, but don't worry if you don't know JavaScript, HTML allows us onclick=""to do an element, in this case a button, and doing a event.preventDefault()would be enough to not send the form. I leave the code below:

<div class="contenedor">
<button onclick="event.preventDefault()" class="botonF11" id="opciones" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="OPCIONES" style="color: black;">
<span><i class="fas fa-tasks"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF2" id="abrircaja" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="ABRIR CAJA" style="color: black;">
<span><i class="fas fa-lock-open"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF3" id="cerrarcaja" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="CERRAR CAJA" style="color: black;">
<span><i class="fas fa-lock"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF4" id="es" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="ENTRADA/SALIDA" style="color: black;">
<span><i class="fas fa-dollar-sign"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF5" id="imprimir"  data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="IMPRIMIR" style="color: black;">
<span><i class="fas fa-print"></i></span>
</button>
</div>

If you want it whole I'll leave it here:

<!DOCTYPE html>
<html lang="en">
<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">
    <script src="https://kit.fontawesome.com/eb7b540af7.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <title>Document</title>
</head>
<body>
<form method="POST" action="views/modules/caja/reportecaja.php" >

<div class="row">

    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                    <h5 class="card-title" style="text-align: center;height: 10px;">DATOS DE SESION</h5>  
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-3">
                        <label>CAJERO.:</label>
                    </div>
                    <div class="col-sm-3">
                        <input type="hidden" name="nombre" value="<?php if (isset($_SESSION['username'])){echo $_SESSION['username'];}?>"/>
                        <label><?php if (isset($_SESSION['username'])){echo $_SESSION['username'];}?></label>
                    </div>
                    <div class="col-sm-3">
                        <label>HORA INICIO:<?php if (isset($_SESSION['inicio'])){echo $_SESSION['inicio'];}?></label>
                    </div> 
                    <div class="col-sm-3">
                        <label>HORA FIN:<?php  date_default_timezone_set("America/Argentina/Buenos_Aires");$horaactual=date("H:i:s"); echo $horaactual;?></label>
                    </div>

                </div>

                <div class="row">
                    <div class="col-sm-3">
                        <label> Efectivo:</label>
                        <label id="subtotal"></label>
                    </div>
                    <div class="col-sm-3">
                        <label>Cambio:</label>
                    </div>
                    <div class="col-sm-2">
                        <input class="form-control" type="text" name="cambio" placeholder="QUEDA EN CAJA" id="cambio"/>
                    </div>
                    <div class="col-sm-3">
                        <label>Total</label>
                        <label id="total"></label>
                    </div> 
                </div>
            </div>
        </div> 
    </div> 
</div>


<div class="row">
            <div class="col-sm-12">
                 <div class="card">
                    <div class="card-header" >
                    

                                                   
                        <h5 class="card-title" style="text-align: center;height: 10px;">LISTADO DE MOVIMIENTOS DEL TURNO</h5>  
                   </div>
                              <div class="card-body">
<div class="table-responsive" >                  
<table id="resumen" class="table table-hover">

<title>Comprobantes</title>
<thead class="thead-dark">

</thead><tfoot><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tfoot>

<tbody>

</tbody>
</table></div> </div>
</div>  
</div>


<div class="contenedor">
<button onclick="event.preventDefault()" class="botonF11" id="opciones" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="OPCIONES" style="color: black;">
<span><i class="fas fa-tasks"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF2" id="abrircaja" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="ABRIR CAJA" style="color: black;">
<span><i class="fas fa-lock-open"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF3" id="cerrarcaja" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="CERRAR CAJA" style="color: black;">
<span><i class="fas fa-lock"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF4" id="es" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="ENTRADA/SALIDA" style="color: black;">
<span><i class="fas fa-dollar-sign"></i></span>
</button>
<button onclick="event.preventDefault()" class="btn2 botonF5" id="imprimir"  data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="IMPRIMIR" style="color: black;">
<span><i class="fas fa-print"></i></span>
</button>
</div>
</div>
</form>

</body>
</html>

Submit button in floating strip not working

HTML button that sends you to another page

Why do I get the error "Call to undefined function mysql_connect()"?

How to create an HTML button that works as a link?

How to separate a String in Java. How to use split()

Filter by dates in sql server

How to limit the number of decimal places in a double?

For each in JavaScript?

Position footer ALWAYS glued to the footer

Definitive Guide to Type Conversion in Java

How to properly compare Strings (and objects) in Java?