Question

Tooltip and syntax highlighter is working on its own, but when I put the code that I want to highlight in the pre tags. Only the syntax highlighting works and tooltip does not.
I tried both SyntaxHighlighter js.Highlighter .Tooltip still does not work. I am using the tooltip from simpletooltip
Can anybody guide me as to what to do? Should I change the tooltip or should I change the syntax highlighting. Which tooltip or syntax highlighting should I use?

<pre><code class = "python"> 
<p id = "filecontents" class="word_split">False None True False go the way False</p>
</code></pre>

$(document).ready(function(){
$(".word_split").lettering('words');
$('.word_split').mouseover(function(event) {
var word=event.target.innerHTML;
if (word == "False")
   showToolTip('False','False keyword',event);
$('.word_split').mouseout(function(event) {
var word=event.target.innerHTML;
if (word == "False")
   hideToolTip();
});
});
});

I am using the letteringplugin to detect the words. Each time the mouse hovers over the word False it should a description.

Answer 1

I used a different tooltip (Qtip) to solve the problem.