How to open the content inside a DIV tag in new tab

Question

$('.menu div.profile-btn').on('click', function () {
    $('.mainservice-page').fadeIn(1200);
}

The above script opens the contents of the div .mainservice-page successfully, but I want to open them in a new tab.

How can I do that?

Thanks in advance.

Here's a similar thread: http://stackoverflow.com/questions/3841100/write-content-to-new-window-with-jquery — Thamilhan, Oct 23 '15 at 07:26
Did you open any URL or you want to open only content in new tab of browser ? Means this class "mainservice-page" contains a complete page or just content. — Manoj Srivastava, Oct 23 '15 at 07:27

score 6 · Accepted Answer · answered Oct 23 '15 at 07:38

6

You can do like that :

function newWindow_method_1() {
  var wi = window.open();
  var html = $('.mainservice-page').html();
  $(wi.document.body).html(html);
}
OR
function newWindow_method_2() {

  var html = $('.mainservice-page').html();
  window.open(html, "__new", "width=1000,height=1000");

}

$('.menu div.profile-btn').on('click', function () { 
  newWindow_method_1();

 // OR

 // newWindow_method_2();

});

Hope this will help you.

answered Oct 23 '15 at 07:38

Manoj Srivastava

670
5
16

@Manoj Srivastava Worked like charm. Thank you. – Stack Overflowerrr Nov 02 '15 at 10:50
Thanks @StackOverflowerrr – Manoj Srivastava Nov 02 '15 at 12:07
Working answer, one question though, if we set some values in html controls in jquery and then we open div in new tab then all values set will show in new tab ? – Mar 16 '22 at 06:10

How to open the content inside a DIV tag in new tab

1 Answers1