Solved

How do I get javascript passed through an iframe to call a method loaded from an ajax response?

Posted on 2009-04-10
4
228 Views
Last Modified: 2013-11-19
Hey experts,

First off, let me say that my code uses the Mootools 1.2 framework, and I'm still pretty green with JS so this might be a simple thing to fix...

Pretty much, I have a profile page where users can edit their data by clicking a link in the section, and it populates the form into a div with AJAX via Request.HTML.  Some of the forms are multiple pages, but they are all contained in that div.  The issue I am having is on one of the pages, there is a photo upload part that makes use of AJAX and an iframe.  The uploading part works fine in all browsers, but the javascript passed through the iframe on the response doesn't play well with IE(7 for sure) but FF is ok with it.  Visual Studio debugs it as "Object doesn't support this property or method" while Google Chrome says "Object [object global] has no method 'setPhoto'".  I'm thinking it has to do with the scope of it, and the fact that the js in the ajax was loaded after the dom was loaded. The code I am passing from the iframe is :

window.parent.setPhoto('6FB2A38DC107EACB');

I've tried window.top.window.setPhoto() parent.setPhoto(), but I can't get any of them to access that method that is loaded in the ajax.  Could someone please get me pointed in the right direction?

Thanks a bunch!
0
Comment
Question by:DSNews
  • 2
  • 2
4 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 24121767
you mean there is a script in the response you want to execute?
If you do, you need to eval it since dropping it into some div's innerHTML does not execute it.
Alternatively try to add the script to the DOM - there are quite a few examples on the net on
ondemand script dom
0
 

Author Comment

by:DSNews
ID: 24159426
With using mootools 1.2 Request.HTML can and will automatically eval your scripts.  The issue is that the scope of the first script with the function definition doesn't seem to be loaded in the same scope as the second script that loads in the ajax windo where the function call is placed.  The way I fixed it was to place the function def in the DOM, so it was global and accessible for all subsequential requests.  Thanks for the help!
0
 

Author Closing Comment

by:DSNews
ID: 31568997
Placing the function in the dom fixed the issue.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24161459
Excellent.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now