Skip to main content
Corrección para mostrar el código fuente ya que se encontraba en un link
Origen Enlace

O al menos que se ejecute un Alert HeAlert.

He intentado de varias formas pero no consigo que se muestre un mensaje al darle clic a un registro, no quiero usar un boton pues quita espacio Este.

Este es mi codigo:  

<script>
    $(document).ready(function() {
    $('#tProd').DataTable( {
        "columnDefs": [
        {"targets": [ 0 ], "visible": false},
        {"targets": [ 5 ], "visible": false}],
        "pagingType": "full_numbers"} );
 
    var table = $('#tProd').DataTable();    
        $('#tProd tbody').on( "click", "td", function (e) {
            var rowIdx = table.row( this ).index();
            var sData = table.cells({ row: rowIdx, column: 1 }).data()[1];
            if (sData && sData.length) {
            //location.href = 'modal.php'
          alert("I am an alert box!");
            }
        });      
    } );
</script>
</head>
<body>
    <div class="row fondo">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <h1 class="text-center text-uppercase">CONSULTA DE STOCK</h1>
</div>
    </div>
    <div class="container">
    </div>
    <div class="row">
        <div id="cuadro1" class="col-sm-12 col-md-12 col-lg-12">
            <div class="col-sm-offset-2 col-sm-8">
                <h3 class="text-center"> <small class="mensaje"></small></h3>
            </div>
            <div class="table-responsive col-sm-12">       
                        <table id="tProd" class="table table-bordered table-hover" cellspacing="0" width="100%">
        <thead>
            <tr>                               
                <th>ID</th>
                <th>ID SIST</th>
                <th>CODIGO</th>
                <th>PRODUCTO</th>
                <th>STOCK</th>
                <th>FECHA</th>
            </tr>
        </thead>   
        <tbody>
            <?php $mysqli = new mysqli("localhost","user", "pass", "bd");
            $consulta = "SELECT ID, MEM_ID, LPAD(MPR_ID,5,'0') MPR_ID, CODIGO, NOMBRE, TOT, TIEMPO FROM MPR";
            if($resultado = $mysqli->query($consulta)){while($obj = $resultado -> fetch_object())
            { ?>
            <tr>
                <td><?php printf($obj->ID);?></td>
                <td><?php printf($obj->MPR_ID);?></td>
                <td><?php printf($obj->CODIGO);?></td>
                <td><?php printf($obj->NOMBRE);?></td>
                <td><?php printf($obj->TOT);?></td>
                <td><?php printf($obj->TIEMPO);?></td>
            </tr>
            <?php }
            $resultado->close();
            } ?>
        </tbody>
       </table>
       </div>          
     </div>    
   </div>
</body>

También pueden encontrr mi código en https://pastebin.com/SVga0V66

(me fue imposible poner el código aquí por mas que lo puse entre etiqueta code y tabule)

O al menos que se ejecute un Alert He intentado de varias formas pero no consigo que se muestre un mensaje al darle clic a un registro, no quiero usar un boton pues quita espacio Este es mi codigo:  https://pastebin.com/SVga0V66

(me fue imposible poner el código aquí por mas que lo puse entre etiqueta code y tabule)

O al menos que se ejecute un Alert.

He intentado de varias formas pero no consigo que se muestre un mensaje al darle clic a un registro, no quiero usar un boton pues quita espacio.

Este es mi codigo:

<script>
    $(document).ready(function() {
    $('#tProd').DataTable( {
        "columnDefs": [
        {"targets": [ 0 ], "visible": false},
        {"targets": [ 5 ], "visible": false}],
        "pagingType": "full_numbers"} );
 
    var table = $('#tProd').DataTable();    
        $('#tProd tbody').on( "click", "td", function (e) {
            var rowIdx = table.row( this ).index();
            var sData = table.cells({ row: rowIdx, column: 1 }).data()[1];
            if (sData && sData.length) {
            //location.href = 'modal.php'
          alert("I am an alert box!");
            }
        });      
    } );
</script>
</head>
<body>
    <div class="row fondo">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <h1 class="text-center text-uppercase">CONSULTA DE STOCK</h1>
</div>
    </div>
    <div class="container">
    </div>
    <div class="row">
        <div id="cuadro1" class="col-sm-12 col-md-12 col-lg-12">
            <div class="col-sm-offset-2 col-sm-8">
                <h3 class="text-center"> <small class="mensaje"></small></h3>
            </div>
            <div class="table-responsive col-sm-12">       
                        <table id="tProd" class="table table-bordered table-hover" cellspacing="0" width="100%">
        <thead>
            <tr>                               
                <th>ID</th>
                <th>ID SIST</th>
                <th>CODIGO</th>
                <th>PRODUCTO</th>
                <th>STOCK</th>
                <th>FECHA</th>
            </tr>
        </thead>   
        <tbody>
            <?php $mysqli = new mysqli("localhost","user", "pass", "bd");
            $consulta = "SELECT ID, MEM_ID, LPAD(MPR_ID,5,'0') MPR_ID, CODIGO, NOMBRE, TOT, TIEMPO FROM MPR";
            if($resultado = $mysqli->query($consulta)){while($obj = $resultado -> fetch_object())
            { ?>
            <tr>
                <td><?php printf($obj->ID);?></td>
                <td><?php printf($obj->MPR_ID);?></td>
                <td><?php printf($obj->CODIGO);?></td>
                <td><?php printf($obj->NOMBRE);?></td>
                <td><?php printf($obj->TOT);?></td>
                <td><?php printf($obj->TIEMPO);?></td>
            </tr>
            <?php }
            $resultado->close();
            } ?>
        </tbody>
       </table>
       </div>          
     </div>    
   </div>
</body>

También pueden encontrr mi código en https://pastebin.com/SVga0V66

Origen Enlace

Levantar ventana modal al hacer clic en DataTable

O al menos que se ejecute un Alert He intentado de varias formas pero no consigo que se muestre un mensaje al darle clic a un registro, no quiero usar un boton pues quita espacio Este es mi codigo: https://pastebin.com/SVga0V66

(me fue imposible poner el código aquí por mas que lo puse entre etiqueta code y tabule)