How to update src of iframe and onclick of link on JavaScript

Question

I'm trying to create a page where is would work for both login and sign up at the same with by updating the the src of an iframe.

On the nav bar, I have this:

<li id="change"><a onclick="sign()">Sign up</a></li>

And on the iframe:

<iframe src="loginurl" id="frame"></iframe>

Then on the JavaScript, I have this

<script>
        function sign(){
                document.getElementById("frame").src="signupurl";
                document.getElementById("change").innerHTML="<a onclick="login()">Login</a>";
        }
        function login(){
                document.getElementById("frame").src="loginurl";
                document.getElementById("change").innerHTML="<a onclick="sign()">Sign up</a>";
        }
</script>

Its supposed to change the function it would execute onclick of the sign up link to login() And the src of the iframe and vice versa

Wais Kamal · Accepted Answer · 2018-07-14 17:50:40Z

1

This seems to be a problem of quotes. Try this:

function sign() {
  document.getElementById("frame").src = "signupurl";
  document.getElementById("change").innerHTML = '<a onclick="login()">Login</a>';
}

function login() {
  document.getElementById("frame").src = "loginurl";
  document.getElementById("change").innerHTML = '<a onclick="sign()">Sign up</a>';
}

answered Jul 14, 2018 at 17:50

Wais Kamal

6,2503 gold badges21 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to update src of iframe and onclick of link on JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related