Posts

Showing posts with the label control

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...
Post a Comment
Keep reading

BluePad Remote Control Your PC From Your Cell Phone

BluePad Remote Control Your PC From Your Cell Phone BluePad allows you to remote control movie and music players on your PC from your Cell Phone. These are the some of the features offered by remote pad. Simulate game pad. Remote control presentations Customizable key mapping. Available in half a dozen languages. Get Blue Pad for Ubuntu
Post a Comment
Keep reading

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> ...
Post a Comment
Keep reading