Javascript Not displaying Content with cross tab

[tarunkrdas2013]

I have a javascript which tell users about the measure when they click mouse on "Understand the data" section on report.
Problem is when i remove the crosstab and run the report from report page after i click "Understand the data"contents i see data
but when i put cross tab beneath it ,below is the javascript code.

I have attached the Expected behaviour from other report

<a onclick="showHideToolTip('title3','show')" onmouseout="showHideToolTip('title3','hide')"><font color ="blue">Understand the Data</font></a>

<table id="title3" class="infoballoon data" >
<tr>
<td>
<div>
   <h1>Sales Numbers</h1>
   <p><span class="label">Sales numbers can be validated using option DSI.  Occasionally these numbers will differ slightly due to rounding differences, but will typically be within a few dollars.  </span></p>



   <h1>Summary Numbers</h1>
   <p><span class="label">The Daily Department Sales By Period location summary row (## LOCATION - All Depts) will always reflect member sales for the entire building, regardless of what departments are displayed.  Additionally, the Total summary row will add total location sales together for each location displayed on the report..
</span></p>




</div>
</td>
</tr>
</table>

[bdbits]

OK... You are not providing the javascript that is actually showing/hiding the information, or what behavior you are seeing that is different from your "expected" behavior.

I am thinking maybe your showHideToolTip() is a jQuery call? It is certainly not a standard built-in function of javascript, but is present in several js libraries/frameworks.

[tarunkrdas2013]

Thanks BD bits problem is when i click "Understand the Data" link ,in Internet explorer Text is not displayed but in Chrome browser the content of javascript is displayed ,i am not very good at javascript hence unable to understand why in IE javascript not displayed and in Chrome content of this javascript displayed

[tarunkrdas2013]

js code

<script>
function showHideToolTip(idStr,toggleStr)
{
   var obj = document.getElementById(idStr);
   if (toggleStr == 'show') {
      obj.style.display='block';
   }
   else {
      obj.style.display = 'none';            
   }
}
</script>

<style type = "text/css">

.infoballoon {
   position: absolute;
   border: 2px black solid;
   width: 300px;
   padding: 15px;
   background: #ffffe1;
   font-size: 10pt;
   display: none;
}

.data {
   right:0;
}


.infoballoon p {
    margin: 0;
                    font-style: normal;
                    font-weight:lighter;
}

.infoballoon h1 {
   text-decoration: underline;
   margin: 0;
   font-size: 10pt;
}

.infoballoon .label {
   font-weight: bold;
}

.infoballoon .example {
   color: #0000a0;
   font-weight: bold;
}
</style>