using javascript function to render HTML

Question

I have a static page that has login and registration link.I want that when a user clicks on Login,it calls a Javascript function that in turn displays the Login Form on the same page.

Although I can embed the whole HTML tag in document.write() but that is very messy and am sure is not the best practice for long HTML codes.

So how can i embed HTML codes into the JS function?and how do i control the positioning of the form on the page.

I am looking for a Javascript solution only and not JQuery

Maybe he just wants to learn, personally I like to do the same — asimes
– asimes, Commented Jul 2, 2013 at 7:49
@Sergio : actually i am using PHP as the backend but am not sure if what i want to do can be done using PHP. — Mayur
– Mayur, Commented Jul 2, 2013 at 7:49

Drixson Oseña · Accepted Answer · 2016-10-19 04:33:11Z

5

html = "<form>....</form>";

document.getElementById("example").innerHTML = html;

edited Oct 19, 2016 at 4:33

answered Jul 2, 2013 at 7:54

Drixson Oseña

3,6313 gold badges25 silver badges36 bronze badges

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

1 Comment

Nagama Inamdar Over a year ago

'#' might not be required for javascript.

VladH · Accepted Answer · 2013-07-02 07:54:47Z

2

Try to make a div containing your elements for the registration So for HTML you can use something like this

<div id="regElements" style="display:none;" class="registration" >Elements for a registration form</div>
<input type="button" name="re" onclick="showReg()" />

And for Javascript you just use ths function

function showReg() {
    document.getElementById("regElements").style.display = "";
}

You can find examples of this code everywhere! Good luck!

answered Jul 2, 2013 at 7:54

VladH

3954 silver badges16 bronze badges

1 Comment

Mayur Over a year ago

This answer solves my question perfectly..Simple !! Thanks @ VladH

surfealokesea · Accepted Answer · 2013-07-02 07:50:55Z

1

Use html tag:

<iframe id="iframeid" ...>

Javascript:

document.getElementById("iframeid").src="url";

http://www.w3schools.com/tags/tag_iframe.asp

answered Jul 2, 2013 at 7:50

surfealokesea

5,1735 gold badges32 silver badges38 bronze badges

Collectives™ on Stack Overflow

using javascript function to render HTML

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related