Testing Inline Help

by mark47

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<div style="padding: 40px">
            <h3>Years I Expect to Live</h3>
<p>Based on your answers, the number of years you expect to live (survival) is an important factor in your prostate cancer care decision.</p>

<strong>Age and other factors that affect survival</strong>

    <p>Nearly all men with <span class="inline-help" title="Tell me what this means." rel="popover" id="explainer2" data-content="Localized means the cancer only appears in one very small part of the body and isn't spreading.">localized prostate cancer</span> will live at least 10 years after the diagnosis— unless they die for another reason, like accidents or other diseases or conditions. In general, prostate cancer is a <a href="#" rel="popover" id="explainer" title="Slow-growing cancer" data-content="Cancer is called slow-growing if it takes more than a year to progress."><span class="label label-info inline-text-highlight">slow-growing cancer.<i class="icon-question-sign icon-white adjust-icon"></i></span></a></p>

<p>For men with a <strong>low risk</strong> of cancer spreading or returning, there is no good data that any one care option will make survival time longer than another option. For men with a <strong>medium to high-risk</strong> cancer, studies have shown that removing or treating the cancer is better than monitoring it with PSA.</p>

<p>The most important factor in risk is the Gleason score of your cancer. There is firm evidence that the Gleason score will predict how soon cancer will spread and the number of years a man will live. Your doctor will talk to you about your Gleason Score and risk of spreading or returning.</p>

<p>How you think about your own age is an important factor to consider in choosing a treatment. Other diseases or conditions you have, and your family...

CSS

span.inline-help {
    cursor: help;
    text-decoration: underline;
    color: orange;
}

JavaScript

$("[rel=popover]").popover({placement: 'top'});
$("[rel=tooltip]").tooltip();