CODEWITHSUNDEEP
phpjavascriptjqueryhtml
David19801
David19801

Reputation: 11448

Making a link to change src on iframe

I have some javascript/jquery code in PHP:

$theframe='thisbox';
echo "<a href='#' onClick=\"\$('#$theframe').attr('src','http://google.com';\">
<span class='lin'>$titlehere</span></a>";

When clicked, I want it to update the iframe on the page with id='theframe' to something else (like google here) and without refreshing the page.

It's not working. Any ideas?

EDIT: For future reference, here is what I've used. 

<a href="foo.html" target="myiframe">Foo</a>
<iframe name="myiframe"></iframe>

From: Basic jQuery question: How to change iframe src by clicking a link?

Upvotes: 2

Views: 6998

Answers (3)

Quentin
Quentin

Reputation: 943560

Give the frame a name, then use the target attribute, forget JS.

<a href="http://example.net/" target="myFrame">Example</a>

<iframe name="myFrame" src="http://example.com/">
    Alternative content for non-frame systems
</iframe>

Upvotes: 4

Andy
Andy

Reputation: 30135

you need to prevent the link's default behaviour with event.preventDefault(). I'd also split html and javascript:

PHP:

echo "<a href='#' id='someID'><span class='lin'>$titlehere</span></a>";

JS:

$('#someID').click(function(ev){
    $('#theframe').attr('src','http://google.com');
    ev.preventDefault();
});

Upvotes: 0

belgther
belgther

Reputation: 2534

create a new div and set its "innerHTML" value by each click. The innerHTML value then contains a new iframe with its source.

Upvotes: 0

Related Questions