Question

Is it possible to replace iframe src with a element href attribute when user clicks on it?

I have this code

http://jsfiddle.net/6Hv9P/1/

and I am trying to let the user to search using duckduckgo and when clicked on result it should replace iframe src with a href value.

Answer 1

Possible indeed. Here is an example for such a link:

<a href="http://jsfiddle.net" onclick="document.getElementById('siframe').src=this.href; return false;">click me</a>

This will replace the iframe source when the link is clicked.

Updated fiddle.

To be more flexible you can have such code though that will make all the anchors behave in the same way:

window.onload = function() {
    var oFrame = document.getElementById('siframe');
    var anchors = document.getElementsByTagName("a");
    for (var i = 0; i < anchors.length; i++) {
        var anchor = anchors[i];
        var curHref = anchor.href;
        if (curHref && curHref.length > 0) {
            anchor.onclick = function() {
                oFrame.src = curHref;
                return false;
            }
        }
    }
};