Question

I have MySQL database with multiple URL’s.
Each URL is displayed in one iframe, so 3 URL’s = 3 iframes. I display them like this.

...
$resu = mysql_fetch_array ($consultation);
echo "<iframe src='".$resu['URL']."' onload='load(this)' id='iframe'></iframe>";
...

With this script I’m able to know the URL of the iframe clicked (not exactly, besides it doesn’t work in jsFiddle but in my PC yes. (http://jsfiddle.net/7UxHv/)).

<script type='text/javascript'>
$(window).load(function(){
    $('iframe#iframe').load(function(){
        alert($('#iframe').attr('src'));
    });
});
</script>

But really it displays the first database row and not the one clicked.

Anyway to display the one clicked with that script or another form to do this? Thanks.

Answer 1

edit:

Note you are generating multiple elements with the same id.. id should be unique.

This might be why you get only the first row to work.

---

I think the below code should work:

Html:

<iframe src='.$resu['URL'].' onload='loadIframe(this)' scrolling='no'></iframe>​

JS:

window.loadIframe = function(frame) {
    alert("Loaded "+$(frame).attr('src'));
}