IE and problem in the same sentence, not surprising is it?

I’m working on a project at the moment where I’ve come up against a rather frustrating problem in Internet Explorer. I have a series of pop ups on a particular page that are opened with JavaScript when help links are clicked. The JavaScript for them is:

function openHelpPopUp(url) {
newwindow=window.open(url,'name','width=620,height=440');
if (window.focus) {newwindow.focus()}
return false;
}

The HTML used is:

<a href="help.html" onclick="return openHelpPopUp('help.html')" title="More information" class="help-popup-link">Help</a>

Now, the pop up works perfectly in every browser except Internet Explorer. The main priority at the moment is making it work in IE7.

What happens is that, it pops up fine, but the text is not visible. If you click and drag the cursor over it and highlight it though, it becomes visible. Once you click away from the highlighted area to deselect it, it stays visible. Any area that wasn’t highlighted stays invisible. When you refresh the pop up though, it all becomes visible normally.

Also peculiar is that some text within an unordered list is visible.

Have you come across this or anything like it before? Have you got any tips or suggestions? I’m running out of things to try so any feedback on this is greatly appreciated!

EDIT: It isn’t always visible on a refresh, just half the time, half the time it stays invisible.

Edit 2: Problem solved.

Be Sociable, Share!

• 

Posted on February 12, 2009 at 10:44 am
http://blog.stillaslife.com/code/javascript-and-ie-problem/
http://blog.stillaslife.com/code/javascript-and-ie-problem/trackback/
Categorised under : Code
Tagged with : HTML , Internet , Internet Explorer , javascript , onclick