JSFiddle - React, Tailwind, and code Playground

by anup1986

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<script src="https://raw.github.com/makeusabrew/bootbox/master/bootbox.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<button class="btn btn-primary" type="button" id="test">Click me!</button>

JavaScript

var hylla = "";
var lagstalle = "";
var antal = 0;

$('#test').click(function() {
    var assId = 15;
    var rowId = 3;
    var lagplats = "";
        var lagStalle = "";
        var antal = 0;
        var sTxt = '<table>' +
            '<tr>' +
            '<td class="span2">' +
            '<label><b>Hylla:</b></label>' +
            '</td><td class="span4">' +
            '<input type="text" id="lagPlats" name="lagPlats">' +
            '</td><td class="span2">' +
            '</tr><tr>' +
            '<td class="span2">' +
            '<label><b>Lagerställe:</b></label>' +
            '</td><td class="span4">' +
            '<input type="text" id="lagStalle" name="lagStalle">' +
            '</td><td class="span2">' +
            '</tr><tr>' +
            '<td class="span2">' +
            '<label><b>Antal:</b></label>' +
            '</td><td class="span4">' +
            '<div class="input-append">' +
            '<input id="antal" type="number" min="0" step="1" value="1" style="width: 45px" name="antal" />' +
            '<span class="add-on">st</span>' +
            '</div>' +
            '</td>' +
            '</tr><tr>' +
            '<input type="hidden" value="' + assId + '" name="assId" />' +
            '<input type="hidden" value="' + rowId + '" name="rowId" />' +
            '</tr>' +
            '</table>';
        bootbox.dialog(sTxt, [{
            "label": "Ok",
            "callback": function() {
                lagplats = $('#lagPlats').val();
                lagStalle = $('#lagStalle').val();
                antal = $('#antal').val();
                
                test(lagplats, lagStalle, antal);
            }
        }]);
});

function test(lagplats, lagStalle, antal) {
    console.log(lagplats + ', ' + lagStalle + ', ' + antal);
}

// //netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js
// //netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css