$('.form-control').css('display',''); $('#btnSubmit').click(function () { var otasSecurityId = $('#txtSecId').val(); window.otasBase.data.v1.stock(otasSecurityId)(function (stock) { $('.stockName').text('- ' + stock.name); }); window.otasBase.data.v1.stock(otasSecurityId).dailyFlags({}, function (flags) { var flagRowDiv = $(document.createElement("div")); $(flagRowDiv).dailyFlagRow({ flags: flags, isError: flags }); $('#dailyFlagRow > div').fadeOut(2000).remove(); $('#dailyFlagRow').append(flagRowDiv); }); window.otasBase.data.v1.stock(otasSecurityId)(function (stock) { var stampRowDiv = $(document.createElement("div")); $(stampRowDiv).stockStampRow({ stock: otasSecurityId, isHeader: 'true' }); $('#stockStampRow > div').fadeOut(2000).remove(); $('#stockStampRow').append(stampRowDiv); }); return false; }); $('#btnSubmit').trigger('click');
<link rel="stylesheet" href="//base.otastech.com/library/1.0/css/otasbase.min.css"> <link href="//base.otastech.com/library/1.0/css/otasbase-bootstrap.css" rel="stylesheet"> <script src="//base.otastech.com/library/1.0/js/jquery.min.js"></script> <script src="//base.otastech.com/library/1.0/js/bootstrap.min.js"></script> <script src="//code.highcharts.com/highcharts.js"></script> <script src="//base.otastech.com/library/1.0/js/otasbase.min.js"></script> <script> window.otasBase.data.apiKey = "556DA8B3A38CDEFA8F84E5241F65C"; </script> <div class="container-fluid dashboard"> <div class="row clearfix"> <div> <p>OTAS Security ID: <input class="form-control input-sm" type="text" value="OT.VOD.S" id="txtSecId"> <a href="#" id="btnSubmit" class="btn btn-primary btn-sm">Get Data</a> </p> </div> <div class="panel panel-default"> <div class="panel-heading">Daily Flag Row <span class="stockName"></span> </div> <div class="panel-body" id="dailyFlagRow"></div> </div> <div class="panel panel-default"> <div class="panel-heading">Stock Stamp Row <span class="stockName"></span> </div> <div class="panel-body" id="stockStampRow"></div> </div> </div> </div>
body{ padding-top: 0 !important; } .stock-descriptor { background: none !important; } .form-control { width: 20% !important; }