<div>
<div class="content wysiwyg-content">
Hello Experts,<br />
<br />
I have an iframe whose src changes.<br />
<br />
ie<br />
&lt;a href=&quot;#&quot; onClick=&quot;$('#login').show(<wbr />);&quot;&gt;Show login&lt;/a&gt;<br />
&lt;iframe id=&quot;login&quot; src=&quot;login.php&quot; width=&quot;500&quot; height=&quot;200&quot; /&gt;<br />
<br />
Although it starts of as login.php - the user (in the login screen) may decide to load up forgot-password.php or new-user.php (to create a new account). &nbsp;They load either of these screens by clicking on a link inside login.php. This action refreshs the 'screen' inside the iframe with the correct php page. &nbsp;<br />
<br />
I want to call a piece of code (using jQuery) that will tell me the name of this screen.<br />
I would have thought when the user clicks into the forgot password/new user page - it would in turn change the 'src' tag from login.php to whatever the current screen in the iframe is - however, I'm not sure. &nbsp;<br />
<br />
Is this possible to achieve?
</div>
</div>


Hello Experts,

I have an iframe whose src changes.

ie
<a href="#" onClick="$('#login').show();">Show login</a>
<iframe id="login" src="login.php" width="500" height="200" />

Although it starts of as login.php - the user (in the login screen) may decide to load up forgot-password.php or new-user.php (to create a new account).  They load either of these screens by clicking on a link inside login.php. This action refreshs the 'screen' inside the iframe with the correct php page.  

I want to call a piece of code (using jQuery) that will tell me the name of this screen.
I would have thought when the user clicks into the forgot password/new user page - it would in turn change the 'src' tag from login.php to whatever the current screen in the iframe is - however, I'm not sure.  

Is this possible to achieve?

jquery display iframe src

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.

AJAX

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.