php - Making a link to change src on iframe - Stack Overflow

admin管理员组

文章数量:1410717

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

Share Improve this question Follow edited May 23, 2017 at 12:01 CommunityBot 111 silver badge asked Dec 6, 2011 at 12:07 David19801David19801 11.4k2626 gold badges8686 silver badges127127 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

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();
});

本文标签： phpMaking a link to change src on iframeStack Overflow