Question

I want to make a for example content variable in javascript which will have a html tags inside with certain values.
How can I put that in the div when button is pressed.

For example :

This is a content which I want to use:

var contentString = '<div id="info">'+
'<h2><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Info:</b></h2>'+
'<div id="bodyContent">'+ 
'<div style=width:220px;display:inline-block;>'+
'<p>&nbsp; Name: '+ this.name + '</p>' +
'<p>&nbsp; Last name: '+ this.last+ '</p>' +
'<p>&nbsp; 
'</div>'+
'</div>'+
'</div>'+
'</form>';

And I want to put it into : <div id=something"></div>
In javascript I can have something like:

$("#button").on('click', function() {
// What to put in here?
});

Answer 1

How can I put that in the div when button is pressed.

Like this:

$("#button").on('click', function() {
  $('#something').html(contentString);
});

More info about html();

• http://api.jquery.com/html/