jQuery Forum

Hello,

I have a strange problem by using the Internet Explorer (in my case Version 8) in combination with iFrames and the .load() function.

Simple szenario:

There are two iFrames

1. <frameset cols="210,*" bordercolor="#000000" frameborder="1">
2. <frame name="left" src="left.php" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" noresize>
3. <frame name="content" src="content.php" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" noresize>
4. </frameset>

In the left iFrame are two links with a target attribute to the content iFrame. Something like this:

1. <a href="content.php?id=1" target="content">Link 1</a>
2. <a href="content.php?id=2" target="content">Link 2</a>

The content.php in the right iFrame print out a table depending on the ID in the left link.
Additionally there is a searchfield in the content.php. When the user use this searchfield the content-table is reloaded by using the jQuery .load() function.

This looks like this:

1. <table width="100%" id="content">
2. // some content
3. </table>
   

1. function QuickSearch()
2. {
3.       name = $('#searchName').val();
4.       $("#content").load("content_search.php",
                                   {name: name }
5.       );
6. }

On the first load of this simple szenario it works fine. The content in the content-iFrame is loaded correctly depending on the link I've clicked and the search function is doing his job too.

But after I used the searchfield with the .load() function involved it seems that the iFrame structure ist destroyed, because with every click on a link on the left site the IE opens up a new window (or tab) instead of reloading the content iFrame.

Is this a known issue? Can somebody help me to solve this problem?

Thanks in advance!