jquery iframe src

Question

I have an HTML page containing an iframe and I am trying to write functions on links in the iframe. The functions will make changes in the HTML page...

The following script works on the first link that is clicked in the iframe. But when the iframe chages "src" the function will not work any more.

How can I make it work even if the src of the iframe is changed?

(all pages are on the same domain)

<script type="text/javascript">
  $("iframe").contents().find("a").click(function() {
    alert('Load was performed.');
  });
</script>

This is how I sloved it: var chooseName = $('iframe'); chooseName.load(function() { chooseName.contents().find('a').click(function() { alert('Load was performed.'); }); }); Note Comment from Omeid Herat below. This script will not work on cross-domain. Not even if it's a subdomain. Stackoverflow rocks! Will definitely use it agin :) — Hakan
– Hakan, Commented Dec 8, 2010 at 13:38

javiertoledos · Accepted Answer · 2010-12-07 16:19:22Z

try to use the .live() method, it binds an event to the existing elements and future elements. When you change the src, you need to bind again the click event to the new links.

I don't know if the .live() method works on a iframe but you can try this:

  $("iframe").contents().find("a").live('click',function() {
    alert('Load was performed.');
  });

Sorry for my broken english!.

i don't know if it will works (sorry I don't have where to test things now), but what happens if you try to bind an function on the onLoad event of your iframe, (even if W3C says that iframe has no events, it appears to be supported by all browsers):

    <iframe src="/my_contents" onLoad="onload_function()"></iframe>
    ...
   <script>
        onload_function(){
          $(function(){
            $("iframe").contents().find("a").click(function() {
              alert('Load was performed.');
            });
          });
        }
    </script>

The .live() method doesn't seam to work on iframes. Thanks for trying tough. Is there some other way I can bind the click event again? (reload the function)

user529649 · Accepted Answer · 2010-12-07 15:21:36Z

0

if its the same as your domain it should work if not Because of Some Origin polciy it will not work as its cross-domain.

answered Dec 7, 2010 at 15:21

user529649

2 Comments

Hakan Over a year ago

It works as long as I stay on the same iframe. But if the iframe is reloaded with a new url it doesn't work.

Hakan Over a year ago

It works as long as I stay on the same iframe. But if the iframe is reloaded with a new url it doesn't work. All URL:s and src are the same domain... Thanks for answering any way :)

Collectives™ on Stack Overflow

jquery iframe src

2 Answers 2

1 Comment

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Linked

Related