improved installation instructions

This commit is contained in:
tomjohnson1492
2016-10-07 18:58:20 -07:00
parent bbd495a3ec
commit b69693e0fb
18 changed files with 124 additions and 77 deletions

View File

@ -22,27 +22,27 @@ $(document).ready(function(){
});
/* Set the location where mydoc_tooltips_source.json is. */
var url = "http://idratherbewriting.com/documentation-theme-jekyll/tooltips.json";
var url = "tooltips.json";
$.get( url, function( data ) {
/* Bootstrap popover text is defined inside a data-content attribute inside an element. That's
why I'm using attr here. If you just want to insert content on the page, use append and remove the data-content argument from the parentheses.*/
$.each(data.entries, function(i, page) {
if (page.id == "basketball") {
$.each(data.entries, function(i, item) {
if (item.id == "basketball") {
$( "#basketball" ).attr( "data-content", page.body );
}
if (page.id == "baseball") {
if (item.id == "baseball") {
$( "#baseball" ).attr( "data-content", page.body );
}
if (page.id == "football") {
if (item.id == "football") {
$( "#football" ).attr( "data-content", page.body );
}
if (page.id == "soccer") {
if (item.id == "soccer") {
$( "#soccer" ).attr( "data-content", page.body );
}
@ -71,10 +71,10 @@ body {padding-left:50px;}
<!-- the glyphicon class provides the info icon.-->
<p>Basketball <span class="glyphicon glyphicon-info-sign" id="basketball" data-toggle="popover"></span></p>
<p>Basketball <span class="glyphicon glyphicon-info-sign" id="basketball" data-toggle="popover"></span></p>
<p>Baseball <span class="glyphicon glyphicon-info-sign" id="baseball" data-toggle="popover"></span></p>
<p>Baseball <span class="glyphicon glyphicon-info-sign" id="baseball" data-toggle="popover"></span></p>
<p>Football <span class="glyphicon glyphicon-info-sign" id="football" data-toggle="popover"></span></p>
<p>Football <span class="glyphicon glyphicon-info-sign" id="football" data-toggle="popover"></span></p>
<p>Soccer <span class="glyphicon glyphicon-info-sign" id="soccer" data-toggle="popover"></span></p>
<p>Soccer <span class="glyphicon glyphicon-info-sign" id="soccer" data-toggle="popover"></span></p>