Question

For example I have some link in index.html:

<a href="message.html">Go to message page</a>

In other page, iframe.html I have one iframe:

<iframe id="iframe" src="profile.html" frameborder="0" scrolling="no"></iframe>

Can it be done so that, when I click ‘Go to message page’ link, it redirect me to iframe.html and change iframe src to message.html?

Answer 1

A simple Solution:

your link in index.html should look like this:

<a href="iframe.html?message.html">Go to message page</a>

In iframe.html do something like this:

$(function () {
    var url = window.location.href;
    var QueryStr = url.split('?')[1];    
    $('#iframe').attr('src', QueryStr);
});

Hope this will be your answer. Thanks!

SEE DEMO

See pages:

• Profile Page: http://jsfiddle.net/akhurshid/8NfMy/
• Message Page: http://jsfiddle.net/akhurshid/V3Qjp/
• Iframe page: http://jsfiddle.net/akhurshid/YdXKK/
• Main (index) Page: http://jsfiddle.net/akhurshid/n7wNj/