I have some javascript/jquery code in PHP:

$theframe='thisbox';
echo "<a href='#' onClick=\"\$('#$theframe').attr('src','';\">
<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?

I have some javascript/jquery code in PHP:

$theframe='thisbox';
echo "<a href='#' onClick=\"\$('#$theframe').attr('src','http://google.';\">
<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?

• php
• javascript
• jquery
• html

3 Answers 3

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

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

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

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

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.');
    ev.preventDefault();
});