Posts

Showing posts with the label within

Blog Tour Enemy Within The Executive Office 3 by Tal Bauer Includes Guest Post Giveaway

Image
Blog Tour Enemy Within The Executive Office 3 by Tal Bauer Includes Guest Post Giveaway We are thrilled to welcome back Tal Bauer to Sinfully as he celebrates the upcoming release of Enemy Within , the third book in the Executive Office Series by Tal Bauer. Go check it out and don�t forget to enter the giveaway! � Read more �

Bootstrap Display a map in a tab page within a tab control

Bootstrap Display a map in a tab page within a tab control Recently i was working with bootstrap and i needed to display a map within a tab page of a tab control. The task look simple enough, below is the html and javascript codes: <html> <head> <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="./css/bootstrap.additional.css" rel="stylesheet" type="text/css" /> <script src="./jslib/jquery-1.8.3.min.js"></script> <script src="./jslib/bootstrap.min.js"></script> <script src="./jslib/OpenLayers.js"></script> <script> $(function(){ $("#tabs").tab(); var lat = 1.3000; var lon = 103.8000; updateMap("myMap", lon, lat); }); function updateMap(mapElementId, lon, lat) { var layer = new OpenLayers.Layer.OSM(); map = new OpenLayers.Map(mapElementId); map.addLayer(layer); var epsg43...

Bootstrap Display a network graph within a tab page of a tab control

Bootstrap Display a network graph within a tab page of a tab control Recently I was working with bootstrap and needed to display a network graph within a bootstrap tab control. I decided to use vis.js which is easy to use for creating a graph network. Initially the problem looked simple as all that i need to do is to create tab control using bootstrap and create a graph network in one of its tab pages. Below is the original implementation: <html> <head> <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="./css/bootstrap.additional.css" rel="stylesheet" type="text/css" /> <link href="./css/vis.css" rel="stylesheet" type="text/css"> <script src="./jslib/jquery-1.8.3.min.js"></script> <script src="./jslib/bootstrap.min.js"></script> <script src="./jslib/vis.js"></script> ...