[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now


Loading an iFrame in HTML

Posted on 2012-03-30
Medium Priority
Last Modified: 2012-04-01
Dear Experts,

I have a requirement for my customer to load an Iframe from an external party / vendor in to a small portion of real estate in our website.

 When I tried to use iFrame or frameset..it loads the same parent page inside the iframe instead of the URL given by my vendor.

It is intriguing and confusing me. Let me know if something else can be done in HTML and Javascript to achieve this functionality.

Question by:SubbuUSA
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
LVL 22

Assisted Solution

by:Kim Walker
Kim Walker earned 750 total points
ID: 37788861
Are you entering the entire url including the "http://"?

Author Comment

ID: 37788882

Yes I am passing my URL  "http://www.anything.com/" through my querystring . Either I give this way or simply "www.anything.com/" or Just "anything.com/". Same result :(
LVL 22

Expert Comment

by:Kim Walker
ID: 37788941
Why would you include your own url in the query string? If the site you're loading wants to know your url, you must leave the "http://" out of the query string. Any part of the url before that http:// will be ignored.
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.


Author Comment

ID: 37788973

Sorry my english was bad. what I meant was..I am allowing my vendor to pass the URL in to my iframe to load. The URL my vendor passes does contain http://www.auto.com

I am not passing my URL in to the querystring. sorry my bad if it has confused you.
LVL 22

Expert Comment

by:Kim Walker
ID: 37789012
I missed that part in your initial post. So it sounds like there are three parties.
1. You have a website
2. You have a customer
3. There's an external party/vendor

How is your customer accessing your site to modify the iframe tag to load the external party/vendor page?

Please post the html for your page that includes the iframe that is loading improperly.

Author Comment

ID: 37789132

            <title><tri:BrandText name="ProductName" /></title>
      <iframe width="600" height="600" src="http://www.thirdparty.com"></ iframe>

Code behind

if (res.QURL != null)
                    var repUrl = new Url("http://www.thirdparty.com");
                    contentRequest.NamedObjects["QuizURL"] = repUrl;
                    return new InvocationResponse("ShowFrameIn");

LVL 22

Expert Comment

by:Kim Walker
ID: 37789258
Is it the customer's website or your website?

The HTML looks fine and the third party/vendor url is already there. Please explain the code behind. Where does it reside and how does it interact with the website?

Author Comment

ID: 37791153

Thanks for your repsonse. I dont have a website. External party is loading my customer's website. the repUrl in code behind comes from a querystring. sorry about the hardcoding part. invocation reponse is actually loading a content file. It resides in  my customer's solution.we get querystring from a webservice hosted by third party. I hope I answered all your questions.
LVL 21

Accepted Solution

masterpass earned 750 total points
ID: 37794067
First of all, make sure that your customer supports iframe rendering!

Try to modify like this

<iframe src="http://www.w3schools.com"></iframe>

see if the w3 schools is getting rendered in your code. If w3 schools is getting rendered then the problem is not with your code and you will have to talk to your customer to allow iframe rendering.

some famous sites which does not allow Iframe rendering are google and hotmail!

Hope this helps!

Author Closing Comment

ID: 37794069

Featured Post

What’s Wrong with Your Cloud Strategy ?

Even as many CIOs are embracing a cloud-first strategy, the reality is that moving to the cloud is a lengthy process and the end-state is likely to be a blend of multiple clouds—public and private. Learn why multicloud solutions matter in this webinar by Nimble Storage.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

656 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