I have a tooltip that I am using to preview text on all of a customers items in one spot. When an item is added or modified it calls a function that builds the basic html content for the tooltip, like so...(some lines omitted for clarity)
Now, this all works fine and dandy in FF, but in IE there's a glitch. It appears to only display the content that was there the FIRST time the tooltip was activated. Once you look at the tooltip once, the content doesnt change. When tracing thru the code, I can clearly see the new content in
Another twist to this is that in IE, the content DOES update if you're updating a line that was there the first time you looked at the tooltip. ie: item 1, line 1 gets updated to say "test"..."test" will show in the dropdown, but the other items that were added & edited after the first tooltip activation still do not appear. Spooky??
Here is my tooltip html...
In the attached screenshot, you can see item #5 has been added, but it does not appear in the tooltip. Can someone advise why this might not be updating in IE?
var divReviewAllPers = getElementId('divReviewAllPers');
for
(i = 1; i < arrItems.length; i++) {
strAllPersText +=
'<u>Item #'
+ i +
'</u><br />'
;
if
(i == parseInt(hidItemEdit.value)) {
// This is the item being edited, so update the master string with the textbox values
var
strNewPersTextItem =
''
;
var
strItemLines = arrItems[i];
for
(x = 0; x < arrLines.length; x++) {
if
(x < getElementId(
'hidNumLines'
).value) {
if
(strLine ==
''
) {
strAllPersText +=
'Line '
+ (x + 1) +
' - [LINE IS BLANK]<br />'
;
}
else
{
strAllPersText +=
'Line '
+ (x + 1) +
' - '
+ strLine +
'<br />'
;
}
}
strNewPersTextItem +=
'Line '
+ (x + 1) +
' - [LINE IS BLANK]<br />'
;
}
}
else
{
// This is not the item being edited, so put the existing data back in the master string
if
(arrItems[i].length > 0) {
for
(y = 0; y < arrLines.length; y++) {
if
(y < getElementId(
'hidNumLines'
).value) {
if
(arrLines[y] ==
''
) {
strAllPersText +=
'Line '
+ (y + 1) +
' - [LINE IS BLANK]<br />'
;
}
else
{
strAllPersText +=
'Line '
+ (y + 1) +
' - '
+ arrLines[y] +
'<br />'
;
}
}
}
}
}
}
if
(intMode == 1) {
strNewPersTextItem =
'<u>Item #'
+ i +
'</u><br />'
+ strNewPersTextItem;
divReviewAllPers.innerHTML = strAllPersText + strNewPersTextItem;
divReviewAllPers2.innerHTML = strAllPersText + strNewPersTextItem;
}
else
{
divReviewAllPers.innerHTML = strAllPersText;
divReviewAllPers2.innerHTML = strAllPersText;
}
Now, this all works fine and dandy in FF, but in IE there's a glitch. It appears to only display the content that was there the FIRST time the tooltip was activated. Once you look at the tooltip once, the content doesnt change. When tracing thru the code, I can clearly see the new content in
divReviewAllPers.innerHTML
, but it doesnt appear when I trigger the tooltip. Another twist to this is that in IE, the content DOES update if you're updating a line that was there the first time you looked at the tooltip. ie: item 1, line 1 gets updated to say "test"..."test" will show in the dropdown, but the other items that were added & edited after the first tooltip activation still do not appear. Spooky??
Here is my tooltip html...
<
center
>
<
a
href
=
"#"
id
=
"lnkReviewAllPers"
class
=
"link-color"
>Click here to review all personalization text</
a
>
</
center
>
<
rad:RadToolTip
ID
=
"RadToolTip7"
Skin
=
"Default"
runat
=
"server"
TargetControlID
=
"lnkReviewAllPers"
ShowEvent
=
"OnClick"
IsClientID
=
"true"
RelativeTo
=
"Element"
Position
=
"BottomCenter"
Width
=
"400px"
Height
=
"225px"
Animation
=
"Fade"
ManualClose
=
"true"
>
<
div
id
=
"divReviewAllPers"
style
=
"height:215px; overflow:auto;"
></
div
>
</
rad:RadToolTip
>
In the attached screenshot, you can see item #5 has been added, but it does not appear in the tooltip. Can someone advise why this might not be updating in IE?