Put url requested into an iframe using jQuery/Javascript

Question

Hmm, so I have code that loads an iframe on a page called page2.html. The iframe currently loads the homepage of the site (http://mydomain.com). However, what I would like to do is place any page requested in an iframe as well.

So, like: http://mydomain.com/mypage/mysubpage

This needs to be grabbed from javascript/jquery and handed down into the iframe src value. This sounds easy enough, however, their is a global.js file that is redirecting to another page (page2.html) which than outputs the iframe (loading http://mydomain.com), so I'll need to pass a variable via javascript from the global.js function and put it into the page2.html page somehow to tell it to load the iframe for a different url instead of http://mydomain.com.

What's the best way to do this exactly? So, if you go here: http://cdficonnect.org in your desktop pc, you will notice that it loads the page in the iframe, but if you go here: http://www.cdficonnect.org/#/pages/articles/317 it still loads up the main page into the iframe and not that url. How to tell it to load up that url and not the main page?

Sounds simple enough, but having problems with implementing it.

Cookie Approach here:

In the redirector script, before it redirects...

function setCookie(c_name,value,exdays)
{
  var exdate=new Date();
  exdate.setDate(exdate.getDate() + exdays);
  var c_value=escape(value) + 
    ((exdays==null) ? "" : ("; expires="+exdate.toUTCString()));
  document.cookie=c_name + "=" + c_value + ";domain=cdficonnect.org";
}

setCookie('curURL', document.URL, 0);

In desktop.html, within the head:

function getCookie(c_name)
{
 var i,x,y,ARRcookies=document.cookie.split(";");
 for (i=0;i<ARRcookies.length;i++)
 {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
  {
   return unescape(y);
  }
 }
}

var curURL = getCookie('curURL');
$('iframe').attr('src', curURL);

This always displays the homepage within the iframe no matter what url I put into the address: http://cdficonnect.org

Either put the URL into a cookie, or add it as a query parameter in the redirect URL. — Barmar
– Barmar, Commented Nov 18, 2013 at 17:54
Have tried the cookie approach, but for some reason the URL isn't properly getting stored in the cookie... strange — Solomon Closson
– Solomon Closson, Commented Nov 18, 2013 at 18:39
The problem is that you're setting the cookie in cdiconnect.com, and trying to read it in www.cdiconnect.com. Since setCookie doesn't specify that the cookie should be available in subdomains, it can't read it. Try adding domain=cdiconnect.com; to the cookie. — Barmar
– Barmar, Commented Nov 18, 2013 at 19:28

Romain Braun · Accepted Answer · 2013-11-22 16:48:42Z

1

+50

Try using HTML's localStorage :

In the redirector script, before it redirects...

function storeLocal(label,value)
{
  window.localStorage.setItem(label,value);
}

storeLocal('curURL', document.URL);

In desktop.html, within the head:

function getStorage(label)
{
 return window.localStorage.getItem(label);
}

var curURL = getStorage('curURL');
$('iframe').attr('src', curURL);

working jsFiddle : http://jsfiddle.net/RqkUk/

edited Nov 22, 2013 at 16:48

answered Nov 22, 2013 at 16:23

Romain Braun

3,7044 gold badges26 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Solomon Closson Over a year ago

I have to wait 19 more hours to award the bounty but this is exactly what I needed!!

Romain Braun Over a year ago

@SolomonClosson Glad I could help ! Don't worry, take your time :)

Romain Braun Over a year ago

@SolomonClosson I don't like doing this but if you could please remember about the bounty :D Thank you !

Solomon Closson Over a year ago

Thumbs UP, you got it!

Collectives™ on Stack Overflow

Put url requested into an iframe using jQuery/Javascript

1 Answer 1

working jsFiddle : http://jsfiddle.net/RqkUk/

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

working jsFiddle : http://jsfiddle.net/RqkUk/

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related